:root{color-scheme:dark;--bg:#121514;--panel:#1f2421;--raised:#2b322c;--ink:#f1f4ec;--muted:#b0b9ac;--lime:#c7f569;--dark:#19200f;--font:VRCastTC,'Noto Sans TC','Microsoft JhengHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 80px));margin:auto}.skip-link{position:fixed;top:10px;left:10px;padding:15px;background:var(--lime);color:var(--dark);transform:translateY(-200%);z-index:100}.skip-link:focus{transform:none}.topbar{height:88px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:19px}.brand img{width:32px;height:32px;border-radius:6px}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:3px}.topbar nav{display:flex;align-items:center;gap:26px;font-size:12px;font-weight:700}.topbar nav a{padding:12px 0;color:var(--muted)}.topbar nav a[aria-current=page],.topbar nav a:hover{color:var(--lime)}.eyebrow{font:700 10px Consolas,monospace;letter-spacing:2px;color:var(--lime);margin:0 0 24px}.beta{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;background:#303d21;color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.beta:before{content:'';width:6px;height:6px;background:var(--lime)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center;padding:52px 0 70px}.title-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}h1{font-size:clamp(64px,7.5vw,100px);letter-spacing:-5px;line-height:.98;margin:0;font-weight:900}h1 .slash{color:var(--lime)}.title-row .beta{margin-top:20px}.lead{font-size:20px;font-weight:500;margin:29px 0 16px;line-height:1.7}.hero-copy>p:not(.eyebrow):not(.lead):not(.meta):not(.testing){font-size:14px;color:var(--muted);line-height:1.9;max-width:430px}.features{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 30px}.features span{padding:9px 12px;background:var(--panel);font-size:11px;font-weight:600}.cta{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:20px 24px;font-size:14px;font-weight:800;background:var(--lime);color:var(--dark);transition:background .2s,transform .2s}.cta:hover{background:#d7ff94;transform:translateY(-2px)}.cta .arrow{font:24px Consolas,monospace}.hero .cta{width:min(100%,380px)}.meta{font:11px Consolas,'Microsoft JhengHei',monospace;color:var(--muted);margin:15px 0 22px;line-height:1.9}.text-link{color:var(--lime);font-weight:700;font-size:13px;display:inline-block;padding:5px 0}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.testing{font-size:11px;color:var(--muted);line-height:1.9;max-width:400px;margin:25px 0 0}.testing strong{color:var(--lime);font-weight:600}.console-figure{margin:0;background:var(--panel);padding:20px 20px 16px;position:relative}.figure-bar{display:flex;justify-content:space-between;gap:12px;font:9px Consolas,monospace;letter-spacing:1.3px;color:var(--muted);margin-bottom:14px}.figure-bar span:last-child{color:var(--lime)}.console-figure img{display:block;width:100%;height:auto}.console-figure figcaption{font-size:10px;color:var(--muted);line-height:1.7;margin:15px 0 0}.spec-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.spec-bar>div{background:var(--panel);padding:25px 26px}.spec-bar b{display:block;font-size:15px;margin-bottom:8px}.spec-bar span{color:var(--muted);font-size:12px;line-height:1.8}.section{padding:78px 0}h2{font-size:clamp(28px,3.1vw,39px);letter-spacing:-1.5px;line-height:1.35;margin:0 0 22px}h3{font-size:20px;margin:0 0 12px;line-height:1.5}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.section-head h2{margin:0}.section-head .eyebrow{margin-bottom:16px}.section-head>p{font-size:12px;color:var(--muted);margin:0;line-height:1.9;max-width:320px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.step-card{background:var(--panel);padding:30px;min-width:0}.step-card>span{display:block;font:700 13px Consolas,monospace;color:var(--lime);margin-bottom:32px}.step-card h3{font-size:17px}.step-card p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.setup-banner{margin-top:12px;padding:26px 30px;background:var(--raised);display:flex;align-items:center;justify-content:space-between;gap:25px}.setup-banner p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}.setup-banner strong{display:block;color:var(--ink);font-size:17px;margin-bottom:5px}.setup-banner .cta{font-size:12px;padding:15px 20px;flex-shrink:0}.faq{padding-top:0}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.questions details{padding:22px 25px;background:var(--panel);margin-bottom:8px}.questions summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.7}.questions details p{font-size:13px;color:var(--muted);line-height:1.95;margin:17px 0 0}.questions a,.guide-section p a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.footer{display:flex;justify-content:space-between;gap:25px;padding:32px 0 42px;color:var(--muted);font-size:11px}.footer strong{font-size:19px;color:var(--ink)}.footer a:hover{color:var(--lime)}
/* The guide uses the same physical control-panel rhythm. */
.guide-heading{padding:50px 0 40px}.guide-heading h1{font-size:clamp(38px,5.5vw,66px);line-height:1.2;letter-spacing:-2px}.guide-heading .eyebrow{margin-bottom:20px}.guide-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.9;margin-top:22px;max-width:680px}.guide-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:55px;align-items:start}.guide-nav{position:sticky;top:30px;padding-bottom:30px}.guide-nav>span{font:10px Consolas,monospace;color:var(--muted);letter-spacing:1.5px;display:block;margin-bottom:20px}.guide-nav a{display:flex;gap:12px;padding:15px 12px;font-size:12px;color:var(--muted);margin-bottom:3px;background:var(--panel)}.guide-nav a b{font:12px Consolas,monospace;color:var(--lime);padding-top:2px}.guide-nav a[aria-current=step]{background:var(--lime);color:var(--dark);font-weight:700}.guide-nav a[aria-current=step] b{color:var(--dark)}.guide-content{min-width:0}.guide-section{padding:0 0 54px;margin-bottom:25px;scroll-margin-top:35px}.guide-section>.eyebrow{margin-bottom:16px}.guide-section h2{font-size:30px}.guide-section p,.guide-section li{font-size:14px;line-height:1.95;color:var(--muted)}.guide-section p strong,.guide-section li strong{color:var(--ink)}.guide-section ol,.guide-section ul{padding-left:23px}.guide-section li{padding-left:5px;margin-bottom:9px}.guide-section .callout{background:var(--raised);padding:19px 23px;font-size:13px;margin:25px 0}.callout strong{display:block;font-size:14px;margin-bottom:5px}.package{background:var(--panel);padding:25px;margin-top:24px;display:flex;gap:25px;justify-content:space-between;align-items:center}.package h3{font-size:16px;margin-bottom:6px}.package .meta{margin:0}.package .cta{font-size:12px;padding:16px 20px;flex-shrink:0}.guide-image{display:block;margin:26px 0 0;background:var(--panel);padding:10px}.guide-image img{display:block;width:100%;height:auto}.guide-caption{font-size:11px!important;line-height:1.8!important;margin:10px 0 24px}.path{display:block;background:var(--panel);padding:18px 22px;color:var(--lime);font:12px/1.9 Consolas,'Microsoft JhengHei',monospace;overflow-wrap:anywhere;white-space:pre-wrap}.inline-code{font-family:Consolas,monospace;background:var(--raised);color:var(--ink);padding:2px 5px;overflow-wrap:anywhere}.guard{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:23px 0}.guard>div{background:var(--panel);padding:22px}.guard h3{font-size:15px}.guard p{font-size:12px;margin:0}.guide-section .questions details{padding:18px 22px}.guide-section .questions summary{font-size:13px}.source-note{font-size:11px!important}.motion-ready [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:980px){.hero{gap:35px}.wrap{width:calc(100% - 56px)}h1{font-size:76px}.hero{padding-top:35px}.lead{font-size:18px}.console-figure{padding:13px}.step-card{padding:24px}.guide-layout{gap:30px;grid-template-columns:160px minmax(0,1fr)}.faq-grid{gap:35px}.title-row .beta{margin-top:0}}
@media(max-width:700px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 36px)}.topbar{height:78px;gap:12px}.brand{font-size:17px;gap:8px}.brand img{width:29px;height:29px}.brand small{font-size:7px}.topbar nav{gap:17px;font-size:11px}.topbar nav .nav-home{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:33px 0 35px}h1{font-size:clamp(68px,16vw,92px);letter-spacing:-4px}.eyebrow{font-size:9px;margin-bottom:22px}.lead{font-size:18px;margin-top:24px}.hero-copy>p:not(.eyebrow):not(.lead):not(.meta):not(.testing){font-size:13px}.features{margin-top:20px;margin-bottom:24px}.hero .cta{width:100%;max-width:none}.testing{font-size:11px;margin-top:20px}.console-figure{width:min(100%,390px);justify-self:center;padding:14px}.console-figure figcaption{font-size:10px}.spec-bar{grid-template-columns:1fr}.spec-bar>div{padding:19px 22px;display:flex;align-items:baseline;gap:17px}.spec-bar b{font-size:13px;margin:0;min-width:92px}.spec-bar span{font-size:11px}.section{padding:45px 0}.section-head{display:block;margin-bottom:22px}.section-head>p{margin-top:18px;max-width:none}.steps{grid-template-columns:1fr}.step-card{display:grid;grid-template-columns:33px 1fr;gap:0 12px;padding:24px}.step-card>span{grid-row:span 2;margin:3px 0 0}.step-card h3{margin-bottom:8px}.step-card p{font-size:13px}.setup-banner{display:block;padding:24px}.setup-banner .cta{margin-top:20px;width:100%}.faq{padding-top:0}.faq-grid{grid-template-columns:1fr;gap:10px}.questions details{padding:20px}.footer{flex-wrap:wrap;font-size:10px;padding-top:20px}.footer>span{order:3;flex-basis:100%}.guide-heading{padding:30px 0}.guide-heading h1{font-size:38px;letter-spacing:-1.6px}.guide-heading>p:last-child{font-size:13px;margin-top:18px}.guide-layout{display:block}.guide-nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 0 35px}.guide-nav>span{grid-column:1/-1;margin-bottom:7px}.guide-nav a{display:block;margin:0;font-size:10px;line-height:1.7;padding:12px}.guide-nav a b{display:block;font-size:11px;margin-bottom:4px}.guide-section{padding-bottom:30px;margin-bottom:20px}.guide-section h2{font-size:26px}.guide-section p,.guide-section li{font-size:13px}.package{display:block;padding:22px}.package .cta{margin-top:18px;width:100%}.guard{grid-template-columns:1fr}.guide-caption{font-size:10px!important}.guide-image{padding:5px;margin-top:20px}.guide-section .callout{padding:18px 20px;font-size:12px}.path{font-size:11px;padding:17px}.source-note{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}}
