/* 首页方案 2：场景叙事，独立作用域避免影响其他页面。 */
.home-intro{text-align:center;padding:62px 24px 42px;background:#fff}
.home-intro h2{font-size:clamp(30px,3.5vw,52px);line-height:1.3;font-weight:600;letter-spacing:-.035em}
.home-intro>p{margin:22px auto 0;color:var(--muted);font-size:16px;max-width:720px}
.home-directions{display:flex;justify-content:center;align-items:center;margin-top:42px}
.home-directions a{padding:0 48px;line-height:1.2;font-size:17px}
.home-directions a+a{border-left:1px solid #d8e0ec}
.home-directions a:hover{color:var(--blue)}
.home-scene{display:grid;grid-template-columns:1fr 1fr;min-height:440px;scroll-margin-top:85px;background:#fff}
.home-scene-copy{padding:38px clamp(28px,5.8vw,100px);align-self:center}
.home-scene-label{display:block;color:var(--blue);font-size:16px;margin-bottom:18px}
.home-scene h2{font-size:clamp(26px,2.8vw,42px);line-height:1.36;letter-spacing:-.035em;font-weight:600}
.home-scene-copy>p{font-size:16px;color:var(--muted);margin-top:18px;line-height:1.9;max-width:530px}
.home-scene-products{display:flex;gap:48px;margin-top:38px;flex-wrap:wrap}
.home-scene-products a{display:block}
.home-scene-products a>span{display:flex;align-items:center;gap:12px;font-size:19px;color:#263B50;font-weight:500}
.home-scene-products .icon{width:18px;height:18px}
.home-scene-products small{display:block;margin-top:7px;font-size:14px;color:var(--muted)}
.home-scene-products a:hover>span,.home-scene-products a:focus-visible>span{color:var(--blue);text-decoration:underline;text-underline-offset:5px}
.home-scene-products--stack{flex-direction:column;gap:20px;margin-top:24px}
.home-scene-photo{min-width:0;min-height:100%;position:relative;overflow:hidden}
.home-scene-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-scene--reverse .home-scene-copy{grid-column:2;grid-row:1}
.home-scene--reverse .home-scene-photo{grid-column:1;grid-row:1}
.home-closing{text-align:center;padding:46px 24px 54px}
.home-closing h2{font-size:28px;line-height:1.45;font-weight:600}
.home-closing .button{margin-top:20px;min-width:160px;border-radius:28px}

@media(max-width:900px) and (min-width:761px){.home-scene-copy{padding:32px 28px}.home-scene-products{gap:24px}.home-scene h2{font-size:28px}}
@media(max-width:760px){
 .home-intro{padding:42px 20px 32px}.home-intro h2{font-size:31px}.home-intro>p{font-size:14px;margin-top:18px;max-width:340px}
 .home-directions{margin-top:28px}.home-directions a{padding:0 30px;font-size:15px}
 .home-scene{grid-template-columns:1fr;min-height:0;scroll-margin-top:62px}
 .home-scene-copy,.home-scene--reverse .home-scene-copy{grid-column:1;grid-row:1;padding:34px 24px}
 .home-scene-photo,.home-scene--reverse .home-scene-photo{grid-column:1;grid-row:2;min-height:0;aspect-ratio:3/2}
 .home-scene-label{font-size:14px;margin-bottom:12px}.home-scene h2{font-size:28px;line-height:1.4}.home-scene-copy>p{font-size:14px;margin-top:14px}
 .home-scene-products{margin-top:26px;gap:28px}.home-scene-products a>span{font-size:17px}.home-scene-products small{font-size:13px}
 .home-scene-products--stack{gap:17px}.home-closing{padding:40px 20px}.home-closing h2{font-size:23px}
}
/* 场景照片向文字所在的白色区域柔和融合，保留人物与产品主体。 */
.home-scene-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 3%,rgba(255,255,255,.45) 10%,rgba(255,255,255,0) 24%)}
.home-scene--reverse .home-scene-photo::after{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.9) 3%,rgba(255,255,255,.45) 10%,rgba(255,255,255,0) 24%)}
@media(max-width:760px){.home-scene-photo::after,.home-scene--reverse .home-scene-photo::after{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.75) 4%,rgba(255,255,255,0) 20%)}}

/* 产品标识随名称排列；长 Slogan 在可用宽度内自然换行。 */
.home-scene-products a{max-width:100%;min-width:0}
.home-scene-products a>span{gap:12px}
.home-scene-products .home-product-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:10px;background:#f8faff;box-shadow:0 2px 7px rgba(24,72,134,.14);border:1px solid rgba(24,72,134,.07)}
.home-scene-products .icon{flex-shrink:0}
.home-scene-products small{max-width:22em;line-height:1.65;padding-left:52px;margin-top:9px}
@media(max-width:760px){
 .home-scene-products{gap:26px 32px}
 .home-scene-products a>span{gap:10px}
 .home-scene-products .home-product-logo{width:34px;height:34px;border-radius:9px}
 .home-scene-products small{padding-left:44px;max-width:100%;margin-top:8px}
}

