:root{--bg:#0d1716;--bg2:#101f1e;--panel:#132725;--ink:#f2eee6;--muted:#9eafaa;--teal:#315f5c;--sage:#c7d5cd;--copper:#bd6b4b;--gold:#c3995d;--line:#29413e;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:.04em;text-wrap:balance;margin-top:0}p{margin:0 0 1em}.container{width:min(var(--max),calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:100;background:#fff;color:#000;padding:8px}.site-header{position:sticky;top:0;z-index:40;background:rgba(9,19,18,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{height:72px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-seal{width:38px;height:38px;border:1px solid var(--copper);display:grid;place-items:center;color:var(--copper);font:800 18px var(--serif)}.brand-name{font:700 16px var(--serif);letter-spacing:.06em}.brand-sub{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}.nav-links a{color:var(--muted);font-size:13px;text-decoration:none}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--ink)}.nav-stage{border:1px solid var(--copper);color:#e0a287!important;padding:7px 12px}.menu-btn{display:none;margin-left:auto;border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 10px;font:700 13px var(--sans)}
.hero{padding:82px 0 72px;min-height:700px;display:grid;align-items:center;border-bottom:1px solid var(--line);position:relative}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:72px;align-items:center}.hero h1{font-size:clamp(46px,5.5vw,76px);line-height:1.28;margin-bottom:24px}.hero .lead{font-size:17px;color:var(--muted);max-width:57ch}.actions{display:flex;gap:18px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 20px;border:1px solid var(--copper);color:var(--ink);text-decoration:none;font-weight:800}.btn:hover{background:var(--copper);color:#101716}.btn-link{border-color:transparent;padding-left:0;color:var(--sage)}.arch{border:1px solid var(--line);padding:34px;background:rgba(16,31,30,.7)}.arch-top{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.node{border:1px solid #40615c;padding:18px;text-align:center;min-height:94px;display:grid;place-items:center;background:#102220}.node strong{display:block;font-family:var(--serif);font-size:18px}.node span{display:block;color:var(--muted);font-size:11px}.connector{text-align:center;color:var(--copper);font:20px var(--mono);padding:7px}.core{border:1px solid var(--copper);padding:20px;text-align:center;background:#132624}.core strong{font:700 21px var(--serif)}.data-core{margin:14px 28px 0;border:1px solid var(--gold);border-radius:50%;height:104px;display:grid;place-items:center;color:var(--gold);text-align:center}.data-core span{display:block;color:var(--muted);font:11px var(--mono)}.status-line{padding:18px 0;border-bottom:1px solid var(--line);color:var(--muted)}.status-line strong{color:var(--copper)}
.section{padding:88px 0;border-bottom:1px solid var(--line);position:relative}.section.alt{background:var(--bg2)}.section-head{display:grid;grid-template-columns:.68fr 1.32fr;gap:52px;margin-bottom:42px}.section-head h2{font-size:clamp(29px,3.4vw,43px);line-height:1.35}.section-head p{color:var(--muted);font-size:16px}.label{font:800 11px var(--mono);color:var(--copper);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.rail{border-top:1px solid var(--line)}.rail-row{display:grid;grid-template-columns:170px 1fr 150px;gap:24px;padding:19px 0;border-bottom:1px solid var(--line);align-items:start}.rail-row strong{font-family:var(--serif);font-size:18px}.rail-row p{color:var(--muted);margin:0}.state{color:var(--copper);font:12px var(--mono);text-align:right}.system-map{border:1px solid var(--line);padding:30px}.system-layers{display:grid;gap:12px}.layer{display:grid;grid-template-columns:190px 1fr;gap:24px;border:1px solid var(--line);padding:19px 22px;background:#10201f}.layer strong{font-family:var(--serif);font-size:17px;color:var(--sage)}.layer span{color:var(--muted)}.layer.core-layer{border-color:var(--copper)}.matrix{width:100%;border-collapse:collapse;min-width:720px}.matrix th,.matrix td{border:1px solid var(--line);padding:13px 15px;text-align:left;vertical-align:top}.matrix th{background:#18302e;color:var(--sage);font:700 13px var(--mono)}.matrix td{color:var(--muted)}.matrix td:first-child{color:var(--ink);font-weight:800}.table-wrap{overflow-x:auto}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.col{background:var(--bg);padding:30px}.col h3{font-size:23px}.col ul{padding-left:19px;color:var(--muted)}.control-list{border-top:1px solid var(--line)}.control{display:grid;grid-template-columns:55px .7fr 1.3fr;gap:25px;padding:24px 0;border-bottom:1px solid var(--line)}.control-num{color:var(--copper);font:700 15px var(--mono)}.control h3{font-size:20px;margin:0}.control p{color:var(--muted);margin:0}.roof-band{position:relative;min-height:280px;overflow:hidden;display:grid;align-items:center}.roof-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.32}.roof-band:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 55%,var(--bg))}.roof-copy{position:relative;z-index:2;max-width:570px}.roof-copy h2{font-size:34px}.roof-copy p{color:var(--sage)}
.page-hero{padding:80px 0 60px;border-bottom:1px solid var(--line)}.breadcrumbs{font:12px var(--mono);color:var(--muted);margin-bottom:26px}.breadcrumbs a{text-decoration:none}.page-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:end}.page-hero h1{font-size:clamp(42px,5.8vw,68px);line-height:1.25}.page-hero p{color:var(--muted);font-size:17px}.answer{border-left:2px solid var(--copper);padding:18px 24px;background:var(--bg2)}.answer h2{font-size:21px;margin-bottom:7px}.answer p{margin:0;color:var(--sage)}.doc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.doc-item{background:var(--bg);padding:28px;text-decoration:none}.doc-item:hover{background:var(--panel)}.doc-item span{display:block;color:var(--copper);font:11px var(--mono);margin-bottom:8px}.doc-item strong{display:block;font:700 21px var(--serif)}.doc-item p{color:var(--muted);margin:8px 0 0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.phase{padding:28px;border-right:1px solid var(--line)}.phase:last-child{border-right:0}.phase .phase-id{color:var(--copper);font:11px var(--mono)}.phase h3{font-size:20px;margin:8px 0}.phase p,.phase li{color:var(--muted);font-size:14px}.phase ul{padding-left:18px}.notice{border:1px solid var(--copper);padding:24px;color:var(--sage);background:#12211f}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:21px 42px 21px 0;cursor:pointer;list-style:none;position:relative;font:700 18px var(--serif)}summary::-webkit-details-marker{display:none}summary:after{content:"＋";position:absolute;right:4px;color:var(--copper)}details[open] summary:after{content:"－"}details p{color:var(--muted);max-width:80ch;padding-bottom:22px}.cta{padding:56px 0;background:var(--copper);color:#111817}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta h2{font-size:32px;margin-bottom:5px}.cta p{margin:0}.cta .btn{border-color:#111817;color:#111817}
.site-footer{padding:54px 0 22px;background:#091110}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:46px}.site-footer h2{font-size:20px}.site-footer h3{font:800 11px var(--mono);color:var(--muted);letter-spacing:.1em}.site-footer p,.site-footer a{color:#849691;font-size:13px}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0}.site-footer a{text-decoration:none}.footer-bottom{margin-top:34px;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#60726e;font-size:11px}
@media(max-width:920px){.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#0c1817;border-bottom:1px solid var(--line);padding:22px 24px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}.hero-grid,.section-head,.page-hero-grid,.cta-grid{grid-template-columns:1fr}.arch-top{grid-template-columns:1fr}.rail-row{grid-template-columns:140px 1fr}.state{grid-column:2;text-align:left}.three-cols{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.phase:nth-child(2){border-right:0}.phase:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:min(100% - 32px,var(--max))}.nav-wrap{height:64px}.nav-links{top:64px}.brand-name{font-size:14px}.hero{padding:56px 0}.hero h1{font-size:42px}.arch{padding:20px}.data-core{margin:12px 0}.section{padding:58px 0}.section-head{gap:12px}.rail-row,.control,.layer{grid-template-columns:1fr;gap:8px}.state{grid-column:auto}.three-cols,.doc-list,.timeline{grid-template-columns:1fr}.phase{border-right:0;border-bottom:1px solid var(--line)}.phase:last-child{border-bottom:0}.page-hero{padding:58px 0 42px}.page-hero h1{font-size:42px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
