:root{--blue:var(--site-action);--ink:var(--site-text);--muted:var(--site-muted);--line:var(--site-line);--soft:var(--site-soft);--ease:cubic-bezier(.2,.8,.2,1);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--site-surface);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--app-header-height) + 16px)}body{margin:0;-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#dbe9ff;color:var(--site-text)}h1,h2,h3,h4,p,figure{margin:0}:where(body>.header,body>main,body>footer) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}img{display:block;max-width:100%}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1280px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--site-surface);padding:14px}.skip:focus{top:8px}.header{position:sticky;top:0;background:var(--site-surface);z-index:30;border:0;box-shadow:none}.nav{height:var(--app-header-height);display:flex;align-items:center;gap:44px}
.nav-actions{display:grid;grid-template-columns:44px 80px;gap:22px;align-items:center;margin-left:auto}.button{white-space:nowrap;min-height:46px;padding:12px 22px;border-radius:5px;display:inline-flex;gap:18px;align-items:center;justify-content:center;font-size:14px;font-weight:550;transition:background .2s var(--ease)}.button svg{width:19px;height:19px}.primary{border-color:var(--primary-action-border);border-radius:var(--primary-action-radius);background:var(--primary-action-background);color:var(--primary-action-ink);box-shadow:var(--primary-action-shadow);transition:var(--primary-action-transition);transform:var(--primary-action-transform);}.primary:hover:not(:disabled){background:var(--primary-action-hover-background);border-color:var(--primary-action-border);color:var(--primary-action-ink);box-shadow:var(--primary-action-hover-shadow);transform:var(--primary-action-transform);}.secondary{border:1px solid var(--site-line);background:transparent}.secondary:hover{background:var(--site-surface)}
/* Homepage owns placement; the account card itself is shared with the editor. */
.header [data-theme-controls]{display:flex;align-items:center;}
.header .home-account{position:relative;display:flex;align-items:center;width:44px;min-width:44px;height:44px;}
.header .home-theme-slot{display:grid;place-items:center;width:80px;height:44px;}
/* The root theme is painted in the head; it also owns the pre-enhancement thumb. */
html[data-theme=dark] .header .home-theme-slot .site-theme-toggle .site-theme-slider{transform:translateX(38px)}
html:not([data-theme=dark]) .header .home-theme-slot .site-theme-toggle .site-theme-slider{transform:translateX(0)}
html[data-theme=dark] .header .home-theme-slot .site-theme-toggle .site-theme-sun,html:not([data-theme=dark]) .header .home-theme-slot .site-theme-toggle .site-theme-moon{color:var(--site-muted)}
html[data-theme=dark] .header .home-theme-slot .site-theme-toggle .site-theme-moon,html:not([data-theme=dark]) .header .home-theme-slot .site-theme-toggle .site-theme-sun{color:var(--site-text)}
.header .home-account-state{font-size:12px;color:var(--muted);max-width:140px;}
.header .home-account[data-state="unavailable"] .home-account-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.header .home-account-trigger{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:12px;background:transparent;color:var(--ink);cursor:pointer;}
.header .home-account-icon{display:block;width:25px;height:25px;background:currentColor;-webkit-mask:url('/local-assets/circle-user.svg') center/contain no-repeat;mask:url('/local-assets/circle-user.svg') center/contain no-repeat;}
.header .home-account-retry{min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--site-surface);color:var(--ink);font:inherit;cursor:pointer;}
.header .home-account-trigger:hover,.header .home-account-trigger[aria-expanded="true"],.header .home-account-retry:hover{background:var(--site-soft);}
.header .home-account-menu{position:absolute;right:0;top:calc(100% + 12px);z-index:40;width:min(var(--account-menu-width),calc(100vw - 24px));max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;padding:10px;box-sizing:border-box;}
.header .home-account-feedback{color:var(--site-danger);}
/* Full-width media surface. Layer 1 is the image; layer 2 keeps copy readable. */
/* Keep the original blue/lilac/pink surface local to the homepage hero. */
.hero{--hero-wash-start:246 249 255;--hero-wash-end:245 247 252;position:relative;isolation:isolate;overflow:hidden;background:
  radial-gradient(ellipse 90% 80% at 75% 0%,rgba(100,140,255,.22),transparent 65%),
  radial-gradient(ellipse 70% 60% at 100% 100%,rgba(160,120,255,.18),transparent 60%),
  radial-gradient(ellipse 60% 50% at 0% 100%,rgba(255,150,185,.15),transparent 55%),
  linear-gradient(160deg,#f6f9ff 0%,#f3f6fc 40%,#f5f4fb 100%)}
html[data-theme=dark] .hero{--hero-wash-start:20 25 35;--hero-wash-end:24 25 37;background:
  radial-gradient(ellipse 90% 80% at 75% 0%,rgba(100,140,255,.18),transparent 65%),
  radial-gradient(ellipse 70% 60% at 100% 100%,rgba(160,120,255,.14),transparent 60%),
  radial-gradient(ellipse 60% 50% at 0% 100%,rgba(255,150,185,.09),transparent 55%),
  linear-gradient(160deg,#141923 0%,#181925 40%,#1c1824 100%)}
.hero-content{position:relative;z-index:2;display:flex;align-items:center;min-height:clamp(560px,44vw,680px);padding-top:56px;padding-bottom:80px;pointer-events:none}
.hero-copy{width:min(360px,35%);pointer-events:auto}
.hero h1{font-size:clamp(38px,4.1vw,42px);font-weight:650;line-height:1.25;letter-spacing:-.025em}
.hero-copy>p{font-size:17px;line-height:1.95;color:var(--muted);margin-top:24px}
.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.hero-actions .button{padding-inline:20px;border-radius:var(--primary-action-radius)}
/* Size the same control from its longest account label, including before auth. */
.button[data-home-editor-entry]{display:inline-grid;grid-template-areas:"entry";grid-template-columns:max-content;justify-content:center}
.button[data-home-editor-entry]>[data-editor-entry-label],.button[data-home-editor-entry]::after{grid-area:entry}
.button[data-home-editor-entry]::after{content:"登录/注册体验";visibility:hidden;pointer-events:none}
.hero-visual{position:absolute;inset:0;z-index:1;margin:0}
.hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(var(--hero-wash-start) / .96) 0%,rgb(var(--hero-wash-start) / .94) 16%,rgb(var(--hero-wash-end) / .80) 26%,rgb(var(--hero-wash-end) / .20) 38%,transparent 50%)}
.hero-visual img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:right center;transform:translateX(16%);mix-blend-mode:normal}
.hero-visual figcaption{position:absolute;z-index:1;right:max(48px,calc((100% - 1280px)/2));bottom:24px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px;color:var(--site-muted);font-size:12px;line-height:1.6}
.hero-visual figcaption span:first-child{display:flex;align-items:center;gap:8px}
.hero-visual figcaption svg{width:15px;height:15px}
/* Motion values are updated once per requested frame by initHeroParallax.
   CSS remains static by default, including when scripting or motion is disabled. */
@media(prefers-reduced-motion:no-preference){
  .hero-visual img{transform:translate3d(16%,var(--hero-media-offset,0px),0)}
  .hero-copy{transform:translateY(var(--hero-copy-offset,0px))}
}
/* Autoplay presentation: no drag controls or performance dashboard in the hero. */
.model-stage{position:absolute;inset:0 0 70px;z-index:0;pointer-events:none}
.model-stage canvas{display:block;width:100%;height:100%}
.hero.has-model .hero-visual>img{visibility:hidden}
.hero .hero-visual figcaption{display:none}
.model-panel{position:absolute;z-index:3;right:max(48px,calc((100% - 1280px)/2));bottom:20px;display:flex;align-items:center;justify-content:flex-end;gap:16px;font-size:12px;color:var(--muted)}
.model-panel button{min-height:44px;padding:8px 12px;background:transparent;border:1px solid var(--site-line);border-radius:5px;color:var(--ink);font:inherit;cursor:pointer}
.model-panel button:hover{background:var(--site-surface)}
@media(max-width:900px){
 .model-stage{inset:auto 0 75px;height:var(--hero-media-height)}
 .model-panel{left:28px;right:28px;bottom:16px;justify-content:space-between}
}
@media(max-width:600px){.model-panel{left:18px;right:18px;gap:8px}}
.quick-links{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:25px 0}.quick-links>a{display:flex;align-items:center;gap:19px;padding:6px 28px;border-right:1px solid var(--line)}.quick-links>a:first-child{padding-left:0}.quick-links>a:last-child{border:0;padding-right:0}.quick-links>a>svg:first-child{width:30px;height:30px;color:var(--blue)}.quick-links>a>span{min-width:0}.quick-links strong{display:block;font-weight:600;font-size:16px}.quick-links small{display:block;line-height:1.7;font-size:12px;color:var(--muted);margin-top:7px}.quick-links .go{margin-left:auto;width:18px;color:var(--site-muted)}.quick-links a:hover strong{color:var(--blue)}.section{padding-top:84px;padding-bottom:84px}.section-heading{margin-bottom:32px}.section-heading h2,h2{font-size:32px;line-height:1.4;font-weight:620;letter-spacing:-.02em}.section-heading p{color:var(--muted);font-size:15px;line-height:1.8;margin-top:12px}.feature-tabs{display:flex;border-bottom:1px solid var(--line);gap:42px}.feature-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:16px 0;font-size:17px;min-height:55px;color:var(--muted)}.feature-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue);font-weight:600}.feature-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:center;padding-top:34px;min-height:388px}.feature-copy h3{font-size:26px;font-weight:600}.feature-copy>p{color:var(--muted);line-height:1.9;font-size:15px;margin-top:18px;max-width:380px}.feature-copy ul{padding-left:20px;margin:19px 0 24px;font-size:14px;line-height:2.15;color:var(--site-muted)}.feature-copy li::marker{color:var(--blue)}.inline-link{display:inline-flex;gap:12px;align-items:center;color:var(--blue);font-size:14px;font-weight:550;line-height:1.6}.inline-link:hover{text-decoration:underline;text-underline-offset:5px}.inline-link svg{width:18px;height:18px}.feature-visual{--feature-media-height:330px;min-width:0;min-height:var(--feature-media-height);background:var(--site-soft);display:grid;align-items:center}.feature-visual img{width:100%;height:var(--feature-media-height);object-fit:contain;mix-blend-mode:normal}.scenarios-section{background:var(--site-soft)}.scenario-layout{display:grid;grid-template-columns:260px 1fr;gap:44px}.scenario-tabs{display:flex;flex-direction:column}.scenario-tabs button{position:relative;display:block;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:24px;font-size:19px;font-weight:550;line-height:1.5}.scenario-tabs button span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:7px}.scenario-tabs button svg{position:absolute;right:21px;top:30px;width:18px}.scenario-tabs button[aria-selected=true]{background:var(--site-accent-soft);color:var(--site-accent)}.scenario-tabs button[aria-selected=true] span{color:var(--site-accent)}.scenario-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.scenario-detail h3{font-size:27px;line-height:1.5;font-weight:600;max-width:340px}.scenario-detail>div>p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:18px}.scenario-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 26px}.scenario-tags span{font-size:11px;padding:5px 10px;border:1px solid var(--site-line);border-radius:3px;color:var(--site-muted)}.scene-note{padding:28px;background:var(--site-surface);align-self:stretch;display:flex;flex-direction:column;justify-content:center}.scene-note>svg{width:32px;height:32px;color:var(--site-muted);margin-bottom:24px}.scene-note h4{font-size:16px;line-height:1.7;font-weight:600}.scene-note ul{padding-left:18px;font-size:13px;color:var(--muted);line-height:2;margin-top:14px}.scenario-detail>.scene-note>p{font-size:12px;color:var(--site-muted);margin-top:20px;line-height:1.7}.resources{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}.resources>div>p{margin:20px 0 24px;font-size:14px;line-height:1.9;color:var(--muted);max-width:320px}.resource-list details{border-bottom:1px solid var(--line)}.resource-list details:first-child{border-top:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:25px 0;font-size:17px;font-weight:550}summary::-webkit-details-marker{display:none}summary small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-top:8px}summary svg{width:19px;transition:transform .2s var(--ease)}details[open] summary svg{transform:rotate(180deg)}details>div{font-size:14px;color:var(--muted);line-height:1.95;padding-bottom:25px;max-width:65ch}.membership{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:26px;padding-top:30px;padding-bottom:46px}.membership h2{font-size:20px}.membership p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:10px}.membership>span{font-size:12px;white-space:nowrap;padding:7px 12px;background:var(--site-soft);color:var(--site-muted)}.start{background:var(--site-accent-soft)}.start .wrap{padding:50px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.start p{color:var(--site-muted);font-size:14px;margin-top:12px}.start .button{min-width:172px}footer{padding-top:35px;padding-bottom:26px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px}.mobile-only{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.installation-demo{display:grid;place-items:center;aspect-ratio:16/7;min-height:240px;background:var(--soft);border:1px solid var(--line);text-align:center;padding:32px}.installation-placeholder{display:grid;justify-items:center;gap:12px}.installation-placeholder>svg{width:36px;height:36px;color:var(--site-muted)}.installation-placeholder .installation-demo-title{font-size:18px;font-weight:550;color:var(--ink)}.installation-placeholder p{font-size:13px;color:var(--muted)}
.account-shell{width:min(640px,calc(100% - 48px));min-height:calc(100dvh - 100px);margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 0}.account-shell h1{font-size:clamp(32px,5vw,44px);line-height:1.3;margin:32px 0 20px}.account-shell p{font-size:16px;line-height:1.9;color:var(--muted)}.account-shell .button{margin-top:28px}
@media(max-width:1150px){.hero-copy{width:340px;max-width:39%}.hero-actions .button{padding-inline:16px;font-size:13px}.hero-visual figcaption{right:28px}.wrap{width:calc(100% - 56px)}.nav{gap:26px}.nav-actions{gap:12px}.hero-copy>p{font-size:15px}.scenario-layout{grid-template-columns:220px 1fr;gap:24px}.scenario-detail{gap:22px}.scene-note{padding:20px}.feature-panel,.resources{gap:40px}.quick-links>a{padding:6px 20px;gap:14px}.quick-links strong{font-size:14px}.quick-links .go{display:none}}
@media(max-width:900px){
.hero{--hero-media-height:clamp(280px,48vw,420px)}
.hero-content{display:block;min-height:0;padding-top:40px;padding-bottom:calc(var(--hero-media-height) + 105px)}
.hero-copy{width:min(520px,100%);max-width:none;margin-inline:auto;text-align:center}
.hero-actions{justify-content:center}
.hero h1{font-size:46px}
.hero-visual img{inset:auto 0 44px;height:var(--hero-media-height);object-position:center;transform:none}
@media(prefers-reduced-motion:no-preference){.hero-visual img{transform:translate3d(0,var(--hero-media-offset,0px),0)}}
.hero-visual::after{background:linear-gradient(180deg,rgb(var(--hero-wash-start) / .96) 0%,rgb(var(--hero-wash-start) / .94) 34%,rgb(var(--hero-wash-end) / .75) 43%,transparent 59%)}
.hero-visual figcaption{left:28px;right:28px;bottom:18px}
.nav{gap:16px}.scenario-detail{grid-template-columns:1fr}.scene-note{display:flex}.feature-panel{gap:26px}.feature-tabs{gap:28px}.section{padding-top:62px;padding-bottom:62px}h2,.section-heading h2{font-size:28px}}
@media(max-width:600px){
.hero{--hero-media-height:clamp(200px,56vw,320px)}
.hero-content{padding-top:32px;padding-bottom:calc(var(--hero-media-height) + 105px)}
.hero h1{font-size:clamp(34px,9vw,42px)}
.hero-visual img{bottom:56px}
.hero-visual::after{background:linear-gradient(180deg,rgb(var(--hero-wash-start) / .96) 0%,rgb(var(--hero-wash-start) / .94) 40%,rgb(var(--hero-wash-end) / .55) 51%,transparent 64%)}
.hero-visual figcaption{left:18px;right:18px;bottom:16px;justify-content:flex-start;gap:2px 12px}
.wrap{width:calc(100% - 36px)}.nav{gap:8px}.nav-actions{gap:6px}.nav-actions .button{min-height:44px;font-size:12px;padding:8px 12px;gap:6px}.nav-actions .button svg{display:none}.hero-copy>p{font-size:15px;line-height:1.85;margin-top:20px}.wide-only{display:none}.hero-actions{margin-top:24px}.quick-links{grid-template-columns:1fr;padding:10px 0}.quick-links>a,.quick-links>a:first-child,.quick-links>a:last-child{border:0;border-bottom:1px solid var(--line);padding:16px 2px;gap:16px}.quick-links>a:last-child{border-bottom:0}.quick-links>a>svg:first-child{width:25px;height:25px}.quick-links .go{display:block}.quick-links strong{font-size:14px}.quick-links small{font-size:11px;margin-top:4px}.section{padding-top:48px;padding-bottom:48px}h2,.section-heading h2{font-size:27px}.section-heading{margin-bottom:22px}.section-heading p{font-size:13px}.mobile-only{display:block}.feature-tabs{gap:0;justify-content:space-between}.feature-tabs button{font-size:14px;min-height:52px}.feature-panel{grid-template-columns:1fr;gap:24px;padding-top:27px;min-height:0}.feature-copy h3{font-size:23px}.feature-copy>p{font-size:14px;margin-top:13px}.feature-copy ul{font-size:13px;margin:14px 0 19px}.feature-visual{--feature-media-height:245px}.scenario-layout{grid-template-columns:1fr;gap:26px}.scenario-tabs{flex-direction:row;border-bottom:1px solid var(--line)}.scenario-tabs button{flex:1;padding:15px 8px;font-size:15px;text-align:center;border-bottom:0}.scenario-tabs button span,.scenario-tabs button svg{display:none}.scenario-detail h3{font-size:23px;max-width:none}.scenario-detail>div>p{font-size:14px;margin-top:14px}.scenario-tags{margin:18px 0 23px}.resources{grid-template-columns:1fr;gap:28px}.resources>div>p{max-width:none;font-size:13px;margin:15px 0 18px}summary{font-size:15px;padding:22px 0}summary small{font-size:11px}details>div{font-size:13px}.membership{padding:24px 0 32px;align-items:flex-start;gap:20px}.membership p{font-size:12px}.start .wrap{padding:36px 0;align-items:flex-start;flex-direction:column;gap:23px}.start h2{font-size:25px}.start p{font-size:13px}.start .button{min-width:156px}.footer-main{align-items:flex-start;flex-direction:column;gap:24px}footer{padding-top:29px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Simplified review variant. Source sections remain recoverable in index.html. */
html[data-homepage-variant="simplified"] .quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-homepage-variant="simplified"] .quick-links>a:nth-child(2){border-right:0}
@media(min-width:601px){
 html[data-homepage-variant="simplified"] .quick-links>a{justify-content:center;padding-inline:20px}
 html[data-homepage-variant="simplified"] .quick-links .go{margin-left:0}
}
@media(max-width:600px){
 html[data-homepage-variant="simplified"] .quick-links{grid-template-columns:1fr}
 html[data-homepage-variant="simplified"] .quick-links>a:nth-child(2){border-bottom:0}
}

.header .home-account-trigger[data-paid-avatar=true] .home-account-icon{-webkit-mask-image:none;mask-image:none;background:transparent url('../../icons/paid-home.svg') center/contain no-repeat}