body[data-page="home"] { background:#061b2c; color:#20333d; }
body[data-page="home"] .site-header { position:absolute; inset:0 0 auto; z-index:10; background:transparent; border:0; }
html:not(.navigation-js) body[data-page="home"] .site-header { position:relative; background:#06263e; }
body[data-page="home"] .header-inner { min-height:96px; }
body[data-page="home"] .site-nav a { font-size:14px; font-weight:400; }
body[data-page="home"] .site-nav .nav-download { background:none; padding:10px 0; color:#fff; border-radius:0; }
body[data-page="home"] .site-footer { background:#061b2c; border-top:1px solid #ffffff1c; }
.hero { position:relative; isolation:isolate; min-height:740px; height:100svh; max-height:1060px; color:#fffaf0; background:#041c33; overflow:hidden; }
.hero-visual { position:absolute; inset:0; z-index:-1; }
.hero-visual img { width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-inner { height:100%; display:flex; align-items:center; padding-block:140px 160px; }
.hero-copy { max-width:540px; }
.hero .eyebrow { color:#e4edf0; font-weight:400; letter-spacing:.18em; font-size:16px; margin-bottom:26px; }
.hero h1 { font-size:clamp(52px,5.2vw,78px); font-weight:450; line-height:1.32; letter-spacing:.04em; margin:0 0 25px; }
.hero h1 span { display:block; }
.hero .text-link { color:#eef6fa; font-size:15px; font-weight:400; }
.hero .button { padding-inline:26px; font-weight:500; }

@media(min-width:761px) and (max-width:1100px) {
 .hero-copy { max-width:300px; }.hero h1 { font-size:48px; }.hero { height:850px; }.hero-visual img { object-position:right center; }.hero .eyebrow { font-size:12px; }.hero .button-row { flex-direction:column; align-items:flex-start; gap:8px; }
 .site-nav { gap:20px; }
}
/* 电脑端：保留已确认的首屏构图。 */
@media(min-width:761px) {
 body[data-page="home"] { --home-deep:#041c33; --home-serif:"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif; }
 body[data-page="home"] .shell { width:min(1440px,calc(100% - 9vw)); }
 body[data-page="home"] .header-inner { min-height:92px; justify-content:flex-start; gap:0; }
 body[data-page="home"] .brand { gap:15px; }
 body[data-page="home"] .brand-wordmark { width:112px; }
 body[data-page="home"] .brand-wordmark-zh { display:block; width:91px; height:22.75px; box-sizing:content-box; padding-left:15px; border-left:1px solid #ffffff60; }
 body[data-page="home"] .site-nav { margin-left:clamp(60px,9vw,150px); gap:clamp(28px,3.6vw,58px); }
 body[data-page="home"] .site-nav a { font-size:18px; letter-spacing:.06em; }
 body[data-page="home"] .site-nav a:hover,body[data-page="home"] .site-nav a:focus-visible { color:#b9e7ff; }
 .hero { background:var(--home-deep); height:auto; min-height:max(740px,calc(100vw * 1072 / 1585)); max-height:none; }
 .hero-visual img { width:100%; height:auto; object-fit:contain; object-position:center top; }
 .hero-inner { height:auto; }
 .hero-inner { align-items:flex-start; padding:clamp(155px,20svh,215px) 0 120px 2.7vw; }
 .hero-copy { max-width:48%; }
 .hero .eyebrow { font-size:15px; letter-spacing:.16em; margin-bottom:24px; }
 .hero h1 { font-family:var(--home-serif); font-size:clamp(45px,4.8vw,76px); font-weight:400; letter-spacing:.04em; line-height:1.42; margin-bottom:40px; }
 .hero h1 span { white-space:nowrap; }
 .hero .button-row { gap:34px; }
 .hero .button { min-height:52px; padding-inline:29px; font-size:17px; }
 .hero .text-link { font-size:17px; gap:8px; white-space:nowrap; }
 .hero .text-link:hover,.hero .text-link:focus-visible { color:#b9e7ff; text-decoration:none; }
}
@media(min-width:761px) and (max-width:1100px) {
 body[data-page="home"] .brand { gap:12px; }
 body[data-page="home"] .brand-wordmark { width:100px; }
 body[data-page="home"] .brand-wordmark-zh { width:80px; height:20px; padding-left:12px; }
 body[data-page="home"] .site-nav { margin-left:auto; gap:22px; }
 body[data-page="home"] .site-nav a { font-size:14px; }
 .hero-inner { padding-left:0; }
 .hero-copy { max-width:49%; }
 .hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#041c33e8 0%,#041c3370 40%,transparent 65%); }
 .hero .button-row { gap:8px; }
 .hero .text-link { font-size:15px; }
}
@media(max-width:760px) {
 body[data-page="home"] .header-inner { min-height:76px; }
 body[data-page="home"] .site-nav { background:#06263e; padding:10px 20px 18px; margin-top:2px; border:1px solid #ffffff26; }
 body[data-page="home"] .site-nav>a,body[data-page="home"] .site-nav .nav-download { padding:12px 0; font-size:15px; }
 body[data-page="home"] .site-nav .nav-download:hover,body[data-page="home"] .site-nav .nav-download:focus-visible { color:#b9e7ff; }
 body[data-page="home"] .brand { gap:13px; }
 body[data-page="home"] .brand-wordmark { width:107px; }
 body[data-page="home"] .brand-wordmark-zh { display:block; width:87px; height:21.75px; box-sizing:content-box; padding-left:13px; border-left:1px solid #ffffff60; }
 body[data-page="home"] .menu-toggle { flex-shrink:0; }
 .hero { height:auto; min-height:max(820px,100svh,calc(177.778vw + 160px)); max-height:none; }
 .hero-visual img { position:absolute; bottom:0; width:100%; height:auto; }
 .hero-inner { height:auto; padding:clamp(132px,15svh,165px) 0 120vw; align-items:flex-start; }
 .hero-copy { max-width:none; }
 .hero .eyebrow { font-size:13px; line-height:1.5; letter-spacing:.16em; margin-bottom:27px; }
 .hero h1 { font-family:"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif; font-size:clamp(41px,10.2vw,52px); font-weight:400; line-height:1.42; letter-spacing:.04em; margin-bottom:34px; }
 .hero .button-row { flex-wrap:wrap; gap:12px 24px; align-items:center; max-width:100%; }
 .hero .button { min-height:50px; padding:10px 23px; font-size:15px; gap:16px; }
 .hero .text-link { min-height:50px; font-size:14px; gap:8px; white-space:nowrap; }
 .hero .text-link:hover,.hero .text-link:focus-visible { color:#b9e7ff; text-decoration:none; }
}
@media(max-width:360px) {
 body[data-page="home"] .brand { gap:9px; }
 body[data-page="home"] .brand-wordmark { width:90px; }
 body[data-page="home"] .brand-wordmark-zh { width:73px; height:18.25px; padding-left:9px; }
 body[data-page="home"] .menu-toggle [data-menu-label] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
 .hero .button-row { gap:10px; }
 .hero .button { padding-inline:18px; font-size:14px; }
 .hero .text-link { font-size:13px; }
}
@media(min-width:561px) and (max-width:760px) {
 .hero { min-height:max(100svh,1156px); }
 .hero-inner { padding-bottom:672px; }
 .hero-visual { background:#041c33; }
 .hero-visual img { width:560px; max-width:none; right:0; left:auto; mask-image:linear-gradient(90deg,transparent,#000 16%); }
}

/* 首页后续章节采用已确认的独立预览设计。 */
:root{--c-deep:#041c33;--c-seam:linear-gradient(90deg,#001c34 0%,#011c38 10%,#012041 20%,#002447 30%,#00223f 40%,#01192c 50%,#01192c 60%,#001829 70%,#011729 80%,#021624 90%,#001522 100%)}
html{scroll-behavior:smooth}
body[data-page="home"]{background:var(--c-deep)}
@media(min-width:761px){body[data-page="home"] .hero{background:var(--c-seam)}}
.home-section{position:relative;overflow:hidden}
.home-wrap{width:min(1440px,calc(100% - 9vw));margin-inline:auto}
.home-kicker{font-size:13px;letter-spacing:.16em;font-weight:500;line-height:1.5;margin:0 0 24px}
.home-title{font-family:"Songti SC","STSong","Noto Serif CJK SC",SimSun,serif;font-weight:400;letter-spacing:.025em;line-height:1.34;margin:0}
.home-text{font-size:17px;line-height:1.9;margin:28px 0 0;max-width:32em}
.home-intro{padding:140px 0 130px;color:#f7fbfd;background:linear-gradient(180deg,transparent 0%,#092c43 58%),var(--c-seam)}
.home-intro .home-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}
.home-intro .home-title{font-size:clamp(48px,5.4vw,86px)}
.home-intro .home-kicker{color:#9ecfe4}
.home-intro .home-text{color:#b4cad4;margin-bottom:10px}
.home-intro .home-index{position:absolute;bottom:36px;left:4.5vw;color:#7aa6b9;font-size:11px;letter-spacing:.18em}
.home-product{color:#f8fbfc;background:#788e9d;min-height:760px;display:flex;align-items:center}
.home-product:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17394e 0%,#31566b 29%,#728b9b 64%,#78909e 100%)}
.home-product .home-photo{position:absolute;inset:0 0 0 36%;width:64%;height:100%;object-fit:cover;object-position:53% 50%;mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}
.home-product .home-wrap{position:relative;z-index:1;padding-block:100px}
.home-product .home-copy{max-width:470px}
.home-product .home-title{font-size:clamp(42px,4.2vw,66px)}
.home-product .home-kicker{color:#cae5ef}
.home-product .home-text{color:#e1eaf0;max-width:26em}
.home-product .home-small{display:block;margin-top:62px;padding-top:20px;border-top:1px solid #ffffff6b;color:#e4f1f6;font-size:13px;letter-spacing:.06em}
.home-features{background:#082b43;color:#f7fbfd;padding:125px 0 145px}
.home-features .home-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:78px}
.home-features .home-title{font-size:clamp(45px,4.6vw,72px)}
.home-features .home-kicker{color:#a9d9ed}
.home-features .home-text{color:#a9c6d4}
.home-features .home-rows{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9e1f02e;border-bottom:1px solid #b9e1f02e}
.home-features .home-row{padding:37px 38px 42px 0;min-height:220px}
.home-features .home-row:not(:last-child){border-right:1px solid #b9e1f02e;margin-right:38px}
.home-features .home-num{display:block;color:#87bed4;font-size:13px;letter-spacing:.12em;margin-bottom:45px}
.home-features h3{font-size:24px;font-weight:400;margin:0 0 14px}
.home-features .home-row p{font-size:14px;line-height:1.8;color:#a9c6d4;margin:0}
.home-detail{background:#dce6e9;color:#102f40;display:grid;grid-template-columns:52% 48%;min-height:670px}
.home-detail .home-image{height:100%;width:100%;object-fit:cover;object-position:50% 50%}
.home-detail .home-detail-copy{padding:100px clamp(50px,6vw,110px);display:flex;flex-direction:column;justify-content:center}
.home-detail .home-title{font-size:clamp(38px,3.7vw,62px)}
.home-detail .home-text{color:#4a6571}
.home-detail .home-kicker{color:#4c7283}
.home-colors{background:#edf1f2;color:#102f40;padding:130px 0 105px}
.home-colors .home-header{display:flex;justify-content:space-between;align-items:end;gap:50px}
.home-colors .home-title{font-size:clamp(42px,4.2vw,67px)}
.home-colors .home-kicker{color:#527482}
.home-colors .home-text{max-width:330px;color:#617783;margin:0}
.home-colors figure{margin:58px 0 0}
.home-colors img{width:100%;display:block;mix-blend-mode:multiply}
.home-colors figcaption{display:flex;justify-content:center;gap:24px;color:#526c79;font-size:13px;letter-spacing:.08em}
.home-colors figcaption span{border:1px solid #a7b6bd;border-radius:100px;padding:9px 20px}
.home-app{background:radial-gradient(ellipse at 70% 40%,#0b4762 0%,#082c45 35%,#041c33 78%);color:#f8fbfd;padding:140px 0 150px}
.home-app .home-wrap{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}
.home-app .home-title{font-size:clamp(43px,4vw,66px)}
.home-app .home-kicker{color:#a1d5e9}
.home-app .home-text{color:#b4cbd5}
.home-app .home-app-link{display:inline-flex;gap:26px;align-items:center;margin-top:42px;padding:15px 0;border-bottom:1px solid #8ec5dc;color:#e7f6fc;text-decoration:none;font-size:16px}
.home-app .home-steps{border-top:1px solid #9ecfe549}
.home-app .home-step{display:flex;gap:25px;padding:27px 0;border-bottom:1px solid #9ecfe549;align-items:baseline}
.home-app .home-step span{color:#8cbfd4;font-size:13px}
.home-app .home-step strong{font-size:21px;font-weight:400}
.home-app .home-status{font-size:12px;color:#91b6c8;margin:24px 0 0}
.home-support{background:#0a263b;color:#f6fbfd;padding:80px 0}
.home-support .home-wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}
.home-support .home-title{font-size:clamp(28px,3vw,46px)}
.home-support a{color:#bce8ff;text-decoration:none;border-bottom:1px solid #bce8ff;padding-bottom:8px;white-space:nowrap}
@media(max-width:760px){.home-wrap{width:calc(100% - 40px)}.home-intro{padding:90px 0 100px}.home-intro .home-wrap,.home-features .home-head,.home-app .home-wrap{grid-template-columns:1fr;gap:24px}.home-intro .home-title,.home-features .home-title,.home-product .home-title,.home-detail .home-title,.home-colors .home-title,.home-app .home-title{font-size:42px}.home-intro .home-index{left:20px;bottom:25px}.home-product{min-height:830px;align-items:flex-start}.home-product:before{background:linear-gradient(180deg,#183b50,#668292)}.home-product .home-photo{inset:auto 0 0;width:100%;height:57%;object-position:50% 50%;mask-image:linear-gradient(180deg,transparent,#000 20%)}.home-product .home-wrap{padding-block:80px}.home-product .home-small{margin-top:28px}.home-features{padding:85px 0}.home-features .home-head{margin-bottom:44px}.home-features .home-rows{grid-template-columns:1fr}.home-features .home-row{min-height:auto;padding:25px 0}.home-features .home-row:not(:last-child){border-right:0;border-bottom:1px solid #b9e1f02e;margin-right:0}.home-features .home-num{margin-bottom:17px}.home-detail{grid-template-columns:1fr}.home-detail .home-image{height:350px}.home-detail .home-detail-copy{padding:60px 20px 75px}.home-colors{padding:85px 0 75px}.home-colors .home-header{display:block}.home-colors .home-text{margin-top:22px}.home-colors figure{margin-top:35px}.home-app{padding:90px 0}.home-app .home-steps{margin-top:25px}.home-support{padding:65px 0}.home-support .home-wrap{display:block}.home-support a{display:inline-block;margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body[data-page="home"] .site-footer{background:#061b2c;color:#9db4c0}body[data-page="home"] .site-footer a{color:#9db4c0}