:root{--night-bg:#0D1915;--night-surface:#13241E;--night-line:#2A3D35;--night-gold:#CFB77D;--night-gold-glow:#E3CF9A;--night-ivory:#F3ECDB;--night-moon:#B9C4BE;--night-muted:#8FA39A;--night-on-gold:#0D1915;--night-danger:#E9A091;--day-paper:#F5F2EB;--day-card:#FFFDF8;--day-rule:#E3DED2;--day-ink:#182C25;--day-muted:#5C6B64;--day-gold-ink:#7D5F27;--day-moving:#A38346;--day-moving-soft:#F6EEDC;--day-on-ink:#F3ECDB;--day-danger:#8E3B2E;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-48:48px;--r-chip:6px;--r-control:14px;--r-card:16px;--r-sheet:24px;--r-pill:999px;--gutter-day:20px;--gutter-night:24px;--latin:"Cormorant Garamond", serif;--eyebrow-ls:0.22em;--display-size:34px;--display-lh:1.2;--headline-size:28px;--headline-lh:1.3;--title-size:20px;--title-lh:1.4;--body-size:16px;--body-lh:1.6;--label-size:14px;--label-lh:1.5;--caption-size:12px;--caption-lh:1.4;--eyebrow-size:12px;--eyebrow-lh:1.4}
:lang(zh-Hant){--serif:"Noto Serif TC", serif;--sans:"Jost", "PingFang TC", "Noto Sans TC", system-ui, sans-serif}
:lang(zh-Hans){--serif:"Noto Serif SC", serif;--sans:"Jost", "PingFang SC", "Noto Sans SC", system-ui, sans-serif}
:lang(en){--serif:"Cormorant Garamond", serif;--sans:"Jost", system-ui, sans-serif;--display-size:38px;--headline-size:31px;--title-size:22px;--body-size:17px;--label-size:15px;--caption-size:13px;--body-lh:1.5}
:lang(ja){--serif:"Noto Serif JP", serif;--sans:"Jost", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--body-lh:1.7}
:lang(ko){--serif:"Noto Serif KR", serif;--sans:"Jost", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}
/* 官網版面（ADR 0009）：只引用上方由 design/tokens.json 產生的變數 */
*, *::before, *::after { box-sizing: border-box; margin: 0; }
html { -webkit-text-size-adjust: 100%; }
body {
  background: var(--day-paper); color: var(--day-ink);
  font: 400 var(--body-size)/var(--body-lh) var(--sans);
}
:lang(ko) { word-break: keep-all; }
:lang(ja), :lang(zh-Hant), :lang(zh-Hans) { line-break: strict; }
a { color: inherit; }
:focus-visible { outline: 2px solid var(--day-gold-ink); outline-offset: 2px; }
.night :focus-visible { outline-color: var(--night-gold); }

.eyebrow {
  font: 600 var(--eyebrow-size)/var(--eyebrow-lh) var(--latin);
  letter-spacing: var(--eyebrow-ls); text-transform: uppercase;
}
.langs { display: flex; flex-wrap: wrap; justify-content: flex-end; column-gap: var(--sp-16); font-size: var(--label-size); }
.langs a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }

/* 夜：首屏 */
.night {
  background: radial-gradient(ellipse at 50% 0%, var(--night-surface), var(--night-bg) 70%) var(--night-bg);
  color: var(--night-ivory); padding: var(--sp-8) var(--gutter-night) var(--sp-48);
}
.night .langs a { color: var(--night-moon); }
.night .langs a[aria-current] { color: var(--night-gold); }
.hero {
  min-height: 72vh; max-width: 560px; margin: 0 auto; padding-top: var(--sp-32);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--sp-12); text-align: center;
}
.hero .emblem { width: 112px; height: 112px; color: var(--night-gold); margin-bottom: var(--sp-16); }
.brand { font: 700 var(--display-size)/var(--display-lh) var(--serif); }
.wordmark { font: 600 var(--headline-size)/var(--headline-lh) var(--latin); }
h1.wordmark { font-size: var(--display-size); }
.hero .eyebrow { color: var(--night-gold); margin-top: var(--sp-8); }
.lead { color: var(--night-moon); }
.pill {
  margin-top: var(--sp-16); padding: var(--sp-8) var(--sp-16); border: 1px solid var(--night-line); border-radius: var(--r-pill);
  font-size: var(--label-size); line-height: var(--label-lh);
}

/* 晝：內容 */
.day { padding: var(--sp-48) var(--gutter-day); }
.cards { display: grid; gap: var(--sp-16); max-width: 960px; margin: 0 auto; }
@media (min-width: 768px) { .cards { grid-template-columns: repeat(3, 1fr); } }
.card { background: var(--day-card); border: 1px solid var(--day-rule); border-radius: var(--r-card); padding: var(--sp-24); }
.card .eyebrow { color: var(--day-gold-ink); }
.card h2 { font: 600 var(--title-size)/var(--title-lh) var(--serif); margin: var(--sp-8) 0; }
.card p:last-child { color: var(--day-muted); }

.foot {
  border-top: 1px solid var(--day-rule); padding: var(--sp-24) var(--gutter-day) var(--sp-48);
  text-align: center; color: var(--day-muted); font-size: var(--label-size); line-height: var(--label-lh);
}
.foot nav { display: flex; flex-wrap: wrap; justify-content: center; column-gap: var(--sp-24); }
.foot nav a { display: inline-flex; align-items: center; min-height: 44px; color: var(--day-gold-ink); }

/* 晝：條款 */
.bar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: var(--sp-16);
  padding: var(--sp-4) var(--gutter-day); border-bottom: 1px solid var(--day-rule); background: var(--day-card);
}
.bar .home { display: inline-flex; align-items: center; gap: var(--sp-8); min-height: 44px; text-decoration: none; font: 600 var(--title-size)/1 var(--serif); }
.bar .emblem { width: 28px; height: 28px; color: var(--day-gold-ink); }
.bar .langs a { color: var(--day-muted); }
.bar .langs a[aria-current] { color: var(--day-ink); }
.legal { max-width: 720px; margin: 0 auto; padding: var(--sp-48) var(--gutter-day); }
.legal h1 { font: 700 var(--headline-size)/var(--headline-lh) var(--serif); }
.legal .meta { margin: var(--sp-8) 0 var(--sp-24); color: var(--day-muted); font-size: var(--label-size); }
.legal h2 { font: 600 var(--title-size)/var(--title-lh) var(--serif); margin: var(--sp-32) 0 var(--sp-12); }
.legal p, .legal li { margin-bottom: var(--sp-12); }
.legal ul { padding-left: 1.25em; }
.legal a { color: var(--day-gold-ink); overflow-wrap: anywhere; }
.note {
  padding: var(--sp-12) var(--sp-16); border: 1px solid var(--day-rule); border-radius: var(--r-control);
  background: var(--day-card); color: var(--day-muted); font-size: var(--label-size);
}