:root{
  --forest:#228B22; --forest-deep:#155515; --forest-ink:#0e3b10;
  --gold:#FFD700; --grain:#D2B48C;
  --cream:#F7F1E6; --cream-2:#FBF7EE; --line:#E7DAC6; --ink:#2B2620; --grey:#6b6357;
  --shadow:0 22px 60px rgba(43,38,32,.14); --shadow-sm:0 8px 24px rgba(43,38,32,.08);
  --warn:#d9822b; --danger:#b22222;
  --serif:"Noto Serif TC",serif;
  --sans:"PingFang TC","Noto Sans TC","Microsoft JhengHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* NAV */
header.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:18px}
.logo{font-family:var(--serif);font-weight:900;font-size:21px;letter-spacing:.06em;color:var(--forest);white-space:nowrap}
.logo span{color:var(--gold);-webkit-text-stroke:.4px var(--grain)}
.nav-links{display:flex;gap:22px;font-size:14.5px;color:var(--grey);font-weight:600}
.nav-links a:hover{color:var(--forest)}
@media(max-width:760px){.nav-links{display:none}}

/* meters */
.meter{display:inline-flex;gap:3px;vertical-align:middle}
.meter i{width:9px;height:9px;border-radius:2px;background:var(--line)}
.meter i.on{background:var(--forest)}
.meter.noise i.on{background:var(--warn)}
.meter.diff i.on{background:#b06a2b}
.stars{color:var(--gold);letter-spacing:1px}

/* badges */
.cites{font-size:12px;font-weight:800;padding:3px 10px;border-radius:999px}
.cites.c-none{background:#eef6ee;color:var(--forest)}
.cites.c-2{background:#fff4d6;color:#9a6a00}
.cites.c-1{background:#fdeaea;color:var(--danger)}
.chip{display:inline-block;font-size:12.5px;color:var(--forest);background:#eef6ee;padding:4px 11px;border-radius:999px;font-weight:600}

footer{background:var(--ink);color:#9d8f78;padding:40px 0;text-align:center;margin-top:60px}
footer .flogo{font-family:var(--serif);font-size:20px;color:#fff;font-weight:900;margin-bottom:6px}
footer .flogo span{color:var(--gold)}
footer small{font-size:12.5px;display:block;margin-top:10px;line-height:1.7}