:root{--ink:#173b31;--muted:#50695f;--accent:#176d50;--paper:#f7faf6;--surface:#fff;--soft:#eaf2e9;--line:#ceddd1;--on-accent:#fff;--footer:#103c2e;--serif:Georgia,"Songti SC",SimSun,serif}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 "Microsoft YaHei","PingFang SC",sans-serif}button,input{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}p{color:var(--muted);max-width:68ch}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--on-accent)}[hidden]{display:none!important}.wrap{width:min(1184px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:24px;min-height:88px}.brand{flex:none;display:block;padding:4px 10px;border-radius:6px;background:#fcf7e9}.brand.dark{background:#0a271c}.brand img{width:204px;height:64px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-button{border:0;padding:10px 0;background:none;font-size:14px;font-weight:600}.nav-button:hover{color:var(--accent)}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;padding:8px 14px;border-radius:7px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;min-height:48px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:14px;font-weight:600;line-height:1.6}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button:hover{filter:brightness(.94)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero{padding-block:72px 64px}.hero-copy h1{font-size:clamp(36px,4.1vw,58px);line-height:1.3;letter-spacing:-.025em;max-width:19ch}.hero-copy h1 span{display:block;font-size:.64em;margin-top:16px;line-height:1.5;color:var(--accent);letter-spacing:0}.hero-copy>p{margin-top:24px;font-size:16px}.hero-note{margin-top:18px;font-size:12px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}.hero-media{margin:0;min-width:0}.hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.hero-media figcaption{margin-top:10px;color:var(--muted);font-size:12px}.section{padding-block:64px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;margin-bottom:32px}.section-head h2{font-size:30px;line-height:1.45;max-width:22ch}.section-head p{font-size:14px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.action-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}.action-card h3{font-size:21px;margin:16px 0 12px;line-height:1.5}.action-card p{font-size:14px}.action-card .button{margin-top:24px}.device-icon{width:34px;height:34px;color:var(--accent)}.action-list{display:grid;gap:0;border-top:1px solid var(--line)}.action-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.4fr) auto;align-items:center;gap:32px;padding:26px 0;border-bottom:1px solid var(--line)}.action-row h3{font-size:20px}.action-row p{font-size:14px}.compare{width:100%;border-collapse:collapse;text-align:left}.compare th,.compare td{padding:20px 24px;border-bottom:1px solid var(--line);vertical-align:top}.compare thead{background:var(--soft)}.compare th{font-weight:600}.compare td{font-size:14px}.facts{margin:0;border-top:1px solid var(--line)}.facts>div{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.facts dt{font-weight:600}.facts dd{margin:0;color:var(--muted)}.fact-panel{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.fact-panel h2,.fact-panel h3{font-size:24px;margin-bottom:20px}.fact-panel .actions{margin-top:24px}.process{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.process li{counter-increment:step;border-top:2px solid var(--accent);padding-top:24px}.process li:before{content:counter(step,decimal-leading-zero);display:block;font-size:22px;color:var(--accent);font-weight:600;margin-bottom:20px}.process h3{font-size:18px;margin-bottom:12px;line-height:1.6}.process p{font-size:14px}.process.stack{grid-template-columns:1fr;gap:0}.process.stack li{display:grid;grid-template-columns:56px minmax(150px,.8fr) 1.6fr;gap:24px;align-items:baseline;border-top:1px solid var(--line);padding:24px 0}.process.stack li:before,.process.stack h3{margin:0}.process.rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 48px}.process.rail li{display:grid;grid-template-columns:44px 1fr;gap:8px 18px;padding-top:20px}.process.rail li:before{grid-row:span 2}.process.rail p{grid-column:2}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}.overview-copy h2{font-size:30px;line-height:1.5;margin-bottom:24px}.reading-list{margin:0;padding:0;list-style:none}.reading-list li{padding:22px 0;border-bottom:1px solid var(--line)}.reading-list li:first-child{padding-top:0}.reading-list h3{font-size:18px;margin-bottom:8px}.reading-list p{font-size:14px}.overview-quote{padding:40px;background:var(--soft);align-self:start;font-family:var(--serif);font-size:27px;line-height:1.7}.overview-quote small{display:block;margin-top:24px;font:13px/1.8 "Microsoft YaHei",sans-serif;color:var(--muted)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;font-size:16px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:23px;font-weight:400;flex:none}details[open]>summary:after{content:"−"}details>p{font-size:14px;line-height:1.9;padding-bottom:24px}.faq-split{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px}.faq-split h2{font-size:30px;line-height:1.5;margin-bottom:20px}.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.faq-columns details{align-self:start}.search-box{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);padding:8px 10px 8px 20px;border-radius:10px;margin-top:24px}.search-box input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);padding:8px 0;outline-offset:3px}.search-box button{border:0;background:var(--accent);color:var(--on-accent);padding:10px 18px;border-radius:6px;white-space:nowrap}.search-status{font-size:13px;margin-top:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.contact-card h3{font-size:17px;display:flex;align-items:center;gap:12px}.contact-card strong{display:block;font-size:28px;margin:16px 0 8px;font-variant-numeric:tabular-nums;letter-spacing:.02em;user-select:all}.contact-card p{font-size:13px}.contact-card button{margin-top:20px}.copy-status{font-size:12px;min-height:24px;margin-top:8px;color:var(--muted)}.contact-section{background:var(--soft)}.contact-section>.wrap{padding-block:64px}.contact-aside{margin:0;padding:32px;background:var(--soft);border-radius:12px}.contact-aside h2{font-size:24px;line-height:1.5;margin-bottom:12px}.contact-aside .contact-grid{grid-template-columns:1fr;gap:16px}.contact-aside .contact-card{padding:20px}.contact-aside .contact-card strong{font-size:24px}.contact-aside .contact-card .button{padding:8px 18px;min-height:42px}.site-footer{padding:48px 0 32px;background:var(--footer);color:#f5efdb}.footer-top{display:flex;gap:48px;align-items:center;justify-content:space-between;padding-bottom:32px}.footer-top p{color:#e5e8df;font-size:13px;max-width:38ch}.footer-nav{display:flex;gap:24px;flex-wrap:wrap}.footer-nav button{font-size:13px;color:inherit}.friend-links{display:flex;gap:24px;align-items:baseline;min-height:80px;padding:24px 0;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.friend-links h2{font-size:14px;line-height:1.8;flex:none}.friend-link-items{display:flex;gap:16px 24px;flex-wrap:wrap;min-width:0}.friend-link-items a{font-size:14px;overflow-wrap:anywhere}.friend-link-items a:hover{text-decoration:underline}.copyright{font-size:12px;display:flex;justify-content:space-between;gap:24px;padding-top:24px;color:#e5e8df}.copyright button{background:none;border:0;color:inherit;padding:0}.page-rail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px}.page-rail>aside{padding-top:64px}.rail-inner{position:sticky;top:122px;border-top:2px solid var(--accent);padding-top:24px}.rail-inner h2{font-size:20px;margin-bottom:20px}.rail-inner nav{display:grid;gap:4px}.rail-inner .nav-button{text-align:left;padding:10px 0}.rail-inner p{font-size:13px;margin-top:24px}.page-rail .wrap{width:100%}.page-rail .hero{padding-top:56px}.page-rail .hero-copy h1{font-size:44px}.page-rail .section-head{grid-template-columns:1fr;gap:16px}.page-rail .contact-section>.wrap{padding-inline:24px}.page-rail .process.stack li{grid-template-columns:44px 1fr}.page-rail .process.stack p{grid-column:2}.page-rail .action-row{grid-template-columns:1fr 1.6fr}.page-rail .action-row .button{grid-column:2;justify-self:start}
/* Structures are authored in DOM order; these rules only size their relationships. */
.hero-center{text-align:center;padding-block:64px}.hero-center .hero-copy{max-width:900px;margin:auto}.hero-center h1,.hero-center p{margin-inline:auto}.hero-center .actions{justify-content:center}.hero-center .hero-brand{width:350px;height:112px;object-fit:contain;margin:0 auto 32px}.hero-center-device .hero-copy{max-width:800px;margin:0 auto 40px;text-align:center}.hero-center-device .hero-copy h1,.hero-center-device p{margin-inline:auto}.hero-center-device .actions{justify-content:center}.hero-center-device .action-grid{max-width:960px;margin:auto}.hero-device-left .hero-grid{grid-template-columns:.9fr 1.1fr}.hero-device-left .action-grid{grid-template-columns:1fr;gap:16px}.hero-device-left .action-card{padding:24px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center}.hero-device-left .action-card h3{margin:0}.hero-device-left .action-card p{grid-column:1}.hero-device-left .action-card .button{grid-column:2;grid-row:1/3;margin:0}.hero-device-left .device-icon{display:none}.hero-workspace .hero-grid{grid-template-columns:1.15fr .85fr;align-items:start}.hero-workspace .compact-index{border-top:1px solid var(--line);padding-top:12px}.compact-index button{display:block;width:100%;text-align:left;padding:18px 0;background:transparent;border:0;border-bottom:1px solid var(--line);font-size:17px}.hero-compact{padding-block:56px 40px}.hero-compact .hero-copy{max-width:850px}.hero-compact .hero-copy h1{font-size:44px}.hero-compact .actions{margin-top:20px}.hero-panorama{padding-top:48px}.hero-panorama .hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:start;margin-bottom:40px}.hero-panorama .hero-copy h1{grid-row:span 3}.hero-panorama .hero-copy>p{margin:0}.hero-panorama .hero-media img{aspect-ratio:2.7/1}.hero-timeline .hero-copy{max-width:900px;margin-bottom:48px}.hero-timeline .process{padding:32px;background:var(--soft);border-radius:12px}.hero-timeline .process li:first-child{border-top-color:var(--accent)}.hero-banner{background:var(--soft);padding-block:48px}.hero-banner .hero-copy{display:grid;grid-template-columns:1.2fr 1fr;gap:0 64px;align-items:center}.hero-banner .hero-copy h1{grid-row:span 3;font-size:46px}.hero-banner .hero-copy>p{margin:0}.hero-cinema{position:relative;min-height:580px;display:grid;align-items:center;padding-block:72px;isolation:isolate;background:#173b31;color:#fff9e8}.hero-cinema>.hero-media{position:absolute;inset:0;z-index:-2}.hero-cinema>.hero-media img{width:100%;height:100%;border-radius:0;aspect-ratio:auto;object-fit:cover}.hero-cinema>.hero-media figcaption{display:none}.hero-cinema:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071c18ed,#071c18c9 46%,#071c1826);z-index:-1}.hero-cinema h1{max-width:19ch}.hero-cinema h1 span{color:#f3d599}.hero-cinema .hero-copy>p{max-width:51ch;color:#f2f0e6}.hero-cinema .hero-note{color:#e2e7db}.hero-cinema .button{background:#f1d395;color:#173326;border-color:#f1d395}.hero-cinema .button.secondary{background:transparent;color:#fff9e8;border-color:#c5d1ba}.hero-photo-left .hero-grid{grid-template-columns:1fr 1fr}.hero-dossier .hero-grid{grid-template-columns:1.2fr .8fr;align-items:start}.hero-editorial .hero-grid{grid-template-columns:1.25fr .75fr;align-items:end}.hero-editorial h1{font-family:var(--serif)}.hero-editorial .hero-media img{aspect-ratio:3/4}.hero-editorial .hero-copy{padding-bottom:32px}.hero-contact-first .hero-grid{grid-template-columns:1fr 1fr;align-items:start}.hero-contact-first .contact-grid{grid-template-columns:1fr;gap:16px}.hero-contact-first .contact-card{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:center}.hero-contact-first .contact-card strong{grid-column:1;margin:10px 0}.hero-contact-first .contact-card .button{grid-column:2;grid-row:1/4;margin:0}.hero-search .hero-copy{max-width:840px;margin:auto;text-align:center}.hero-search .hero-copy h1,.hero-search p{margin-inline:auto}.hero-search .search-box{margin-top:32px}.hero-search .actions{justify-content:center}.hero-manual-search .search-box{max-width:640px}.hero-center-device .hero-note{margin-bottom:24px}.hero-center-device+.section{padding-top:48px}.error-main{padding-block:72px}.error-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:center}.error-code{font:700 clamp(100px,14vw,180px)/1 var(--serif);color:var(--accent)}.error-copy h1{font-size:36px;margin-bottom:20px}.error-topics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}.error-topics a{display:block;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.error-topics strong{display:block;font-size:18px;margin-bottom:6px}.error-topics span{font-size:14px;color:var(--muted)}.error-topics a:hover{border-color:var(--accent)}.error-footer{margin-top:32px}.error-main>h2{font-size:25px;margin-top:64px}
@media(min-width:1500px){.hero{padding-block:88px}.hero-cinema{min-height:650px}}
@media(max-width:1050px){.primary-nav{gap:16px}.header-inner{gap:20px}.brand img{width:174px;height:58px}.hero-grid,.overview-grid,.faq-split{gap:40px}.action-row{gap:20px}.page-rail{grid-template-columns:180px minmax(0,1fr);gap:36px}.page-rail .action-grid{grid-template-columns:1fr}.page-rail .hero-copy h1{font-size:38px}.compare th,.compare td{padding:16px}.process{gap:20px}.section-head{gap:32px}}
@media(max-width:800px){html{scroll-padding-top:88px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:76px;flex-wrap:wrap;gap:12px}.brand img{width:162px;height:54px}.brand{padding:2px 8px}.header-contact{display:none}.menu-toggle{display:block;margin-left:auto}.primary-nav{width:100%;order:4;display:none;grid-template-columns:1fr 1fr;gap:4px 24px;padding:8px 0 20px;margin:0}.primary-nav.is-open{display:grid}.primary-nav .nav-button{text-align:left;padding:10px 4px}.hero{padding-block:44px}.hero-copy h1,.hero-banner .hero-copy h1,.hero-compact .hero-copy h1,.page-rail .hero-copy h1{font-size:34px;max-width:20ch}.hero-copy h1 span{font-size:23px;margin-top:12px}.hero-copy>p{font-size:14px;margin-top:20px}.hero-grid,.hero-device-left .hero-grid,.hero-workspace .hero-grid,.hero-photo-left .hero-grid,.hero-dossier .hero-grid,.hero-editorial .hero-grid,.hero-contact-first .hero-grid{grid-template-columns:1fr;gap:32px}.hero-device-left .action-grid{order:0}.hero-device-left .hero-copy{order:0}.hero-media img{aspect-ratio:3/2}.section{padding-block:44px}.section-head{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.section-head h2,.overview-copy h2,.faq-split h2{font-size:26px}.action-grid{grid-template-columns:1fr}.action-card{padding:24px}.action-card h3{font-size:21px}.action-row{grid-template-columns:1fr auto;gap:12px 16px;padding:22px 0}.action-row p{grid-column:1/-1;grid-row:2}.action-row .button{padding:8px 14px;min-height:42px}.compare{display:block}.compare thead{display:none}.compare tbody{display:grid;gap:16px}.compare tr{display:grid;grid-template-columns:1fr auto;gap:12px;padding:22px;border:1px solid var(--line);border-radius:10px}.compare td,.compare th{padding:0;border:0;display:block}.compare td:nth-child(2){grid-column:1/-1;grid-row:2}.compare td:last-child{grid-column:2;grid-row:1}.compare .button{min-height:40px;padding:8px 12px}.facts>div{grid-template-columns:1fr 1.5fr;gap:16px}.fact-panel{padding:24px}.process,.process.rail{grid-template-columns:1fr;gap:24px}.process li{padding-top:20px}.process li:before{margin-bottom:12px}.process.stack li,.page-rail .process.stack li{grid-template-columns:36px 1fr;gap:8px 16px;padding-block:22px}.process.stack p{grid-column:2}.process.rail li{gap:8px 16px}.overview-grid,.faq-split,.faq-columns{grid-template-columns:1fr;gap:32px}.overview-quote{padding:28px;font-size:24px}.faq-columns{gap:0}.contact-grid{grid-template-columns:1fr;gap:16px}.contact-card{padding:24px}.contact-section>.wrap{padding-block:44px}.footer-top{align-items:flex-start;flex-direction:column;gap:24px}.footer-nav{gap:8px 20px}.friend-links{flex-wrap:wrap;gap:12px;min-height:88px}.friend-link-items{width:100%;gap:10px 20px}.copyright{flex-direction:column;gap:12px;padding-right:52px}.copyright button{align-self:flex-start}.site-footer{padding-bottom:88px}.page-rail{display:block}.page-rail>aside{padding-top:24px}.rail-inner{position:static;padding-top:16px}.rail-inner nav{display:flex;flex-wrap:wrap;gap:4px 20px}.rail-inner h2,.rail-inner p{display:none}.page-rail .hero{padding-top:32px}.page-rail .action-row{grid-template-columns:1fr auto}.page-rail .action-row .button{grid-column:2;grid-row:1}.page-rail .contact-section>.wrap{padding-inline:20px}.hero-center .hero-brand{width:280px;height:90px;margin-bottom:24px}.hero-panorama .hero-copy,.hero-banner .hero-copy{display:block}.hero-panorama .hero-copy>p,.hero-banner .hero-copy>p{margin-top:20px}.hero-panorama .hero-media img{aspect-ratio:3/2}.hero-timeline .hero-copy{margin-bottom:32px}.hero-timeline .process{padding:24px}.hero-cinema{min-height:0;padding-block:56px}.hero-cinema:after{background:#071c18d9}.hero-cinema .hero-copy{padding-bottom:0}.hero-editorial .hero-media img{aspect-ratio:3/2}.hero-editorial .hero-copy{padding-bottom:0}.hero-contact-first .contact-card{padding:20px}.hero-contact-first .contact-card p{grid-column:1/-1}.hero-contact-first .contact-card .button{grid-row:1/3}.hero-search .hero-copy{text-align:left}.hero-search .actions{justify-content:flex-start}.search-box{padding-left:14px}.search-box button{padding:10px 12px}.error-main{padding-block:44px}.error-layout{grid-template-columns:1fr;gap:24px}.error-code{font-size:108px}.error-copy h1{font-size:29px}.error-topics{grid-template-columns:1fr;gap:14px;margin-top:28px}.error-topics a{padding:22px}.error-main>h2{font-size:24px;margin-top:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.hero-copy .hero-tagline { display: block; font-size: clamp(23px,2.65vw,36px); margin-top: 16px; line-height: 1.5; font-weight: 700; color: var(--accent); }
.hero-cinema .hero-copy .hero-tagline { color: #f3d599; }
.hero-center .hero-tagline, .hero-center-device .hero-tagline, .hero-search .hero-tagline { margin-inline: auto; }
@media (max-width: 800px) { .hero-copy .hero-tagline { font-size: 23px; margin-top: 12px; } }

/* Site palette */
:root{--ink:#15394e;--muted:#526b7a;--accent:#216184;--paper:#f4f8fb;--surface:#ffffff;--soft:#e5eff5;--line:#c9dbe5;--on-accent:#ffffff;--footer:#122e40;}

/* Help card */
/* 07 help-card structure, using the current site palette and full wordmark. */
.help-fab,
.help-popup {
  --pop-accent: var(--accent);
  color: var(--ink);
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  line-height: 1.75;
}

.help-fab {
  position: fixed;
  z-index: 110;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 280px;
  min-height: 64px;
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 16px 60px #0c193a23;
  text-align: left;
}

.help-fab[aria-expanded="true"] { display: none; }
.help-fab strong,
.help-fab small { display: block; }
.help-fab strong { font-size: 13px; }
.help-fab small { margin-top: 3px; font-size: 11px; color: var(--muted); }
.help-fab > svg { margin-left: auto; flex: none; }
.help-fab-icon,
.help-logo {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: var(--pop-accent);
}
.help-logo img,
.help-fab-icon img { object-fit: contain; }

.help-popup {
  position: fixed;
  z-index: 111;
  right: 24px;
  bottom: max(18px, env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  width: min(376px, calc(100vw - 48px));
  max-height: min(760px, calc(100dvh - 36px));
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--surface);
  box-shadow: 0 24px 90px #17274a31;
  animation: help-appear .24s ease-out both;
}
.help-popup[hidden] { display: none; }
.help-popup p { max-width: none; }
.help-popup button:focus-visible,
.help-popup a:focus-visible,
.help-popup input:focus-visible,
.help-popup summary:focus-visible,
.help-fab:focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
.help-popup-header {
  display: flex;
  align-items: center;
  flex: none;
  gap: 12px;
  padding: 18px 19px;
  background: var(--soft);
  border-bottom: 1px solid var(--soft);
}
.help-popup-header strong,
.help-popup-header div > span { display: block; }
.help-popup-header strong { font-size: 16px; font-weight: 800; }
.help-popup-header div > span { margin-top: 3px; font-size: 11px; color: var(--muted); }
.help-close {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  margin: -5px -7px -5px auto;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--soft);
  color: var(--muted);
}
.help-popup-content {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--line) var(--soft);
  padding: 17px 19px 14px;
}
.help-welcome { margin: 0 0 16px; color: var(--muted); font-size: 12px; line-height: 1.95; }
.help-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.help-tabs button {
  min-height: 40px;
  padding: 9px 3px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
  color: var(--muted);
  font-size: 12px;
  font-weight: 650;
}
.help-tabs button[aria-selected="true"] { border-color: var(--accent); background: var(--soft); color: var(--accent); }
.help-answer { margin-top: 12px; padding: 16px 14px; border-radius: 12px; background: var(--soft); }
.help-answer strong { display: block; font-size: 13px; font-weight: 800; }
.help-answer p { margin: 10px 0; color: var(--muted); font-size: 12px; line-height: 1.9; }
.help-answer [data-help-guide] {
  border: 0;
  padding: 5px 0;
  background: transparent;
  color: var(--accent);
  text-align: left;
  font-size: 12px;
  font-weight: 700;
}
.help-contact {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 10px;
  padding: 14px;
  margin-top: 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--surface);
}
.help-contact-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  /* Supplied icon pixels are rotated; retain the reference's display correction. */
  transform: rotate(-90deg);
}
.help-contact-id { min-width: 0; overflow-wrap: anywhere; font-size: 20px; font-weight: 800; letter-spacing: -.025em; user-select: all; }
.help-copy {
  min-height: 38px;
  padding: 9px 12px;
  border: 0;
  border-radius: 8px;
  background: var(--accent);
  color: var(--on-accent);
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
}
.help-contact .copy-status { grid-column: 1 / -1; min-height: 0; margin: 8px 0 0; color: var(--muted); font-size: 11px; }
.help-contact .copy-status:empty { display: none; }
.help-santiao-faq { margin-top: 16px; padding-top: 10px; border-top: 1px solid var(--line); border-bottom: 0; }
.help-santiao-faq summary {
  display: list-item;
  list-style: disclosure-closed inside;
  padding: 2px 0;
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
}
.help-santiao-faq[open] summary { list-style-type: disclosure-open; }
.help-santiao-faq summary::after { content: none; }
.help-santiao-faq summary::-webkit-details-marker { display: inline; }
.help-santiao-faq p { margin: 10px 0 0; padding: 0; color: var(--muted); font-size: 12px; line-height: 1.9; }
.help-popup a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.help-question-form { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); }
.help-question-form label { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; }
.help-question-row { display: flex; gap: 6px; }
.help-question-row input {
  flex: 1;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--surface);
  color: var(--ink);
  caret-color: var(--accent);
  font-size: 12px;
}
.help-question-row input::placeholder { color: var(--muted); }
.help-question-row button { padding: 0 13px; border: 0; border-radius: 9px; background: var(--accent); color: var(--on-accent); font-size: 12px; white-space: nowrap; }
#help-question-answer { margin: 9px 0 0; color: var(--muted); font-size: 12px; line-height: 1.85; }
.help-safety { margin: 15px 0 0; color: var(--muted); font-size: 10px; line-height: 1.7; }

