/* 以客户首页线框为布局依据，保留已确认的主题、主图和居中约定。 */
:root{--client-red:#86383d;--client-red-light:#b95a60;--nav-bg:#86383d;--nav-button:#b95a60}:root[data-theme=safari]{--nav-bg:#334d72;--nav-button:#526f9b}:root[data-theme=lumhera]{--nav-bg:#86383d;--nav-button:#b95a60}:root[data-theme=white]{--nav-bg:#1a5ecb;--nav-button:#397bdd}
body{font-family:Arial,Helvetica,sans-serif}
h1,h2,h3,.hero h1 em,.update-card h3{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:700}
.header{padding:14px 0 12px;background:var(--bg);border:0}
.header-inner{min-height:72px;padding:10px 20px;background:var(--nav-bg);border-radius:10px;box-shadow:0 3px 0 #3f202016;gap:18px}
.brand{width:134px}.header nav{gap:24px}.header nav a{color:#fff;font-size:13px}.header nav a:hover{color:var(--on-accent)}
.header-controls{gap:10px}.selector-dropdown summary{min-height:39px;box-shadow:none}.theme-dropdown summary{min-width:123px}.language-dropdown summary{min-width:82px}
.nav-cta{min-height:39px;padding:10px 16px;background:var(--nav-button);border:1px solid #ffffff40;color:#fff;font-size:12px}.nav-cta:hover{background:color-mix(in srgb,var(--nav-button),#fff 12%)}
.menu{color:#fff}
.hero{margin-top:8px;padding:28px 34px;min-height:310px;gap:38px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--soft);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}
.hero-art{max-width:420px;margin-inline:auto;align-self:center}.original-art{border-radius:20px;box-shadow:none;aspect-ratio:1672/941}.hero-art figcaption{display:none}
.hero-copy{padding:0;align-self:center}.hero .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:12px}
.hero h1{font-size:34px;letter-spacing:-.7px;line-height:1.12}.hero h1 em{font-size:1em;line-height:1.12;letter-spacing:-.7px;margin-top:6px}
.hero-lead{font-size:14px;line-height:1.65;max-width:420px;margin-top:15px}.hero .stores{margin-top:18px}.hero .small{margin-top:12px;font-size:10px;max-width:430px}
.benefits{border:0;padding:0;margin-top:18px;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.benefits>div{min-height:94px;background:var(--panel);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:20px;justify-content:center;align-items:center}
.benefits>div:last-child{border:1px solid var(--line)}.benefits strong{font-size:17px;line-height:1.35;max-width:190px}
.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px;margin-bottom:8px}
.quick-link{display:flex;justify-content:center;align-items:center;min-height:76px;padding:18px 24px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);font-size:17px;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:.3px}
.quick-help{background:var(--soft)}.quick-link:hover{border-color:var(--accent);color:var(--wine)}
.section{padding-block:58px}.section-heading{max-width:760px;margin-bottom:30px}.section-heading .eyebrow{margin-bottom:12px;font-size:10px}.section-heading h2,.compact-heading h2{font-size:30px;letter-spacing:-.6px;line-height:1.15}.section-intro{max-width:650px;font-size:13px;line-height:1.75;margin-top:14px}
.how-grid{gap:45px}.trailer-card{border-radius:19px}.steps{gap:18px}.steps li{gap:7px}.step-number{width:30px;height:30px;font-size:10px}.steps h3{font-size:17px;margin:0 0 7px}.steps p{font-size:12px;line-height:1.65;max-width:400px}
.gameplay{padding-top:0;padding-bottom:55px}.compact-heading{margin-bottom:23px}.compact-heading p{font-size:12px;margin-top:12px}.shots{gap:22px}.shot-image{border-radius:15px}.shot-label{font-size:11px;margin-top:10px}
.chapters-section{background:transparent;border-block:1px solid var(--line)}.chapter-grid{gap:22px}.chapter-card{border-radius:21px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:21px 18px 18px}
.chapter-title{display:flex;align-items:center;justify-content:center;gap:14px;min-height:45px;margin-bottom:17px;text-align:center}
.chapter-title h3{font-size:18px;line-height:1.2;letter-spacing:-.2px;margin:0}.chapter-title .chapter-number{position:static;left:auto;bottom:auto;transform:none;display:grid;place-items:center;width:43px;height:43px;min-width:43px;padding:0;border:0;border-radius:9px;background:var(--nav-button);color:#fff;font-size:17px;line-height:1;box-shadow:0 2px 0 color-mix(in srgb,var(--nav-bg),transparent 88%)}
.chapter-media{border-radius:10px;overflow:hidden;background:var(--bg)}.chapter-media>img{width:100%;height:auto;aspect-ratio:16/9;max-height:160px;object-fit:contain}
.chapter-body{padding:15px 0 0;text-align:center}.chapter-body>p:first-child{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.chapter-body>.chapter-status{font-size:8px;letter-spacing:1px;margin:12px 0 0;color:var(--accent);line-height:1.4}
.update-card{border-radius:21px;gap:14px;padding:30px 24px;min-height:270px}.update-card>span{font-size:34px}.update-card h3{font-size:21px;line-height:1.25;letter-spacing:-.2px}.update-card p{font-size:12px;line-height:1.75}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.platform-card{min-height:208px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}
.platform-android{background:var(--soft)}.platform-icon{display:flex;align-items:center;justify-content:center;width:36px;height:38px;color:var(--wine)}.platform-icon svg{display:block;width:29px;height:34px}.platform-card h3{font-size:22px;letter-spacing:0;line-height:1.2}.platform-card p{font-size:13px;line-height:1.4}.platform-action{font-size:12px;font-weight:700;color:var(--wine);display:flex;align-items:center;justify-content:center;gap:9px}.platform-card:hover{border-color:var(--wine);background:var(--soft2)}
.store-note{font-size:10px;line-height:1.75;max-width:700px;margin:18px auto 0}.help-section{background:var(--soft)}.help-grid{gap:45px}.contact-card{border-radius:22px}.footer{padding-top:35px}.footer-main{gap:22px;padding-bottom:25px}
@media(max-width:1190px){.header-inner{padding-inline:17px;gap:15px}.header nav{gap:17px}.header nav a{font-size:12px}.brand{width:120px}.header-controls{gap:8px}.theme-dropdown summary{min-width:115px}.language-dropdown summary{min-width:75px}.nav-cta{padding-inline:12px}.hero{gap:28px;padding:26px}.hero h1{font-size:30px}.benefits strong{font-size:15px}.chapter-title{gap:11px}.chapter-title h3{font-size:16px}.chapter-title .chapter-number{width:37px;height:37px;min-width:37px;font-size:15px}}
@media(max-width:1100px) and (min-width:981px){.header-inner{grid-template-columns:auto 1fr;gap:0 20px}.header-controls{grid-column:2;grid-row:1}.header nav{display:none;grid-column:1/-1;grid-row:2;margin-top:8px;border-top:1px solid #ffffff40;padding-top:8px}.header nav.open{display:flex}.menu{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.header nav a{padding:5px 0}}
@media(max-width:980px){.header-inner{padding:10px 17px;gap:0 18px;min-height:68px}.header nav{border-color:#ffffff40}.header nav a{color:#fff}.header-controls{gap:9px}.hero{padding:25px;gap:25px;min-height:295px}.hero h1{font-size:27px}.hero-lead{font-size:12px;margin-top:12px}.hero .eyebrow{font-size:8px;letter-spacing:.8px}.hero .store{min-width:0;flex:1;max-width:160px;padding:8px;gap:7px}.hero .store strong{font-size:14px}.hero .store small{font-size:8px}.hero .store>b{display:none}.hero .small{font-size:9px}.benefits{gap:14px}.benefits>div{padding:15px;min-height:86px}.benefits strong{font-size:14px}.quick-links{gap:18px}.quick-link{font-size:15px;min-height:68px}.section{padding-block:48px}.section-heading h2,.compact-heading h2{font-size:28px}.gameplay{padding-top:0}.chapter-grid{gap:16px}.chapter-card{padding:17px 13px}.chapter-title{gap:9px;flex-direction:column;min-height:74px}.chapter-title h3{font-size:16px}.chapter-media>img{max-height:none}.chapter-body>p:first-child{font-size:11px}.chapter-body>.chapter-status{font-size:7px}.update-card{padding:25px 15px}.update-card h3{font-size:20px}.how-grid,.help-grid{gap:30px}}
@media(max-width:650px){:root{scroll-padding-top:105px}.header{padding:10px 0}.header-inner{width:calc(100% - 24px);padding:9px 12px;gap:0 9px;border-radius:10px;min-height:65px}.brand{width:90px}.header-controls{gap:7px}.theme-dropdown summary{min-width:108px}.language-dropdown summary{min-width:65px}.selector-dropdown summary{min-height:37px;padding:7px;font-size:10px}.menu{padding:3px}.nav-cta{display:none}.header nav{margin-top:7px;border-color:#ffffff40}.hero{margin-top:4px;padding:20px 18px;grid-template-columns:1fr;gap:22px;min-height:0;border-radius:23px}.hero-art{max-width:100%}.original-art{border-radius:15px}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:10px}.hero h1{font-size:29px;letter-spacing:-.7px}.hero h1 em{font-size:1em;letter-spacing:-.7px;margin-top:5px}.hero-lead{font-size:13px;margin-top:13px;max-width:310px}.hero .stores{margin-top:16px}.hero .store{min-width:0;max-width:none;padding:9px;gap:8px}.hero .store strong{font-size:14px}.hero .store small{font-size:8px}.hero .small{font-size:9px;line-height:1.6;margin-top:11px}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.benefits>div{min-height:77px;padding:14px 10px;border:1px solid var(--line)!important;border-radius:14px}.benefits strong{font-size:13px;max-width:135px}.quick-links{gap:12px;margin-top:14px;margin-bottom:0}.quick-link{padding:14px 10px;min-height:65px;font-size:12px;line-height:1.4;border-radius:13px;letter-spacing:0}.section{padding-block:42px}.section-heading{margin-bottom:25px}.section-heading h2,.compact-heading h2{font-size:26px;letter-spacing:-.5px}.section-intro{font-size:12px;margin-top:13px;line-height:1.75}.how-grid{gap:27px}.steps{gap:19px}.steps h3{font-size:16px}.steps p{font-size:12px}.gameplay{padding-top:0;padding-bottom:40px}.shots{gap:21px}.chapter-grid{gap:13px}.chapter-card{padding:15px 11px;border-radius:16px}.chapter-title{min-height:75px;margin-bottom:12px;gap:10px}.chapter-title h3{font-size:15px}.chapter-title .chapter-number{width:33px;height:33px;min-width:33px;font-size:14px;border-radius:8px}.chapter-media{border-radius:7px}.chapter-body{padding-top:12px}.chapter-body>p:first-child{font-size:10px;line-height:1.75}.chapter-body>.chapter-status{font-size:6px;margin-top:10px;letter-spacing:.7px}.update-card{min-height:0;border-radius:16px;padding:20px 13px;gap:14px}.update-card h3{font-size:17px}.update-card p{font-size:10px}.update-card>span{font-size:29px}.platform-grid{gap:13px}.platform-card{padding:22px 12px;min-height:195px;gap:12px;border-radius:19px}.platform-card h3{font-size:18px}.platform-card p{font-size:11px}.platform-action{font-size:10px;gap:6px}.platform-icon{width:30px;height:33px}.platform-icon svg{width:25px;height:29px}.store-note{font-size:9px;margin-top:15px}.help-grid{gap:29px}.contact-card{border-radius:19px}.footer-main{gap:23px}.footer-links{gap:14px 20px}}
@media(max-width:370px){.header-inner{padding-inline:10px;gap:0 6px}.brand{width:78px}.header-controls{gap:5px}.theme-dropdown summary{min-width:101px}.language-dropdown summary{min-width:61px}.selector-dropdown summary{padding-inline:6px;gap:4px}.hero{padding:18px 15px}.hero h1{font-size:26px}.hero .store{gap:6px;padding:8px}.hero .store strong{font-size:13px}.hero .store>svg{width:18px}.benefits strong{font-size:12px}.quick-link{font-size:11px}.chapter-title h3{font-size:14px}}
/* 页面、表单和弹窗的滚动条沿用当前主题色。 */
:root{scrollbar-color:var(--nav-bg) var(--bg);scrollbar-width:thin}
body,textarea,dialog,.dropdown-panel{scrollbar-color:var(--nav-bg) var(--bg);scrollbar-width:thin}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--bg);border-radius:10px}
*::-webkit-scrollbar-thumb{background:var(--nav-bg);border:2px solid var(--bg);border-radius:10px}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--nav-bg),#000 15%)}
*::-webkit-scrollbar-corner{background:var(--bg)}
/* 保持四项收益和两个入口的原结构，补充图形与视觉层次。 */
.benefits{gap:18px}
.benefits>div{position:relative;isolation:isolate;overflow:hidden;min-height:151px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:23px 18px 25px;border-radius:22px;background:linear-gradient(155deg,var(--panel) 45%,color-mix(in srgb,var(--soft),var(--panel) 65%));border:1px solid color-mix(in srgb,var(--line),var(--panel) 30%);box-shadow:0 5px 14px color-mix(in srgb,var(--nav-bg),transparent 95%),inset 0 1px 0 #ffffffb0}
.benefits>div:last-child{border:1px solid color-mix(in srgb,var(--line),var(--panel) 30%)}
.benefits>div:before{content:'';position:absolute;z-index:-1;width:96px;height:96px;right:-42px;top:-45px;border:1px solid color-mix(in srgb,var(--nav-bg),transparent 92%);border-radius:50%;box-shadow:0 0 0 15px color-mix(in srgb,var(--nav-bg),transparent 98%)}
.benefits>div:after{content:'';position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:24px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--nav-bg),transparent 78%)}
.benefit-emblem{width:51px;height:51px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:var(--soft);color:var(--wine);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wine),transparent 93%)}
.benefit-emblem svg{display:block;width:30px;height:30px}.benefits strong{font-size:16px;line-height:1.35;max-width:220px;letter-spacing:-.1px}
.quick-links{gap:24px;margin-top:19px}
.quick-link{position:relative;isolation:isolate;overflow:hidden;min-height:100px;padding:22px 66px;gap:16px;border-radius:21px;border:1px solid transparent;background:var(--nav-bg);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--nav-bg),transparent 90%);text-transform:none;letter-spacing:0;font-size:18px;transition:transform .2s,box-shadow .2s,border-color .2s}
.quick-link:before{content:'';position:absolute;right:-40px;top:-54px;width:180px;height:180px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 23px #ffffff04;z-index:-1}
.entry-icon{display:flex;align-items:center;justify-content:center;width:49px;height:49px;flex-shrink:0;border-radius:16px;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff20;color:inherit}
.entry-icon svg{display:block;width:28px;height:28px}.entry-label{display:flex;align-items:center;justify-content:center;line-height:1.3;text-align:center}
.entry-arrow{position:absolute;right:23px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff14;color:inherit}
.quick-help{background:linear-gradient(120deg,var(--panel),color-mix(in srgb,var(--soft),var(--panel) 45%));border-color:var(--line);color:var(--wine);box-shadow:0 5px 14px color-mix(in srgb,var(--nav-bg),transparent 96%)}
.quick-help:before{border-color:color-mix(in srgb,var(--wine),transparent 92%);box-shadow:0 0 0 23px color-mix(in srgb,var(--wine),transparent 98%)}
.quick-help .entry-icon,.quick-help .entry-arrow{background:var(--soft);box-shadow:none}
.quick-link:hover{color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 9px 20px color-mix(in srgb,var(--nav-bg),transparent 83%)}
.quick-help:hover{color:var(--wine);border-color:color-mix(in srgb,var(--wine),transparent 55%);box-shadow:0 9px 20px color-mix(in srgb,var(--nav-bg),transparent 93%)}
@media(max-width:980px){.benefits{gap:14px}.benefits>div{min-height:139px;padding:21px 12px 24px;gap:14px}.benefits strong{font-size:14px}.benefit-emblem{width:46px;height:46px;border-radius:15px}.benefit-emblem svg{width:27px;height:27px}.quick-link{min-height:94px;padding:21px 48px;font-size:16px;gap:13px}.entry-icon{width:44px;height:44px;border-radius:14px}.entry-icon svg{width:25px;height:25px}.entry-arrow{right:15px;width:26px;height:26px}}
@media(max-width:650px){.benefits{gap:12px}.benefits>div{min-height:128px;padding:19px 11px 23px;gap:13px;border-radius:18px}.benefits>div:last-child{border:1px solid var(--line)}.benefits strong{font-size:13px;max-width:150px}.benefit-emblem{width:43px;height:43px;border-radius:14px}.benefit-emblem svg{width:25px;height:25px}.benefits>div:after{bottom:10px;width:20px;height:2px}.quick-links{gap:12px;margin-top:14px}.quick-link{min-height:120px;flex-direction:column;padding:18px 15px;gap:12px;font-size:13px;border-radius:18px}.entry-label{max-width:145px}.entry-icon{width:39px;height:39px;border-radius:13px}.entry-icon svg{width:24px;height:24px}.entry-arrow{top:12px;right:11px;transform:none;width:20px;height:20px}.entry-arrow svg{width:13px;height:13px}.quick-link:before{width:110px;height:110px;right:-45px;top:-48px}}
@media(max-width:370px){.benefits strong{font-size:12px}.quick-link{font-size:12px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.quick-link{transition:none}.quick-link:hover{transform:none}}
/* 按客户的五步流程替代独立截图展示，保留主题色与居中约定。 */
.download-path{padding-top:0;padding-bottom:58px}
.download-path .section-heading{max-width:900px;margin-bottom:34px}
.path-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px;margin:0;padding:0;list-style:none}
.path-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;min-height:212px;padding:25px 17px;background:linear-gradient(155deg,var(--panel) 50%,color-mix(in srgb,var(--panel),var(--soft) 35%));border:1px solid var(--line);border-radius:24px;box-shadow:0 5px 0 color-mix(in srgb,var(--nav-bg),transparent 97%);text-align:center}
.path-card:not(:last-child):after{content:'›';position:absolute;right:-17px;top:50%;transform:translateY(-50%);font-size:22px;line-height:1;color:var(--accent)}
.path-number{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--soft);color:var(--wine);font-size:12px;font-weight:700;flex-shrink:0}
.path-card h3{font-size:15px;letter-spacing:.4px;line-height:1.3;margin:0}
.path-card p{font-size:12px;line-height:1.7;margin:0;max-width:175px}
.path-closing{max-width:100%;margin:27px auto 0;border-radius:12px;background:var(--nav-bg);color:#fff;padding:16px 24px;text-align:center;font-size:13px;font-weight:700;line-height:1.6;box-shadow:0 3px 0 color-mix(in srgb,var(--nav-bg),transparent 90%)}
@media(max-width:980px){.path-steps{gap:14px}.path-card{padding:22px 11px;gap:16px;min-height:215px;border-radius:20px}.path-card h3{font-size:12px;letter-spacing:0}.path-card p{font-size:11px}.path-card:not(:last-child):after{right:-13px;font-size:18px}.download-path{padding-bottom:48px}}
@media(max-width:650px){.download-path{padding-top:0;padding-bottom:42px}.download-path .section-heading{margin-bottom:25px}.path-steps{grid-template-columns:1fr;gap:17px}.path-card{min-height:0;padding:20px;gap:12px;border-radius:19px}.path-card h3{font-size:15px}.path-card p{max-width:280px;font-size:12px}.path-card:not(:last-child):after{right:50%;top:auto;bottom:-19px;transform:translateX(50%) rotate(90deg);font-size:20px;z-index:1}.path-number{width:34px;height:34px;border-radius:11px}.path-closing{margin-top:24px;padding:16px 20px;font-size:12px}}
/* 增加首屏纵向空间，同时放大主图，避免只增加空白。 */
@media(min-width:981px){.hero{min-height:430px;padding-top:42px;padding-bottom:42px}.hero-art{max-width:520px}}
@media(min-width:651px) and (max-width:980px){.hero{min-height:360px;padding-top:32px;padding-bottom:32px}.hero-art{max-width:480px}}
@media(max-width:650px){.hero{padding-top:28px;padding-bottom:28px}}
/* 提升全站辅助文字的可读性，并进一步增加首屏的展示高度。 */
.hero .eyebrow,.section-heading .eyebrow{font-size:12px;line-height:1.6}
.hero-lead{font-size:17px;max-width:470px}
.hero .small,.store-note{font-size:13px;line-height:1.8;max-width:760px}
.hero .small{max-width:470px}
.hero .store small{font-size:12px}.hero .store strong{font-size:19px}
.hero .store{padding:13px 16px;min-height:66px;max-width:none;flex:0 1 auto}
.section-intro,.steps p,.chapter-body>p:first-child,.update-card p,.path-card p,.platform-card p,.faqs details>p{font-size:15px;line-height:1.8}
.chapter-body>.chapter-status{font-size:12px;line-height:1.6;letter-spacing:.7px}
.path-card h3{font-size:16px}.path-number,.step-number{font-size:14px}
.path-closing,.platform-action,.trailer-caption,.video-wrap>button{font-size:15px}
.form-intro,.direct-email,.contact-card form label,.text-button,#form-status,#email-draft{font-size:14px}
.contact-card :is(input,select,textarea),.contact-card .form-row select{font-size:16px}
.button,.faqs summary{font-size:16px}
.footer-main p,.footer-links,.footer-links button,.footer-bottom,.education{font-size:13px;line-height:1.8}
.privacy-dialog p,.privacy-dialog a,.dialog-close{font-size:15px}
.header nav a,.nav-cta{font-size:14px}
.selector-dropdown summary,.selector-dropdown .theme-choice,.language-dropdown .dropdown-panel button{font-size:13px}
@media(min-width:981px){.hero{min-height:580px;padding:60px 34px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.hero-art{max-width:600px;width:100%;padding:0}.hero h1{font-size:40px}}
@media(min-width:651px) and (max-width:980px){.hero{min-height:460px;padding:42px 25px}.hero .stores{flex-direction:column;align-items:center}.hero .store{width:205px;flex:none}.hero h1{font-size:30px}.path-card{padding-inline:10px}.path-card h3{font-size:14px}.path-card p{font-size:14px}}
@media(max-width:650px){.hero{padding:38px 20px;gap:30px}.hero h1{font-size:32px}.hero-lead{font-size:16px}.hero .eyebrow{font-size:11px;letter-spacing:.8px}.hero .small{font-size:13px}.hero .store{padding:12px 9px;flex:1;gap:7px}.hero .store small{font-size:11px}.hero .store strong{font-size:16px}.chapter-grid{grid-template-columns:1fr}.chapter-title{flex-direction:row;min-height:45px}.chapter-title h3{font-size:19px}.chapter-title .chapter-number{width:39px;height:39px;min-width:39px;font-size:17px}.chapter-media>img{max-height:none}.chapter-body>p:first-child{font-size:15px}.chapter-body>.chapter-status{font-size:12px}.update-card{min-height:230px}.update-card p{font-size:15px}.platform-grid{grid-template-columns:1fr}.platform-card p{font-size:15px}.platform-action{font-size:15px}.store-note{font-size:13px}.benefits strong,.quick-link{font-size:15px}.path-card h3{font-size:16px}.path-card p{font-size:15px}.selector-dropdown summary{font-size:12px}.header nav a{font-size:14px}}
@media(max-width:370px){.hero{padding-inline:16px}.hero h1{font-size:29px}.hero .store strong{font-size:15px}.hero .store small{font-size:10px}}
/* 主图铺满首屏，右侧主题面板承载文案，人物保留在左侧。 */
.hero.wrap{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;width:100%;max-width:none;min-height:clamp(680px,52vw,920px);margin-top:0;padding:64px max(4vw,24px);border:0;border-radius:0;overflow:hidden;background:var(--soft);box-shadow:none}
.hero .hero-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;margin:0;padding:0;display:block}
.hero .hero-art{align-self:stretch}
.hero .hero-art:before,.hero .art-orbit{display:none}
.hero .original-art{display:block;width:100%;height:100%;aspect-ratio:auto;max-width:none;object-fit:cover;object-position:left center;border-radius:0;box-shadow:none}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 55%,#35222812)}
.hero .hero-copy{width:440px;max-width:38%;padding:38px 28px;border:1px solid color-mix(in srgb,var(--nav-bg),transparent 65%);border-top:5px solid var(--nav-bg);border-radius:25px;background:color-mix(in srgb,var(--panel),transparent 4%);box-shadow:0 18px 55px #35222826;text-align:center;backdrop-filter:blur(8px)}
.hero h1{font-size:38px;line-height:1.16}.hero h1 em{line-height:1.16}
.hero .stores{flex-wrap:wrap;gap:10px;justify-content:center}.hero .store{padding:12px 10px;min-width:0;flex:1;gap:7px}.hero .store>b{display:none}.hero .store strong{font-size:18px}.hero .store small{font-size:11px}.hero .small{margin-top:18px}
@media(min-width:651px) and (max-width:1100px){.hero.wrap{min-height:650px;padding:38px 24px}.hero .hero-copy{max-width:43%;padding:30px 22px}.hero h1{font-size:31px}.hero .stores{flex-direction:column;align-items:center}.hero .store{width:205px;flex:none}}
@media(max-width:650px){.hero.wrap{min-height:760px;padding:320px 18px 24px;align-items:flex-end;justify-content:center}.hero .original-art{object-position:28% top}.hero .hero-copy{width:100%;max-width:450px;padding:28px 20px;background:color-mix(in srgb,var(--panel),transparent 3%);border-radius:22px}.hero h1{font-size:31px}.hero .stores{flex-direction:row}.hero .store{flex:1;width:auto}.hero .store strong{font-size:16px}.hero .hero-art{height:100%}.hero:after{background:linear-gradient(180deg,transparent 30%,#35222825)}}
@media(max-width:370px){.hero .hero-copy{padding-inline:15px}.hero h1{font-size:28px}.hero .store strong{font-size:15px}}
/* 短说明均衡换行，避免放大字号后末行只剩一个单词。 */
p{word-break:normal;overflow-wrap:normal;text-wrap:pretty}
.steps p,.path-card p,.chapter-body>p:first-child,.update-card p{max-width:100%;text-wrap:balance}
.steps p{max-width:520px;margin-inline:auto}.path-card p{width:100%}.update-card p{max-width:310px}
@media(min-width:651px) and (max-width:1100px){.path-steps{grid-template-columns:repeat(6,minmax(0,1fr))}.path-card{grid-column:span 2}.path-card:nth-child(n+4){grid-column:span 3}.path-card:nth-child(3):after{display:none}}
@media(max-width:650px){.hero.wrap{padding-top:330px}.hero .hero-art{height:410px}.hero .original-art{object-position:36% center}.hero:after{background:linear-gradient(180deg,transparent 280px,var(--soft) 420px)}.steps p{max-width:100%}.path-card p{max-width:100%}.update-card p{max-width:100%}}
/* 背景只铺满首屏容器，左右边界与导航和正文保持一致。 */
.hero.wrap{width:min(1240px,calc(100% - 96px));max-width:1240px;min-height:680px;margin:8px auto 0;padding:44px 34px;border-radius:28px}
.hero .hero-copy{max-width:40%}
@media(max-width:1190px){.hero.wrap{width:calc(100% - 70px);padding-inline:26px}}
@media(max-width:980px){.hero.wrap{width:calc(100% - 56px);min-height:650px;padding-inline:24px}.hero .hero-copy{max-width:43%}}
@media(max-width:650px){.hero.wrap{width:calc(100% - 36px);min-height:760px;padding:330px 16px 24px;border-radius:23px}.hero .hero-copy{max-width:100%}.hero h1{font-size:29px}.hero .hero-copy{padding-inline:16px}}
/* 背景和人物独立分层，人物缩小后固定在左下角。 */
.hero-foreground{position:absolute;z-index:0;left:0;bottom:0;display:block;width:58%;height:auto;max-width:none;pointer-events:none}
.hero .hero-copy{position:relative;z-index:1}
.hero .hero-art{height:100%}.hero .original-art{object-position:center center}
@media(min-width:651px) and (max-width:980px){.hero-foreground{width:52%}}
@media(max-width:650px){.hero-foreground{width:100%;max-height:300px;height:auto;object-fit:contain;object-position:left bottom;left:0;top:50px;bottom:auto}.hero .hero-art{height:100%}.hero .original-art{object-position:40% center}.hero:after{background:linear-gradient(180deg,transparent 260px,color-mix(in srgb,var(--soft),transparent 8%) 440px)}}
@media(max-width:650px){.hero .store{flex-direction:column;gap:5px;padding:11px 6px}.hero .store strong{white-space:nowrap;font-size:16px}.hero .store small{font-size:10px}}

/* 流程卡片之间不再显示连接箭头。 */
.path-card:not(:last-child):after{content:none;display:none}

/* 桌面首屏文字面板略向左移，给右侧多留一些背景空间。 */
@media(min-width:1101px){.hero .hero-copy{transform:translateX(-66px)}}
/* 第三个主题采用白底黑灰配色，覆盖此前的蓝色强调色。 */
:root[data-theme=white]{--bg:#fff;--panel:#fff;--soft:#f5f5f5;--soft2:#f1f3f4;--ink:#202124;--muted:#5f6368;--wine:#202124;--accent:#3c4043;--line:#dadce0;--warm:#f8f9fa;--store-bg:#202124;--download-soft:#f1f3f4;--on-accent:#fff;--nav-bg:#202124;--nav-button:#3c4043;--client-red:#202124;--client-red-light:#3c4043}
.swatch-white{background:linear-gradient(135deg,#fff 0 50%,#202124 50%)}
:root[data-theme=white] .button:hover{background:#3c4043}
:root[data-theme=white] .play-circle{background:#202124e8}
/* 下载区单独突出第一章免费，使用主题色横幅。 */
.download-free-banner{width:min(900px,100%);margin:30px auto 0;padding:21px 28px;border-radius:14px;background:var(--nav-bg);color:#fff;font-size:23px;font-weight:700;line-height:1.4;text-align:center;text-wrap:balance;box-shadow:0 4px 0 color-mix(in srgb,var(--nav-bg),transparent 85%)}
.download-paid-note{margin:19px auto 0;font-size:16px;line-height:1.75;font-weight:600;text-align:center;text-wrap:balance}
@media(max-width:650px){.download-free-banner{margin-top:24px;padding:20px 18px;font-size:20px}.download-paid-note{font-size:15px;margin-top:17px}}
/* 浅灰与白色主题以浅色表面区分，深灰仅用于文字和主要操作。 */
:root[data-theme=safari]{--bg:#f5f5f5;--panel:#fff;--soft:#eeeeef;--soft2:#f0f0f1;--ink:#28282a;--muted:#626266;--wine:#414145;--accent:#626267;--line:#dcdcdf;--warm:#f1f1f2;--store-bg:#363639;--download-soft:#ececee;--on-accent:#fff;--nav-bg:#48484c;--nav-button:#626267}
:root:is([data-theme=safari],[data-theme=white]) .header-inner{background:var(--panel);border:1px solid var(--line);box-shadow:0 3px 12px #00000005}
:root:is([data-theme=safari],[data-theme=white]) .header nav a,:root:is([data-theme=safari],[data-theme=white]) .menu{color:var(--ink)}
:root:is([data-theme=safari],[data-theme=white]) .header nav a:hover{color:var(--wine);text-decoration:underline;text-underline-offset:5px}
:root:is([data-theme=safari],[data-theme=white]) .header nav{border-color:var(--line)}
:root:is([data-theme=safari],[data-theme=white]) .quick-link{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:0 4px 12px #00000004}
:root:is([data-theme=safari],[data-theme=white]) .quick-link .entry-icon,:root:is([data-theme=safari],[data-theme=white]) .quick-link .entry-arrow{background:var(--soft);box-shadow:none}
:root:is([data-theme=safari],[data-theme=white]) .path-closing{background:var(--soft);color:var(--ink);box-shadow:none;border:1px solid var(--line)}
:root:is([data-theme=safari],[data-theme=white]) .download-free-banner{background:var(--soft);color:var(--ink);box-shadow:none;border:1px solid var(--line)}
:root:is([data-theme=safari],[data-theme=white]) .hero .hero-copy{border-top-width:1px;border-color:var(--line)}
.swatch-safari{background:linear-gradient(135deg,#f5f5f5 0 50%,#626267 50%)}
:root:is([data-theme=safari],[data-theme=white]){--shadow:0 4px 14px #00000005}
/* 手机首屏采用上图下文的整张卡片，FAQ 与支持表单使用清楚的分组。 */
@media(max-width:650px){
 .hero.wrap{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding:0;gap:0;border-radius:22px;border:1px solid var(--line);box-shadow:0 6px 20px #00000006}
 .hero .hero-art{height:100%}.hero .original-art{object-position:center top}.hero:after{display:none}
 .hero-foreground{position:relative;top:auto;bottom:auto;left:auto;width:100%;height:auto;max-height:none;margin:12px 0 0;align-self:flex-start}
 .hero .hero-copy{width:100%;max-width:none;padding:25px 20px 26px;border:0;border-top:1px solid var(--line);border-radius:21px 21px 0 0;background:var(--panel);box-shadow:0 -5px 18px #00000008;backdrop-filter:none;transform:none}
 .hero .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.8px;margin:0 0 12px}.hero h1{font-size:29px;line-height:1.15;letter-spacing:-.6px}.hero h1 em{margin-top:5px}
 .hero-lead{font-size:15px;line-height:1.7;margin-top:15px;max-width:100%;text-wrap:balance}
 .hero .stores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px}
 .hero .store{display:flex;flex-direction:row;justify-content:center;gap:8px;padding:12px 8px;min-height:59px;border-radius:11px;background:var(--store-bg);border-color:var(--store-bg);width:100%;max-width:none;min-width:0}
 .hero .store>svg{width:20px;height:25px}.hero .store small{font-size:9px;white-space:nowrap}.hero .store strong{font-size:15px;white-space:nowrap;letter-spacing:-.2px}.hero .store>span{text-align:left}
 .hero .small{font-size:12px;line-height:1.7;margin-top:16px;text-wrap:balance}
 .help-section{background:var(--bg);border-top:1px solid var(--line)}.help-section .section{padding-block:36px}.help-section .section-heading{margin-bottom:24px}.help-section .section-heading h2{font-size:27px;line-height:1.2}.help-section .section-intro{font-size:15px;margin-top:12px}
 .help-grid{gap:28px}.faqs{display:grid;gap:10px}.faqs details{border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}
 .faqs summary,.faqs details:first-child summary{padding:17px 16px;font-size:15px;line-height:1.5;gap:13px;text-align:left}.faqs summary>span:last-child{font-size:22px;line-height:1;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--soft)}
 .faqs details>p{padding:0 16px 18px;font-size:14px;line-height:1.8;text-align:left}.email-link{font-size:14px;margin:9px 0 0;padding:12px;border-radius:12px;background:var(--soft);gap:12px}
 .contact-card{padding:26px 20px 21px;border-radius:20px;border:1px solid var(--line);box-shadow:0 5px 18px #00000004;background:var(--panel)}.contact-card h3{font-size:25px;line-height:1.2}.contact-card .form-intro{font-size:14px;line-height:1.75;margin:12px 0 25px;text-wrap:balance}
 .contact-card form{gap:19px}.contact-card form label{gap:8px;font-size:14px;line-height:1.45}.contact-card .form-row{grid-template-columns:1fr;gap:19px}
 .contact-card :is(input,select,textarea),.contact-card .form-row select{background:var(--panel);border:1px solid var(--line);font-size:16px;min-height:50px;padding:12px 14px;border-radius:10px}.contact-card textarea{min-height:145px}
 .contact-card .form-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.contact-card .button{width:100%;min-height:51px;justify-content:center;font-size:16px;border-radius:11px;gap:13px}
 .contact-card .direct-email{font-size:13px;line-height:1.8;margin-top:20px;text-wrap:balance}.contact-card .direct-email a{display:inline-block}
}
@media(max-width:370px){.hero .hero-copy{padding-inline:16px}.hero h1{font-size:27px}.hero .store{padding-inline:6px;gap:6px}.hero .store strong{font-size:14px}.hero .store small{font-size:8px}.hero .store>svg{width:18px}}
/* 浅灰主题通过银灰导航、灰色页面和柔和卡片与纯白主题拉开层次。 */
:root[data-theme=safari]{--bg:#ededee;--panel:#fafafa;--soft:#e1e1e3;--soft2:#e6e6e8;--ink:#303033;--muted:#646469;--wine:#4d4d52;--accent:#68686e;--line:#d0d0d4;--warm:#e4e4e6;--store-bg:#535359;--nav-bg:#58585e;--nav-button:#6b6b72;--shadow:0 4px 14px #00000008}
:root[data-theme=safari] .header-inner{background:#e4e4e6;border-color:#cdCDD1;box-shadow:0 3px 10px #00000008}
:root[data-theme=safari] .benefits>div,:root[data-theme=safari] .path-card{background:linear-gradient(145deg,#fafafa,#f0f0f2)}
:root[data-theme=safari] .selector-dropdown summary{background:#fafafa}
.swatch-safari{background:linear-gradient(135deg,#dedee1 0 50%,#6b6b72 50%)}

/* 浅色导航去掉外框，避免整条导航呈现描边盒子的效果。 */
:root:is([data-theme=safari],[data-theme=white]) .header-inner{border:0;box-shadow:none}
/* 沿用 Lumhera 官网的标题与正文字体，本地托管以稳定加载。 */
@font-face{font-family:Inter;src:url('assets/inter-latin.woff2?v=20261022-195944') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Kaisei Decol';src:url('assets/kaisei-decol-latin.woff2?v=20261022-195944') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body{font-family:Inter,Arial,Helvetica,sans-serif}
h1,h2,.hero h1 em,.update-card h3{font-family:'Kaisei Decol',Georgia,serif;font-weight:400;font-style:normal;letter-spacing:-.5px}
h3{font-family:Inter,Arial,Helvetica,sans-serif;font-weight:600}
.hero h1,.hero h1 em{line-height:1.25;letter-spacing:-.7px}
.section-heading h2,.compact-heading h2{line-height:1.3;letter-spacing:-.5px}
.header nav a,.selector-dropdown summary,.nav-cta,.button,.quick-link,.benefits strong{font-weight:600}
.chapter-title h3,.steps h3,.path-card h3,.platform-card h3{font-weight:600}
.contact-card h3{font-family:'Kaisei Decol',Georgia,serif;font-weight:400;line-height:1.3}
.download-free-banner{font-family:'Kaisei Decol',Georgia,serif;font-weight:400;line-height:1.5}
@media(max-width:650px){.hero h1{font-size:28px;line-height:1.25}.hero h1 em{line-height:1.25}.help-section .section-heading h2{font-size:26px;line-height:1.35}.contact-card h3{font-size:25px}}
@media(max-width:370px){.hero h1{font-size:25px}}
/* 手机首屏融合为同一张背景，文字不再放在独立白色卡片中。 */
@media(max-width:650px){
 .hero.wrap{background:var(--soft);border:0;box-shadow:none}
 .hero .hero-art{height:100%}.hero .original-art{object-position:45% top}
 .hero:after{display:block;z-index:-1;background:linear-gradient(180deg,transparent 12%,color-mix(in srgb,var(--panel),transparent 78%) 30%,color-mix(in srgb,var(--panel),transparent 7%) 52%,color-mix(in srgb,var(--panel),transparent 3%) 100%)}
 .hero .hero-copy{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding-top:27px;padding-bottom:29px}
 .hero-foreground{margin-top:10px}
}

/* 页脚社交媒体入口：使用内联图标，保持主题配色和触屏点击区域。 */
.footer-socials{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px}
.footer-socials a{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--wine);text-decoration:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.footer-socials svg{display:block;width:22px;height:22px}
.footer-socials a:hover{background:var(--wine);color:var(--panel);border-color:var(--wine)}
.footer-socials a:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.footer-socials a{transition:none}}