@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700&family=Noto+Sans+TC:wght@300;400;500;600&display=swap");:root{--cream-50:#FDFBF6;--cream-100:#FAF6EC;--cream-200:#F4EEE0;--cream-300:#ECE3D0;--cream-400:#E0D4BC;--ink-900:#221F1A;--ink-800:#2C2823;--ink-700:#4A443B;--ink-500:#6F685B;--ink-400:#8B8475;--ink-300:#ABA391;--line-200:#E7DECC;--line-300:#D8CCB2;--white:#FFFFFF;--gold-700:#8A6E3A;--gold-600:#A6884B;--gold-500:#BE9C57;--gold-400:#D2BC85;--gold-200:#EADFC4;--gold-100:#F3ECDB;--success-600:#5C7A52;--success-100:#E7EEDF;--warning-600:#B08544;--warning-100:#F6ECD7;--danger-600:#A8584F;--danger-100:#F2E2DE;--info-600:#5B7184;--info-100:#E4EAEF;--bg-app:var(--cream-200);--surface-card:var(--cream-100);--surface-raised:var(--white);--surface-sunken:var(--cream-300);--surface-input:var(--cream-50);--surface-hover:var(--cream-300);--text-display:var(--ink-900);--text-heading:var(--ink-800);--text-body:var(--ink-700);--text-secondary:var(--ink-500);--text-muted:var(--ink-400);--text-disabled:var(--ink-300);--text-on-dark:#F6F1E7;--text-gold:var(--gold-700);--border-subtle:var(--line-200);--border-default:var(--line-300);--border-gold:var(--gold-400);--brand-gold:var(--gold-500);--brand-ink:var(--ink-900);--accent:var(--gold-600);--focus-ring:rgba(190,156,87,0.35);--font-serif:"Noto Serif TC","Songti TC","STSong",serif;--font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--fs-display:44px;--fs-h1:30px;--fs-h2:23px;--fs-h3:18px;--fs-lg:16px;--fs-base:15px;--fs-sm:13px;--fs-xs:12px;--lh-tight:1.2;--lh-snug:1.4;--lh-normal:1.6;--ls-display:0.14em;--ls-heading:0.04em;--ls-body:0.01em;--ls-label:0.06em;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-round:50%;--shadow-xs:0 1px 2px rgba(43,39,34,0.05);--shadow-sm:0 2px 6px rgba(43,39,34,0.06);--shadow-md:0 6px 20px rgba(43,39,34,0.08);--shadow-lg:0 16px 44px rgba(43,39,34,0.12);--shadow-inset:inset 0 1px 2px rgba(43,39,34,0.05);--rule-gold:linear-gradient(90deg,transparent,var(--gold-400) 18%,var(--gold-400) 82%,transparent);--ease-standard:cubic-bezier(0.4,0.0,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--dur-fast:120ms;--dur-base:180ms}*,:after,:before{box-sizing:border-box}body,html{margin:0;height:100%;font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--text-body);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text-heading);font-weight:500;letter-spacing:var(--ls-heading);line-height:var(--lh-tight);margin:0}p{margin:0}a{color:var(--text-gold);text-decoration:none}a:hover{color:var(--accent)}::placeholder{color:var(--text-muted)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}