:root{--bg:#070b14;--panel:#0e1524;--line:#1e2a40;--text:#eef2f8;--mute:#98a4ba;--soft:#c0cadc;--amber:#f2b84b;--amber-ink:#1a1204;--sans:-apple-system,"PingFang TC","Noto Sans CJK TC","Microsoft JhengHei",sans-serif;--mono:ui-monospace,"SF Mono",Consolas,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 var(--sans)}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.top{position:absolute;top:0;left:0;right:0;z-index:2}
header.top.solid{position:static;border-bottom:1px solid var(--line);background:#04070d}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font:800 22px/1 var(--sans);letter-spacing:.02em}
.brand b{font:800 13px/1 var(--mono);background:var(--amber);color:var(--amber-ink);padding:5px 7px;border-radius:3px}
nav.main{display:flex;gap:2px;flex-wrap:wrap}
nav.main a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-size:15px;color:#dfe6f3}
nav.main a:hover{color:var(--amber)}
.nb{white-space:nowrap}
.crumb{border-bottom:1px solid var(--line)}
.crumb ol{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;font-size:14px;color:var(--mute)}
.crumb li{display:flex;align-items:center}
.crumb li+li::before{content:"›";margin:0 8px;color:var(--line)}
.crumb a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;color:var(--soft)}
.crumb a:hover{color:var(--amber)}
.page-head{padding:36px 0 8px}
.page-head h1{font:800 clamp(28px,4.4vw,42px)/1.25 var(--sans);margin:0 0 10px;max-width:20em;letter-spacing:-.01em;text-wrap:balance}
.page-head .lead{margin:0;max-width:40em;color:#cdd6e6}
.prose{max-width:46em}
.prose h2{margin-top:36px}
.prose p,.prose li{color:var(--soft)}
.prose a{color:var(--amber)}
section{padding:44px 0 8px}
h2{font:800 28px/1.3 var(--sans);margin:0 0 6px}
.sub{color:var(--mute);margin:0 0 22px;font-size:15px}
.notice{margin:20px 0;padding:12px 16px;border-left:3px solid var(--amber);background:var(--panel);font-size:14px;color:var(--text)}
.notice.ph{border-left-color:var(--mute);border-style:dashed;border-width:1px 1px 1px 3px;border-color:var(--mute);color:var(--mute)}
.go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:6px;background:var(--amber);color:var(--amber-ink);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.go:hover{filter:brightness(1.08)}
.prose a.go{color:var(--amber-ink)}
.more{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--amber);text-decoration:none;font-size:15px}
.sec-note{font-size:13px;color:var(--mute);margin:12px 0 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none}
a.sc:hover{border-color:var(--amber)}
.sc .lg{height:96px;display:grid;place-items:center;background:linear-gradient(135deg,#131c30,#0a1020);border-bottom:1px solid var(--line)}
.sc .lg img{max-height:44px;max-width:62%;width:auto;height:auto}
.sc .lg .wm{font:800 30px/1 var(--mono);color:var(--amber);letter-spacing:.06em}
.sc .bd{padding:16px 20px 18px;display:flex;flex-direction:column;flex:1}
.sc h3{font:800 19px/1.3 var(--sans);margin:0}
.sc .st{font:12px var(--mono);letter-spacing:.06em;color:var(--amber);margin:2px 0 8px}
.sc p{margin:0;color:var(--mute);font-size:14px;line-height:1.6}
.sc .go2{margin-top:auto;padding-top:10px;color:var(--amber);font-size:14px}
.sc.wait{border-style:dashed}
.sc.wait .lg{opacity:.7}
.sc.wait .st{color:var(--mute)}
.games{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0;padding:0}
.gc{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;height:100%}
.gc img{display:block;width:100%;height:auto;aspect-ratio:339/180;object-fit:cover;background:#0a1020}
.gc .bd{padding:16px 18px;display:flex;flex-direction:column;flex:1}
.gc h3{font:800 18px/1.35 var(--sans);margin:0}
.gc h3 small{display:block;font:500 13px var(--sans);color:var(--mute)}
.gc .sp{font-size:13px;color:var(--mute);margin:2px 0 8px}
.gc .rt{font:800 28px/1 var(--mono);color:var(--amber);margin-top:2px}
.gc .rt small{font:500 11px var(--sans);color:var(--mute);margin-left:6px;letter-spacing:.04em}
.gc .ex{font-size:13px;color:var(--soft);margin:6px 0 0}
.gc .src{font-size:12px;color:var(--mute);margin:8px 0 12px}
.gc .go{margin-top:auto;width:100%}
.log{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.log li{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.log time{font:13px var(--mono);color:var(--mute);min-width:96px;padding-top:3px}
.faq{display:grid;gap:10px}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 18px}
.faq summary{min-height:56px;display:flex;align-items:center;cursor:pointer;font-weight:700;font-size:17px;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;color:var(--amber);font:700 22px var(--mono)}
.faq details[open] summary::after{content:"−"}
.faq p{margin:0 0 16px;color:var(--soft)}
.faq a{color:var(--amber)}
footer{margin-top:48px;border-top:1px solid var(--line);padding:30px 0 48px;background:#04070d}
.trust{display:flex;gap:16px;max-width:54em}
.age{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid var(--amber);display:grid;place-items:center;font:700 14px var(--mono);color:var(--amber)}
.trust p{margin:0 0 8px;font-size:14px;color:var(--mute)}
footer nav{display:flex;flex-wrap:wrap;margin-top:18px}
footer nav a{display:inline-flex;align-items:center;min-height:44px;padding-right:16px;font-size:14px}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
@media(max-width:900px){.grid3,.games{grid-template-columns:1fr}}
@media(min-width:601px) and (max-width:900px){.games{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){header.top .wrap{flex-wrap:wrap;padding-top:6px}nav.main{width:100%}.log li{flex-direction:column;gap:2px}}
section.article{padding-top:28px}
.prose h2{font:800 22px/1.35 var(--sans);margin:34px 0 8px}
.prose h2:first-child{margin-top:0}
.prose ul,.prose ol{margin:0 0 16px;padding-left:1.4em}
.prose li{margin:4px 0}
.prose p{margin:0 0 14px}
.prose .upd{font-size:13px;color:var(--mute)}
.prose code{font:13px var(--mono);color:var(--amber)}
.tag{display:inline-block;font:12px/1.5 var(--mono);color:var(--mute);border:1px dashed var(--mute);padding:0 5px;margin:0 2px;border-radius:3px;vertical-align:baseline}
.prose li.ph,.faq details.ph{border:1px dashed var(--mute);border-radius:6px;padding:4px 10px;list-style-position:inside}
.faq details.ph{padding:0 18px}
.tablewrap{position:relative;overflow-x:auto;margin:0 0 16px}
.tablewrap table{border-collapse:collapse;min-width:100%}
.tablewrap th,.tablewrap td{border:1px solid var(--line);padding:10px 12px;text-align:left;font-size:15px;color:var(--soft)}
.tablewrap th{background:var(--panel);color:var(--text)}
.supplier .tablewrap th:first-child,.supplier .tablewrap td:first-child,.supplier .tablewrap td code{white-space:nowrap}
.supplier .tablewrap td{min-width:7em}
.prose p,.prose li,.faq p{overflow-wrap:anywhere}
.vol{fill:var(--soft);vertical-align:middle}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}