/* 满屏宽幅 Banner，视频与图片共用尺寸，播放时整行黑底。 */
.home-banner{width:100%;max-width:none;margin:0;background:#edf6fd}
.home-banner.is-playing{background:#000}

/* 宽幅场景：图片延伸至屏幕边缘，文案对齐导航内容区。 */
.home-scenes{width:100%;max-width:none}
.home-scene{position:relative;isolation:isolate;display:flex;min-height:520px}
.home-scene-copy{position:relative;z-index:1;width:50%;padding:40px 40px 40px max(48px,calc((100% - 1240px)/2));pointer-events:none}
.home-scene-copy a{pointer-events:auto}
.home-scene h2{font-size:clamp(28px,2.7vw,38px)}
.home-scene-photo{position:absolute;inset:0 0 0 auto;width:56%;height:100%;min-height:0}
.home-scene-photo::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 6%,rgba(255,255,255,.3) 17%,transparent 28%)}
.home-scene--reverse .home-scene-copy{margin-left:50%;padding:40px max(48px,calc((100% - 1240px)/2)) 40px 52px}
.home-scene--reverse .home-scene-photo{inset:0 auto 0 0}
.home-scene--reverse .home-scene-photo::after{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.92) 6%,rgba(255,255,255,.3) 17%,transparent 28%)}
#home-learning .home-scene-photo img{object-position:62% center}
#home-wellbeing .home-scene-photo img{object-position:38% center}
#home-interaction .home-scene-photo img{object-position:64% center}
.home-scene-products{gap:24px 32px}
@media(min-width:1600px){.home-scene{min-height:540px}}
@media(max-width:1100px) and (min-width:1001px){.home-scene-copy{padding-left:32px;padding-right:20px}.home-scene--reverse .home-scene-copy{padding-right:32px;padding-left:40px}}
@media(max-width:1000px){
 .home-scene{display:flex;flex-direction:column;min-height:0}
 .home-scene-copy,.home-scene--reverse .home-scene-copy{width:100%;margin:0;padding:40px 32px;pointer-events:auto}
 .home-scene-photo,.home-scene--reverse .home-scene-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2/1}
 .home-scene-photo::after,.home-scene--reverse .home-scene-photo::after{background:linear-gradient(180deg,#fff,rgba(255,255,255,.6) 5%,transparent 18%)}
}
@media(max-width:760px){
 .home-scene-copy,.home-scene--reverse .home-scene-copy{padding:34px 18px 24px}
 .home-scene h2{font-size:28px}
 .home-scene-photo,.home-scene--reverse .home-scene-photo{aspect-ratio:3/2}
 #home-interaction .home-scene-photo{aspect-ratio:2/1}
 #home-interaction .home-scene-photo img{object-position:center}
 .home-scene-products{gap:24px 28px}
}
@media(min-width:1001px){#home-interaction .home-scene-photo::after{background:linear-gradient(90deg,#fff,rgba(255,255,255,.7) 4%,transparent 14%)}}

/* 场景精修：清晰的文字区、独立的场景节奏、统一的产品网格。 */
.home-scene+.home-scene{margin-top:40px}
.home-scene-products,.home-scene-products--stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin-top:30px}
.home-scene-products small{color:#526176;font-size:14px}
@media(min-width:1001px){
 .home-scene-photo{width:52%}
 .home-scene-photo::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.75) 4%,transparent 14%)}
 .home-scene--reverse .home-scene-photo::after{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.75) 4%,transparent 14%)}
 #home-interaction .home-scene-photo::after{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.45) 3%,transparent 9%)}
}
@media(max-width:760px){
 .home-scene+.home-scene{margin-top:32px}
 .home-scene-products,.home-scene-products--stack{grid-template-columns:1fr;gap:24px;margin-top:26px}
 .home-scene-products small{font-size:13px}
}
.home-scene-products small{text-wrap:pretty}

/* 去除重复分类后收紧品牌介绍与场景之间的留白。 */
.home-intro{padding-bottom:32px}
@media(max-width:760px){.home-intro{padding-bottom:18px}}

/* 醒途延续交错场景布局，单产品入口保留完整 Slogan。 */
.home-scene-products>a:only-child{grid-column:1/-1}
#home-xingtu .home-scene-photo img{object-position:65% center}
@media(max-width:1000px){#home-xingtu .home-scene-photo img{object-position:center}}

/* 脑控小盒沿用首页产品布局，保留概念图中的硬件主体。 */
#home-brainbox .home-scene-photo img{object-position:58% center}
@media(max-width:1000px){#home-brainbox .home-scene-photo{aspect-ratio:16/9}#home-brainbox .home-scene-photo img{object-position:center}}

/* 手机突出文案与设备主体，图片与视频保持相同高度。 */
@media(max-width:760px){
 .home-banner{aspect-ratio:16/9}
 .home-banner>picture{position:absolute;inset:0;width:100%;height:100%}
 .home-banner>picture img{width:100%;height:100%;object-fit:contain}
 .home-banner-play{right:12px;bottom:12px;padding:6px 12px;font-size:12px}
}

/* 手机正文与产品说明采用统一阅读字号，保留原有标题层级。 */
@media(max-width:760px){
 .home-intro>p,.home-scene-copy>p{font-size:var(--mobile-body);line-height:1.75;color:var(--mobile-copy-color)}
 .home-scene-products a>span{font-size:var(--mobile-product-name);line-height:1.5}
 .home-scene-products small{font-size:var(--mobile-description);line-height:1.65;color:var(--mobile-copy-color)}
}