:root{
  --font-head:"Noto Serif TC","Cormorant Garamond",serif;--font-body:"Noto Sans TC",system-ui,sans-serif;
  --r-card:10px;--r-btn:8px;--r-pill:99px;
  --btn-border:1px solid transparent;--tile-border:1px solid var(--line);--shadow:none;--nav-border:1px solid var(--line);
  --bg:#f4f0e8;--surface:#fbf9f4;--ink:#1d1b18;--muted:#6c665d;--line:#d9d2c4;--accent:#8c3b2e;--accent2:#b79b5d;
  --btn-bg:#1d1b18;--btn-ink:#f4f0e8;--chip-bg:#1d1b18;--chip-ink:#f4f0e8;--nav-bg:rgba(244,240,232,.92);
  --bar-bg:#1d1b18;--bar-ink:#e9e2d2;--band-bg:#1d1b18;--band-ink:#f4f0e8;
  --ph-s:22%;--ph-l1:80%;--ph-l2:66%;--on-accent:#fff;
}
html[data-palette="2"]{
  --bg:#fff2fa;--surface:#ffffff;--ink:#1b1030;--muted:#5e4b7a;--line:#e3c9dc;--accent:#ff2e93;--accent2:#b6ff3c;
  --btn-bg:#ff2e93;--btn-ink:#ffffff;--chip-bg:#b6ff3c;--chip-ink:#1b1030;--nav-bg:rgba(255,242,250,.94);
  --bar-bg:#b6ff3c;--bar-ink:#1b1030;--band-bg:#1b1030;--band-ink:#fff2fa;--ph-s:90%;--ph-l1:78%;--ph-l2:68%;--on-accent:#fff;
}
html[data-palette="3"]{
  --bg:#eef1f4;--surface:#ffffff;--ink:#1c2530;--muted:#5d6b7a;--line:#cfd8e0;--accent:#3f6a8a;--accent2:#a9bfd0;
  --btn-bg:#1c2530;--btn-ink:#eef1f4;--chip-bg:#1c2530;--chip-ink:#eef1f4;--nav-bg:rgba(238,241,244,.92);
  --bar-bg:#1c2530;--bar-ink:#dbe3ea;--band-bg:#1c2530;--band-ink:#eef1f4;--ph-s:25%;--ph-l1:80%;--ph-l2:66%;--on-accent:#fff;
}
html[data-palette="4"]{
  --bg:#14100f;--surface:#1d1816;--ink:#f1e7d8;--muted:#b8a98f;--line:#3a2f2a;--accent:#d4af6a;--accent2:#8c6d2f;
  --btn-bg:#d4af6a;--btn-ink:#14100f;--chip-bg:#d4af6a;--chip-ink:#14100f;--nav-bg:rgba(20,16,15,.92);
  --bar-bg:#000000;--bar-ink:#d4af6a;--band-bg:#000000;--band-ink:#f1e7d8;--ph-s:30%;--ph-l1:42%;--ph-l2:28%;--on-accent:#14100f;
}
html[data-palette="5"]{
  --bg:#f7eeea;--surface:#fffaf7;--ink:#3a2a2a;--muted:#7d6a66;--line:#e5d2ca;--accent:#b5655f;--accent2:#d9b8a8;
  --btn-bg:#3a2a2a;--btn-ink:#f7eeea;--chip-bg:#3a2a2a;--chip-ink:#f7eeea;--nav-bg:rgba(247,238,234,.92);
  --bar-bg:#b5655f;--bar-ink:#ffffff;--band-bg:#3a2a2a;--band-ink:#f7eeea;--ph-s:30%;--ph-l1:82%;--ph-l2:70%;--on-accent:#fff;
}
html[data-palette="4"]{color-scheme:dark}
h1{font-weight:600;letter-spacing:.06em}
h2{font-weight:600;letter-spacing:.04em}
.eyebrow{font-family:"Cormorant Garamond",serif;font-size:15px}
.tile{padding:14px}
.tile .ph{outline:1px solid var(--line);outline-offset:6px;margin:6px 6px 0}
.tile .cap{padding:18px 6px 6px;font-size:13px;letter-spacing:.04em;flex-direction:column;gap:2px}
.tile .cap b{font-family:"Cormorant Garamond",serif;font-size:15px;letter-spacing:.12em;color:var(--accent)}
.hero-art .ph{outline:1px solid var(--ink);outline-offset:12px;margin:12px}
.hero h1{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:14px 0;margin-bottom:20px;display:inline-block}
.btn{letter-spacing:.2em;font-weight:500}
.pal{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pal-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:99px;padding:10px 18px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.18)}
.pal-toggle b{color:var(--accent)}
.pal-panel{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 8px 28px rgba(0,0,0,.22);width:min(280px,calc(100vw - 32px))}
.pal-opt{display:flex;align-items:center;gap:12px;width:100%;padding:8px 10px;border:1.5px solid transparent;background:transparent;color:inherit;border-radius:10px;font:inherit;font-size:14px;cursor:pointer;text-align:left}
.pal-opt:hover{background:var(--bg)}
.pal-opt.on{border-color:var(--accent)}
.dots{display:flex}
.dots i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(128,128,128,.55);margin-left:-5px}
.dots i:first-child{margin-left:0}
.pal-panel .note{margin:6px 6px 2px}