:root {
  --bg: #f8fafc;
  --ink: #0f172a;
  --muted: #475569;
  --line: #e2e8f0;
  --brand: #0f766e;
  --brand-dark: #134e4a;
  --card: #fff;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  font-family: "PingFang HK", "Noto Sans TC", "Segoe UI", sans-serif;
  background: var(--bg);
  color: var(--ink);
  line-height: 1.65;
}
a { color: var(--brand); }
header {
  background: linear-gradient(145deg, #134e4a 0%, #0f766e 60%, #0d9488 100%);
  color: #fff;
  padding: 28px 20px 36px;
}
header .wrap, main, footer { max-width: 720px; margin: 0 auto; }
header a { color: #fff; text-decoration: none; font-weight: 700; }
header p { opacity: 0.92; margin: 8px 0 0; }
h1 { font-size: 1.75rem; line-height: 1.3; margin: 16px 0 0; }
main { padding: 28px 20px 48px; }
.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 20px;
  margin: 0 0 16px;
}
h2 { font-size: 1.1rem; margin: 0 0 10px; }
ul { margin: 0; padding-left: 1.2rem; }
.cta {
  display: inline-block;
  background: var(--brand);
  color: #fff !important;
  text-decoration: none;
  font-weight: 700;
  padding: 12px 18px;
  border-radius: 12px;
  margin: 8px 8px 0 0;
}
.cta.secondary {
  background: #fff;
  color: var(--brand-dark) !important;
  border: 1px solid var(--brand);
}
.note { font-size: 0.85rem; color: var(--muted); }
.card.disclaimer { background: #fffbeb; border-color: #fcd34d; }
.card.disclaimer p { font-size: 0.92rem; }
footer {
  padding: 20px;
  font-size: 0.85rem;
  color: var(--muted);
  border-top: 1px solid var(--line);
}
nav a { margin-right: 14px; }