:root{color-scheme:dark;--bg:#0b1214;--panel:#141f20;--text:#ebf4ee;--muted:#adbbb4;--line:#2b4038;--accent:#8fe0a4}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;color:var(--text);font:16px/1.75 system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif}
a{color:var(--accent);text-underline-offset:4px}
a:hover{color:#c5ffce}
.shell{width:min(920px,calc(100% - 48px));margin:0 auto}
.masthead{min-height:92px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}
.brand-link{display:inline-flex;gap:12px;align-items:center;text-decoration:none;color:var(--text)}
.brand-mark{display:inline-grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font:700 19px/1 ui-monospace,monospace;width:39px;height:39px;border-radius:10px;flex:none}
.brand{font-weight:650;letter-spacing:.02em;font-size:15px}
.tag{margin-left:auto;letter-spacing:.17em;font:600 10px/1.2 ui-monospace,monospace;color:var(--accent)}
main{padding:68px 0 62px}
.eyebrow{font:650 12px/1.4 ui-monospace,monospace;letter-spacing:.21em;color:var(--accent);margin:0 0 20px}
h1{font-size:clamp(30px,5vw,49px);line-height:1.28;letter-spacing:-.025em;margin:0 0 27px;font-weight:670}
.lead{max-width:770px;font-size:18px;line-height:1.85;color:#dce8df;margin:0 0 18px}
.en{color:var(--muted);font-size:15px}
.rule{height:1px;background:var(--line);margin:43px 0}
section{margin:36px 0}
h2{font-size:20px;line-height:1.5;margin:0 0 17px;font-weight:660}
h2 span{font-size:12px;color:var(--muted);font-weight:400}
p{margin:10px 0;color:#cbd8d0}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.features>div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:19px}
.features strong{color:var(--accent);font-weight:650}
.features p{font-size:14px;margin-bottom:0}
.note{font-size:14px;color:var(--muted)}
.meta{color:var(--muted);font-size:13px}
.policy section{margin:29px 0 35px}
.policy section h2{margin-bottom:7px}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:25px 0 43px;font-size:13px}
footer span{color:var(--muted)}
@media (max-width:700px){main{padding:45px 0}.features{grid-template-columns:1fr}.shell{width:min(100% - 32px,920px)}.masthead{min-height:78px}.tag{font-size:9px}.brand{font-size:13px}footer{flex-direction:column;align-items:flex-start;gap:8px}}