:root{
  --bg:#F5F2EC; --card:#fff; --line:#0A0A0A;
  --ink:#0A0A0A; --ink-2:#333; --ink-3:#666; --accent:#FF3B00;
  --serif:"Noto Serif TC",serif;
  --sans:"Noto Sans TC","PingFang TC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);margin:0;padding:48px 20px;line-height:1.8}
main{max-width:760px;margin:0 auto}
a{color:var(--accent)}
a:hover{color:var(--ink)}
.back{color:var(--ink-3);text-decoration:none;font-size:14px}
.back:hover{color:var(--ink)}
.topnav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
h1{font-family:var(--serif);font-weight:700;font-size:36px;margin:24px 0 8px;letter-spacing:0.02em}
.updated{color:var(--ink-3);font-size:13px;margin-bottom:32px}
h2{font-family:var(--serif);font-weight:500;font-size:22px;margin:32px 0 12px}
h3{font-size:16px;font-weight:500;margin:20px 0 8px}
p,li{color:var(--ink-2);font-size:15px}
ul,ol{padding-left:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:20px 24px;margin:16px 0}
footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}
footer a{margin-right:14px}
.brand-mark{font-family:var(--serif);font-weight:900;letter-spacing:0.1em;font-size:18px;color:var(--ink);text-decoration:none}