:root {
  --primary: #9A3412;
  --secondary: #0284C7;
  --accent: #FFF7ED;
  --bg: #F8FAFC;
  --text: #1F2933;
  --muted: rgba(31, 41, 51, 0.72);
  --border: rgba(15, 23, 42, 0.12);
}
body { font-family: "Noto Sans TC", "PingFang TC", sans-serif; background: var(--bg); color: var(--text); }
.site-shell { background: radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 45%, white), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--primary) 5%, white), white 40%); }
.brand-chip { background: color-mix(in srgb, var(--accent) 68%, white); color: var(--primary); }
.panel-card { background: white; border: 1px solid var(--border); border-radius: 22px; box-shadow: 0 18px 40px rgba(15,23,42,.08); }
.hero-board { background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 94%, black), color-mix(in srgb, var(--secondary) 38%, black)); color: white; border-radius: 30px; }
.accent-line { border-left: 4px solid var(--accent); background: color-mix(in srgb, var(--accent) 14%, white); }
.primary-btn { background: var(--primary); color: white; }
.secondary-btn { background: white; color: var(--primary); border: 1px solid var(--primary); }
.link-btn { color: var(--secondary); }
.feature-card, .guide-card, .faq-card { background: white; border: 1px solid var(--border); border-radius: 18px; box-shadow: 0 12px 28px rgba(15,23,42,.06); }
.metric-pill { background: color-mix(in srgb, var(--accent) 38%, white); color: var(--primary); }
.mobile-scroll { scrollbar-width: none; }
.mobile-scroll::-webkit-scrollbar { display: none; }
### [EOF]