/* ========================================================= base.css — design tokens, reset, global typography & helpers Used by: index.html ========================================================= */ :root{ --blue-900:#12233f; --blue-800:#1f3864; --blue-700:#2b4d82; --blue-100:#e8eef8; --orange:#e37b26; --orange-dark:#c4630f; --green:#3c7a4b; --green-light:#eaf4ec; --gray-700:#4a4f57; --gray-400:#6b7280; /* darkened from #8a8f98 to clear WCAG AA 4.5:1 on white */ --gray-100:#f4f5f7; --white:#ffffff; } *{box-sizing:border-box;} /* should stay layout-transparent so existing width/height:100% rules on the inner keep resolving against the same parent box they did before WebP wrappers were introduced. */ picture{display:contents;} body{ margin:0; font-family:"Noto Sans TC","PingFang TC","Segoe UI",Arial,sans-serif; color:var(--gray-700); background:var(--white); line-height:1.65; } a{text-decoration:none;color:inherit;} .wrap{max-width:1160px;margin:0 auto;padding:0 24px;} /* bilingual toggle: show/hide by data-lang on */ [data-lang="zh"] .en{display:none;} [data-lang="en"] .zh{display:none;} /* ---------- generic section heading ---------- */ section{padding:90px 0;} .section-head{max-width:640px;margin:0 auto 46px;text-align:center;} .section-head .tag{color:var(--orange-dark);font-weight:800;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;} .section-head h2{font-size:28px;color:var(--blue-800);margin:8px 0 12px;font-weight:800;} .section-head p{color:var(--gray-400);font-size:14.5px;}