:root{color-scheme:dark;--bg:#0d1721;--panel:#13222e;--mint:#70e2bf;--ink:#f0f7fb;--muted:#b4c7d3;--line:#2a404e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;line-height:1.65}.wrap{width:min(1120px,calc(100% - 44px));margin:auto}header{border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px}nav div,.actions{display:flex;gap:18px;flex-wrap:wrap}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}nav a:hover,.tag{color:var(--mint)}.logo{font-size:1.25rem;font-weight:850;white-space:nowrap}.logo span,.formats,figcaption,footer{color:var(--muted);font-size:.83rem}.hero,.activation{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:65px 0}.hero{min-height:650px}.tag{font-size:.8rem;letter-spacing:.14em;font-weight:750}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(2.45rem,6vw,5.3rem);line-height:1.13;margin:16px 0 24px;letter-spacing:-.05em}h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.18;margin:10px 0 24px}h3{font-size:1.25rem;margin:14px 0 5px}.lead,.muted,article p{color:var(--muted)}.lead{font-size:1.12rem;max-width:31em}.actions{margin:28px 0 18px;gap:10px}.primary,.secondary{display:inline-block;padding:10px 17px;border-radius:8px;border:1px solid var(--line);font-weight:700}.primary{background:var(--mint);color:#082219;border-color:var(--mint)}.secondary:hover{border-color:var(--mint)}img{display:block;max-width:100%;height:auto}.hero-image img{width:min(100%,310px);margin:auto;border:1px solid #416070;border-radius:21px;box-shadow:0 20px 75px #0009}.band{background:var(--panel);border-block:1px solid var(--line);padding:64px 0}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.features article{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.features img{width:100%;height:320px;object-fit:contain;background:#0a141b;border-radius:8px}.activation img,video{width:100%;border:1px solid var(--line);border-radius:14px}.activation ol{padding-left:1.6em}.activation strong{overflow-wrap:anywhere}figcaption{margin-top:8px}video{display:block;background:#0a141b}footer{padding-block:26px}.video-download{margin-top:14px}@media(max-width:740px){.hero,.activation,.features{grid-template-columns:1fr}.hero,.activation,.band{padding-block:42px}.hero,.activation{gap:28px}}@media(max-width:390px){nav div{gap:9px}.logo span{display:none}}
.guide{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:44px;padding:56px 0}.band .guide{padding:0}.guide figure img{width:min(100%,285px);margin:auto;border-radius:12px;border:1px solid var(--line)}.shots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toc{display:flex;gap:8px;flex-wrap:wrap}.toc a{border:1px solid var(--line);border-radius:8px;padding:8px 14px}.toc a:hover{border-color:var(--mint)}dt{font-weight:750;margin-top:16px}dd{margin:3px 0;color:var(--muted)}.text-guide{display:grid;grid-template-columns:1fr 1fr;gap:24px}.text-guide article{padding:24px;border:1px solid var(--line);border-radius:12px}.text-guide h2{font-size:1.8rem}.text-guide li{margin-bottom:7px}.text-guide ol{padding-left:1.4em}.text-guide p{color:var(--muted)}section,article{scroll-margin-top:16px}@media(max-width:740px){.guide,.text-guide{grid-template-columns:1fr;gap:22px}.guide{padding:38px 0}}