@keyframes help-appear {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 800px) {
  .help-fab { right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: 250px; min-height: 60px; }
  .help-popup { right: 10px; bottom: max(10px, env(safe-area-inset-bottom)); width: min(376px, calc(100vw - 20px)); max-height: calc(100dvh - 20px); }
}
@media (max-width: 360px) {
  .help-popup-header { gap: 10px; padding: 14px; }
  .help-popup-content { padding: 14px; }
  .help-contact { grid-template-columns: 32px minmax(0, 1fr) auto; gap: 0 8px; padding: 10px; }
  .help-contact-icon { width: 32px; height: 32px; }
  .help-contact-id { font-size: 18px; }
  .help-copy { padding: 9px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .help-popup { animation: none; }
}

/* A full website wordmark replaces the generic spade. */
.help-logo, .help-fab-icon { width: 112px; height: 44px; padding: 4px; border-radius: 6px; background: #fcf7e9; }
.help-logo.dark, .help-fab-icon.dark { background: #0a271c; }
.help-logo img, .help-fab-icon img { width: 104px; height: 36px; object-fit: contain; }
.help-popup-header { gap: 10px; }
.help-popup-header strong { font-size: 15px; }
.help-fab { width: 310px; }
.copy-block { display: grid; gap: 10px; margin-top: 10px; font-size: 12px; color: var(--muted); }
.copy-block .help-copy { justify-self: start; }
.copy-block .copy-status { min-height: 0; margin: 0; font-size: 11px; color: var(--muted); }
.copy-address { color: var(--ink); user-select: all; overflow-wrap: anywhere; }
@media (max-width: 800px) { .help-fab { width: min(300px, calc(100vw - 24px)); } }
@media (max-width: 360px) {
  .help-logo, .help-fab-icon { width: 94px; height: 40px; }
  .help-logo img, .help-fab-icon img { width: 86px; height: 32px; }
  .help-popup-header { gap: 8px; }
  .help-popup-header strong { font-size: 14px; }
  .help-popup-header div > span { font-size: 10px; }
}