/* Brand and readable, server-rendered editorial content. */
:root{--site-bg:#0d1322;--site-panel:#151f30;--site-text:#e8ecf4;--site-dim:#a7b1c4;--site-gold:#f2c14e;--site-edge:#2a3549}
html{scroll-behavior:smooth;scroll-padding-top:28px}
.site-nav,.seo-content,.site-footer{box-sizing:border-box;font-family:var(--sans,system-ui,sans-serif)}
.site-nav{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;font-size:12px;margin-bottom:0;min-height:40px}
.site-nav a,.site-footer a{color:var(--dim,var(--site-dim));text-decoration:none}
.site-nav .nav-brand{display:flex;align-items:center;gap:9px;font:800 14px/1 system-ui,sans-serif;letter-spacing:2px;color:var(--chalk,var(--site-text))}
.site-nav>div{display:flex;gap:24px;flex-wrap:wrap}
.site-nav a:hover,.site-footer a:hover{color:var(--amber,var(--site-gold))}
#start h1 .en{gap:15px;font-size:clamp(42px,6.3vw,78px);letter-spacing:-.02em}
.brand-emblem{width:clamp(48px,7vw,72px);height:auto;flex-shrink:0}
#start .wrap{row-gap:24px}
#start .hero{min-width:0}
.seo-content{max-width:1140px;margin:0 auto;padding:64px 0 20px;color:var(--chalk,var(--site-text));border-top:1px solid var(--edge,var(--site-edge))}
.section-label{font:700 11px/1.5 ui-monospace,monospace;letter-spacing:2.5px;color:var(--amber,var(--site-gold));margin-bottom:14px}
.seo-content h2{font-size:clamp(25px,3.2vw,37px);letter-spacing:-.02em;line-height:1.4;margin:0 0 20px}
.section-lead{font-size:16px;line-height:1.95;max-width:780px;color:var(--dim,var(--site-dim));margin:0 0 30px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:35px 0}
.feature-grid article{padding:27px 23px;border:1px solid var(--edge,var(--site-edge));background:var(--panel,var(--site-panel));border-radius:16px}
.feature-grid article>span{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:1px;color:var(--amber,var(--site-gold))}
.feature-grid h3,.guide-callout h3{font-size:18px;margin:15px 0 10px}
.feature-grid p,.guide-callout p{color:var(--dim,var(--site-dim));font-size:14px;line-height:1.9;margin:0}
.guide-callout{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--edge,var(--site-edge));padding:24px 0;margin:38px 0 65px}
.guide-callout h3{margin-top:0}.text-link,.article a{color:var(--amber,var(--site-gold));text-underline-offset:5px;font-size:14px}.text-link{display:inline-block;margin:20px 0}
.faq-list{border-top:1px solid var(--edge,var(--site-edge));margin-top:25px}
.faq-list details{border-bottom:1px solid var(--edge,var(--site-edge));padding:0 3px}
.faq-list summary{padding:22px 30px 22px 0;font-size:16px;cursor:pointer;list-style:none;position:relative;font-weight:650;line-height:1.6}
.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';position:absolute;right:3px;color:var(--amber,var(--site-gold));font:24px/1.2 system-ui}
.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:15px;color:var(--dim,var(--site-dim));line-height:1.95;margin:0 28px 24px 0;max-width:850px}
.site-footer{max-width:1140px;margin:50px auto 0;padding:28px 0 35px;border-top:1px solid var(--edge,var(--site-edge));display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:18px;font-size:12px}
.site-footer>a{font-weight:700;color:var(--chalk,var(--site-text))}.site-footer nav{display:flex;gap:24px}.site-footer p{width:100%;font-size:12px;color:var(--dim,var(--site-dim));margin:0}
.content-page{background:var(--site-bg);color:var(--site-text);font:16px/1.8 system-ui,-apple-system,'PingFang TC','Microsoft JhengHei',sans-serif;margin:0;padding:0 24px}
.content-page .site-nav{max-width:1140px;margin:0 auto;padding:25px 0;border-bottom:1px solid var(--site-edge)}
.article{max-width:820px;margin:65px auto 80px}.article h1{font-size:clamp(30px,5vw,44px);line-height:1.4;letter-spacing:-1px;margin:22px 0}.article .back-link{font-size:13px;color:var(--site-dim);text-decoration:none}.guide-step{margin:40px 0}.guide-step h2{font-size:23px;line-height:1.6}.guide-step p,.guide-step li{color:var(--site-dim);line-height:2}.guide-step ol{padding-left:24px}.article .play-link{display:inline-block;color:#131a27;background:var(--site-gold);padding:14px 23px;border-radius:10px;text-decoration:none;font-weight:750;margin-top:38px}
:where(a,summary):focus-visible{outline:2px solid var(--amber,var(--site-gold));outline-offset:5px}
@media(min-width:900px){#start .wrap{min-height:auto;padding-top:24px;padding-bottom:64px}}
@media(max-width:1180px){.seo-content,.site-footer{margin-left:24px;margin-right:24px}}
@media(max-width:650px){.site-nav{align-items:flex-start;gap:14px;flex-direction:column}.site-nav>div{gap:18px;font-size:12px}.feature-grid{grid-template-columns:1fr}.seo-content{padding-top:38px}.guide-callout{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:40px}.site-footer nav{gap:15px;flex-wrap:wrap}.site-footer{align-items:flex-start;flex-direction:column}#start h1 .en{font-size:clamp(36px,10vw,64px);gap:12px}.brand-emblem{width:52px}.article{margin-top:35px}.faq-list summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.site-language{display:flex;justify-content:flex-end;gap:5px;max-width:1140px;margin:12px auto 0}.site-language button{font:600 12px/1.5 system-ui,sans-serif;border:1px solid var(--site-edge);background:var(--site-panel);color:var(--site-dim);padding:6px 10px;border-radius:6px;cursor:pointer}.site-language button.on{background:var(--site-gold);color:var(--site-bg);border-color:var(--site-gold)}.site-language button:focus-visible{outline:2px solid var(--site-gold);outline-offset:3px}

.related-sites{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin:16px 0;font-size:12px}.related-sites a{text-decoration:none}.related-sites a:hover{text-decoration:underline}