/* ============================================================
   DHT v3 骨架覆写层
   范围：只调整页面整体骨架——区块留白节奏、信息层级、
        内容区宽度、导航/内容区划分、区块间距。
   不动：任何区块内部设计（卡片样式、按钮、配色层次、
        字体、图片处理、动效），全部沿用原站 CSS。
   ============================================================ */
html[data-site-theme="warm"]{
  /* 内容区宽度：1120px → 1200px，宽屏更舒展、更大气 */
  --content-width:1200px;
  --site-content:1200px;
}
/* ---- 区块垂直留白节奏：72px → 100px，呼吸感更强 ---- */
html[data-site-theme="warm"] .warm-home-content .section{padding:100px 0}
/* ---- 首屏 hero：顶部留白加大，更大气 ---- */
html[data-site-theme="warm"] .warm-home-content .hero{padding:76px 0 20px}
/* ---- 区块标题与内容之间的层级间距 ---- */
html[data-site-theme="warm"] .warm-home-content .section-head{margin-bottom:52px}
/* ---- hero 左右栏间距 ---- */
html[data-site-theme="warm"] .warm-home-content .hero-grid{gap:80px}
/* ---- hero 底部入口条与上方内容间距 ---- */
html[data-site-theme="warm"] .warm-home-content .hero-paths{margin-top:52px}
/* ---- 页脚上方留白 ---- */
html[data-site-theme="warm"] .warm-home-content .footer,
html[data-site-theme="warm"] .footer{margin-top:0}

/* ============================================================
   v3-1 轮播首屏 + 视频区块放大
   ============================================================ */
/* ---- 全屏轮播背景 ---- */
html[data-site-theme="warm"] .warm-home-content .hero{position:relative;overflow:hidden;min-height:88vh;padding:0}
.hero-carousel-bg{position:absolute;inset:0;z-index:0}
.hero-carousel-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-carousel-slide.active{opacity:1}
.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:88vh;padding:76px 0 20px}
/* 左侧文字在暗底上提高可读性 */
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .eyebrow,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy h1,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-lead,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-note{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-focus a,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-actions .text-link{color:#fff}
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-actions .button{background:#a43d20;color:#fff;border-color:#a43d20}
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-paths a{color:#fff}
/* 路径导航在暗背景上也需白色 */
html[data-site-theme="warm"] .warm-home-content .hero .hero-paths a,
html[data-site-theme="warm"] .warm-home-content .hero .hero-paths small{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45)}
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-paths a{color:#fff}

/* ============================================================
   v3-1 轮播首屏 + 视频区块放大
   ============================================================ */
/* ---- 全屏轮播背景 ---- */
html[data-site-theme="warm"] .warm-home-content .hero{position:relative;overflow:hidden;min-height:88vh;padding:0}
.hero-carousel-bg{position:absolute;inset:0;z-index:0}
.hero-carousel-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1.2s ease-in-out}
.hero-carousel-slide.active{opacity:1}
/* 从左到右渐变蒙版：左深右浅，让文字清晰、图片仍可见 */
.hero-carousel-bg::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(to right,rgba(10,10,11,.78) 0%,rgba(10,10,11,.55) 35%,rgba(10,10,11,.12) 65%,transparent 100%);pointer-events:none}
.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:88vh;padding:76px 0 20px}
/* 左侧文字在暗底上提高可读性 */
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .eyebrow,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy h1,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-lead,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-note{color:#fff}
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-focus a,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-actions .text-link{color:#fff}
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-actions .button{background:#a43d20;color:#fff;border-color:#a43d20}
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-paths a{color:#fff}
/* 文字在蒙版上适当加阴影增强层次 */
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy h1,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-lead,
html[data-site-theme="warm"] .warm-home-content .hero-grid--carousel .hero-copy .hero-note{text-shadow:0 2px 8px rgba(0,0,0,.35)}

/* ---- 视频区块放大 + 与上方拉开间距 ---- */
#featured-video{padding:0;margin-top:80px}
#featured-video .featured-video{max-width:none;width:100%;margin:0 auto}
#featured-video video{width:100%;max-height:720px;object-fit:cover;border-radius:0}
@media (min-width:1400px){
  #featured-video video{max-height:860px}
}
#featured-video{padding:0}
#featured-video .featured-video{max-width:none;width:100%;margin:0 auto}
#featured-video video{width:100%;max-height:720px;object-fit:cover;border-radius:0}
@media (min-width:1400px){
  #featured-video video{max-height:860px}
}