:root{ --ground:#FBF7F2; --card:#FFFDFB; --line:#EADFD3; --line-soft:#F3EBE2;
  --ink:#3F3529; --ink-2:#7C6C5C; --ink-3:#AC9B88; --rose:#C68A63; }
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#17120E; --card:#241D17; --line:#3A3027; --line-soft:#2E2620;
  --ink:#F1E9DF; --ink-2:#C0B1A1; --ink-3:#8B7C6C; --rose:#D9A17C; }}
:root[data-theme="dark"]{ --ground:#17120E; --card:#241D17; --line:#3A3027; --line-soft:#2E2620;
  --ink:#F1E9DF; --ink-2:#C0B1A1; --ink-3:#8B7C6C; --rose:#D9A17C; }
*{box-sizing:border-box}
body{margin:0; background:var(--ground); color:var(--ink); font-size:15.5px; line-height:1.85;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;}
.wrap{max-width:720px; margin:0 auto; padding:34px 20px 80px;}
.top{display:flex; align-items:center; gap:11px; margin-bottom:26px;}
.top .lg{width:38px; height:38px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg,#DCA97F,#C68A63); color:#fff;
  font-family:"Noto Serif TC",serif; font-size:18px; font-weight:700;}
.top b{font-family:"Noto Serif TC",serif; font-size:17px; letter-spacing:.06em;}
.top a{margin-left:auto; font-size:13px; color:var(--ink-3); text-decoration:none;}
h1{font-family:"Noto Serif TC",serif; font-size:26px; margin:0 0 6px;}
.upd{color:var(--ink-3); font-size:13px; margin:0 0 26px;}
h2{font-size:17px; margin:32px 0 10px; padding-top:20px; border-top:1px solid var(--line-soft);}
h3{font-size:15px; margin:20px 0 6px; color:var(--rose);}
p,li{color:var(--ink-2); font-size:14.5px;}
ul{padding-left:20px; margin:8px 0;}
li{margin-bottom:5px;}
b,strong{color:var(--ink);}
.box{background:var(--card); border:1px solid var(--line); border-radius:16px;
  padding:16px 18px; margin:16px 0;}
.box p:first-child{margin-top:0;} .box p:last-child{margin-bottom:0;}
.fill{background:#FBF3E0; border-color:#9A6B14; color:#6B4A0E;}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fill{
  background:#332810; border-color:#E0B25C; color:#E0B25C;}}
.fill b{color:inherit;}
table{width:100%; border-collapse:collapse; margin:14px 0; font-size:14px;}
th,td{text-align:left; padding:9px 10px; border-bottom:1px solid var(--line-soft);
  vertical-align:top; color:var(--ink-2);}
th{color:var(--ink); font-weight:700; white-space:nowrap;}
.ft{margin-top:44px; padding-top:20px; border-top:1px solid var(--line-soft);
  color:var(--ink-3); font-size:13px;}
a{color:var(--rose);}
