:root {
  color-scheme: light dark;
  --bg: #f6f8fc;
  --surface: #ffffff;
  --text: #172033;
  --muted: #5f6b7c;
  --line: #dfe5ee;
  --brand: #1d4ed8;
  --soft: #eff6ff;
  --bg-body: var(--bg);
  --bg-surface: var(--surface);
  --bg-panel: var(--surface);
  --text-main: var(--text);
  --text-muted: var(--muted);
  --border: var(--line);
  --accent: var(--brand);
  --tag-bg: var(--soft);
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#090f1c; --surface:#111827; --text:#f8fafc; --muted:#a7b2c3; --line:#263247; --brand:#93c5fd; --soft:#172554; }
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang HK","Noto Sans TC",sans-serif; }
a { color:var(--brand); }
.sitebar { border-bottom:1px solid var(--line); background:color-mix(in srgb,var(--surface) 92%,transparent); }
.sitebar-inner,.page,.site-footer { width:min(880px,calc(100% - 32px)); margin:auto; }
.sitebar-inner { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { color:var(--text); text-decoration:none; font-weight:850; letter-spacing:-.02em; }
.nav { display:flex; flex-wrap:wrap; gap:14px; font-size:.9rem; }
.nav a { color:var(--muted); text-decoration:none; font-weight:650; }
.nav a:hover { color:var(--brand); }
.page { margin-top:40px; margin-bottom:40px; padding:clamp(24px,5vw,54px); border:1px solid var(--line); border-radius:20px; background:var(--surface); box-shadow:0 18px 45px rgba(15,23,42,.07); }
.eyebrow { color:var(--brand); font-size:.78rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
h1 { margin:.35rem 0 .5rem; font-size:clamp(2rem,6vw,3.2rem); line-height:1.15; letter-spacing:-.045em; }
h2 { margin:2rem 0 .45rem; font-size:1.25rem; line-height:1.35; }
p,li { color:var(--muted); }
.updated { margin:0 0 2rem; font-size:.88rem; }
.notice { margin:1.5rem 0; padding:16px 18px; border-left:4px solid var(--brand); border-radius:10px; background:var(--soft); }
.notice p { margin:0; color:var(--text); }
.contact-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:1.5rem 0; }
.contact-card { padding:20px; border:1px solid var(--line); border-radius:14px; text-decoration:none; background:var(--bg); }
.contact-card strong,.contact-card span { display:block; }
.contact-card span { margin-top:4px; color:var(--muted); font-size:.9rem; }
.site-footer { padding:0 0 42px; display:flex; flex-wrap:wrap; gap:14px; color:var(--muted); font-size:.85rem; }
.site-footer a { color:var(--muted); }
@media (max-width:620px) { .sitebar-inner { align-items:flex-start; flex-direction:column; padding:14px 0; } .contact-grid { grid-template-columns:1fr; } }