/* ASA subpage components — PREVIEW DRAFT 2026-11-09. Subpages only (not loaded by index.html).
   Prefix .pg-*. Dark default; light under html[data-theme="light"]: lime is decoration only, text/CTA use #0F5C2E. */
main{display:block}
.pg-hero{padding:72px 0 80px}
.pg-hero .split{align-items:center}
.pg-hero.solo .pg-in{max-width:860px}
.pg-h{font-size:clamp(30px,3.9vw,50px);line-height:1.16;margin:0 0 22px;max-width:860px}
html[lang=zh-Hant] .pg-h{line-height:1.3}
.pg-lead{font-size:18px;line-height:1.65;color:#9a9ea6;max-width:640px;margin:0 0 30px}
.pg-btns{display:flex;flex-wrap:wrap;gap:12px}
.pg-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.04em;padding:6px 12px;border-radius:99px;border:1px dashed rgba(182,255,46,.55);color:#B6FF2E;margin:0 0 18px}
.pg-note{font-size:13px;color:#9a9ea6;margin:18px 0 0}
.pg-bc{font-size:13px;color:#9a9ea6;margin:0 0 22px}
.pg-bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.pg-bc li+li:before{content:"/";margin-right:6px;opacity:.6}
.pg-bc a{text-decoration:underline;text-underline-offset:3px}
.pg-bc a:hover{color:#B6FF2E}
.pg-sec{padding:88px 0;border-top:1px solid #1f2125}
.pg-sec h2{margin-bottom:20px}
.pg-sub{font-size:17px;color:#9a9ea6;max-width:680px;margin:0 0 40px}
.pg-panel{background:#121316;border:1px solid #1f2125;border-radius:20px;padding:30px;min-width:0}
.pg-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;background:linear-gradient(145deg,rgba(182,255,46,.16),rgba(182,255,46,.03));border:1px solid rgba(182,255,46,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(182,255,46,.12)}
.pg-ico svg{width:28px;height:28px;fill:none;stroke:#B6FF2E;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pg-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pg-list li{position:relative;padding-left:28px;font-size:16px;line-height:1.55;color:#e1e3e6}
.pg-list li:before{content:"";position:absolute;left:3px;top:.45em;width:11px;height:6px;border-left:1.8px solid #B6FF2E;border-bottom:1.8px solid #B6FF2E;transform:rotate(-45deg)}
html[lang=zh-Hant] .pg-list li{line-height:1.7}
/* product modules */
.pg-mod{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.pg-mod+.pg-mod{margin-top:80px;padding-top:80px;border-top:1px solid #1f2125}
.pg-mod h2{font-size:clamp(24px,2.6vw,34px);margin:0 0 18px}
.pg-mod p.pg-b{font-size:17px;color:#9a9ea6;max-width:560px}
.pg-mod .ill{margin:28px 0 0;max-width:560px}
.pg-mod>*{min-width:0}
/* steps */
.pg-steps .card h3{font-size:18px}
.pg-steps .card p{font-size:15px}
/* solution cards */
.pg-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pg-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:30px;border-radius:20px;background:#121316;border:1px solid #1f2125;transition:border-color .15s,transform .15s;min-width:0}
.pg-card:hover{border-color:rgba(182,255,46,.45)}
.pg-card:focus-within{border-color:#B6FF2E}
.pg-card .pg-ico{margin-bottom:12px}
.pg-card .eye{margin:0}
.pg-card h3{font-size:19px;line-height:1.35;margin:4px 0 0}
.pg-card h3 a:after{content:"";position:absolute;inset:0;border-radius:20px}
.pg-card h3 a:focus{outline:none}
.pg-card h3 a:focus-visible:after{outline:2px solid #B6FF2E;outline-offset:3px}
.pg-card .go{margin-top:auto;padding-top:14px;color:#B6FF2E;font-size:20px;line-height:1}
.pg-card p{font-size:15px;color:#9a9ea6;margin:6px 0 0}
.pg-card.plain{background:transparent;border-style:dashed}
html[lang=zh-Hant] .pg-card h3{line-height:1.5}
.pg-ill{margin-top:48px}
/* related */
.pg-rel{display:flex;flex-wrap:wrap;gap:12px}
.pg-rel a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:99px;border:1px solid #2a2c31;background:#121316;color:#eef0f2;font-size:15px}
.pg-rel a:hover{border-color:#B6FF2E}
.pg-rel a:focus-visible{outline:2px solid #B6FF2E;outline-offset:3px}
/* about values */
.pg-vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pg-vals .card h3{margin:0;font-size:18px;line-height:1.45}
.pg-info{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pg-info li{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.5;color:#e1e3e6;min-width:0}
.pg-info li span,.pg-info li a{min-width:0;overflow-wrap:anywhere}
.pg-info svg{flex:none;width:22px;height:22px;fill:none;stroke:#B6FF2E;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.pg-info a{text-decoration:underline;text-underline-offset:3px}
/* faq */
.pg-faq{max-width:860px;border-bottom:1px solid #1f2125}
.pg-faq details{border-top:1px solid #1f2125}
.pg-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:18px;font-weight:600;line-height:1.45}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary:after{content:"";flex:none;width:12px;height:12px;border-right:2px solid #B6FF2E;border-bottom:2px solid #B6FF2E;transform:rotate(45deg) translate(-3px,-3px);transition:transform .15s}
.pg-faq details[open] summary:after{transform:rotate(-135deg) translate(-3px,-3px)}
.pg-faq summary:focus{outline:none}
.pg-faq summary:focus-visible{outline:2px solid #B6FF2E;outline-offset:4px;border-radius:6px}
.pg-faq .ans{padding:0 0 26px;font-size:16px;line-height:1.7;color:#9a9ea6;max-width:760px}
html[lang=zh-Hant] .pg-faq summary{font-weight:500}
/* contact */
.pg-ct{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.pg-ct>*{min-width:0}
.pg-ct .dform{max-width:none}
/* closing band */
.pg-close{padding-top:24px}
.pg-close .ctb .btn{margin-top:4px}
@media(max-width:1000px){
  .pg-mod,.pg-ct{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media(max-width:880px){
  .pg-hero{padding:44px 0 56px}
  .pg-h{font-size:clamp(25px,7vw,34px)}
  .pg-lead{font-size:16px}
  .pg-sec{padding:64px 0}
  .pg-cards,.pg-vals{grid-template-columns:minmax(0,1fr);gap:16px}
  .pg-card,.pg-panel{padding:22px}
  .pg-mod+.pg-mod{margin-top:56px;padding-top:56px}
  .pg-faq summary{font-size:16px;padding:20px 0}
  .pg-hero .split{gap:32px}
}
@media(max-width:360px){
  .pg-h{font-size:23px}
  .pg-card,.pg-panel{padding:18px}
}

/* ---------- LIGHT ---------- */
html[data-theme="light"] .pg-lead,html[data-theme="light"] .pg-sub,html[data-theme="light"] .pg-mod p.pg-b,html[data-theme="light"] .pg-card p,html[data-theme="light"] .pg-faq .ans,html[data-theme="light"] .pg-bc,html[data-theme="light"] .pg-note{color:#4A4F57}
html[data-theme="light"] .pg-bc a:hover{color:#0F5C2E}
html[data-theme="light"] .pg-badge{color:#0F5C2E;border-color:#0F5C2E;background:#EAF2EC}
html[data-theme="light"] .pg-sec,html[data-theme="light"] .pg-mod+.pg-mod{border-top-color:#DDD9D0}
html[data-theme="light"] .pg-panel,html[data-theme="light"] .pg-card{background:#FFFFFF;border-color:#DDD9D0}
html[data-theme="light"] .pg-card.plain{background:transparent;border-color:#8F8A7F}
html[data-theme="light"] .pg-card:hover{border-color:#0F5C2E}
html[data-theme="light"] .pg-card:focus-within{border-color:#0F5C2E}
html[data-theme="light"] .pg-card h3 a:focus-visible:after{outline-color:#0F5C2E}
html[data-theme="light"] .pg-card .go{color:#0F5C2E}
html[data-theme="light"] .pg-ico{background:linear-gradient(145deg,#F2FBE3,#FFFFFF);border-color:#C9C4B8;box-shadow:inset 0 3px 0 #B6FF2E}
html[data-theme="light"] .pg-ico svg,html[data-theme="light"] .pg-info svg{stroke:#0F5C2E}
html[data-theme="light"] .pg-list li,html[data-theme="light"] .pg-info li{color:#14161A}
html[data-theme="light"] .pg-list li:before{border-color:#0F5C2E}
html[data-theme="light"] .pg-rel a{background:#FFFFFF;border-color:#8F8A7F;color:#14161A}
html[data-theme="light"] .pg-rel a:hover{border-color:#0F5C2E}
html[data-theme="light"] .pg-rel a:focus-visible{outline-color:#0F5C2E}
html[data-theme="light"] .pg-faq,html[data-theme="light"] .pg-faq details{border-color:#DDD9D0}
html[data-theme="light"] .pg-faq summary:after{border-color:#0F5C2E}
html[data-theme="light"] .pg-faq summary:focus-visible{outline-color:#0F5C2E}
.pg-tp{font-size:17px;line-height:1.6;color:#e1e3e6;margin:0}
html[data-theme="light"] .pg-tp{color:#14161A}