:root{--font: "Noto Sans TC", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text: #0b1324;--muted: #64748b;--bg: #ffffff;--card: #ffffff;--line: #e2e8f0;--lv1: #e53935;--lv2: #fb8c00;--lv3: #f6c945;--lv4: #43a047;--lv5: #1e88e5;--primary: var(--lv5);--radius: 14px;--shadow: 0 10px 30px rgba(0,0,0,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.65}.container{max-width:1100px;margin:0 auto;padding:0 20px}.m-only{display:none}@media(max-width:720px){.m-only{display:inline}}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;text-decoration:none}.brand-badge{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--primary),#5c9dee);margin-right:8px}.brand-name{font-weight:900;font-size:20px;color:var(--text)}.menu a{margin-left:16px;text-decoration:none;color:#344052;font-weight:600}.menu a:hover{color:var(--primary)}.hero{background:radial-gradient(1400px 600px at 50% -200px,#1e88e529,#1e88e500 70%);padding:72px 0 28px}.hero-inner h1{font-size:48px;line-height:1.15;margin:0 0 12px;letter-spacing:.5px}.hero-inner .lead{color:var(--muted);font-size:18px;margin:0 0 22px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:#0b1324;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 4px 14px #0000000a;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);border-color:transparent;color:#fff}.btn-ghost{background:#fff}.trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill{font-size:12px;padding:6px 10px;border-radius:999px;color:#fff;font-weight:700;box-shadow:0 4px 14px #0000000d}.pill.lv5{background:var(--lv5)}.pill.lv4{background:var(--lv4)}.pill.lv3{background:var(--lv3);color:#1a1a1a}.pill.lv2{background:var(--lv2)}.pill.lv1{background:var(--lv1)}.section{padding:56px 0;border-top:1px solid var(--line)}.section h2{font-size:28px;margin:0 0 12px}.section p{margin:0 0 8px}.check-form{display:flex;gap:10px;margin-top:10px}.check-form input{flex:1;padding:14px 16px;border-radius:12px;border:1px solid var(--line);font-size:16px}.note{color:#64748b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card h3{margin:0 0 6px;font-size:18px}.plans-grid{grid-template-columns:repeat(3,1fr)}.plan{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:22px;position:relative;box-shadow:var(--shadow)}.plan.best{border-color:var(--primary)}.plan-tag{position:absolute;top:-12px;left:18px;background:var(--primary);color:#fff;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.plan h3{margin:6px 0 10px}.plan ul{margin:0 0 16px;padding-left:18px}details{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:#fff}summary{font-weight:700;cursor:pointer}.contact a{font-weight:800;color:var(--primary);text-decoration:none}.site-footer{border-top:1px solid var(--line);background:#fff;padding:36px 0;color:#4b5563}.footer-nav a{margin-right:16px;color:#4b5563;text-decoration:none}.footer-nav a:hover{color:#111827}#disaster-alerts h2 span{color:var(--lv2)}#disaster-alerts h2 svg{stroke:var(--lv2)}.alert-card{margin-top:16px;border-left:5px solid var(--lv4)}.alert-card h3{color:var(--text);font-size:16px}.alert-card.significance-warning{border-left-color:var(--lv2)}.alert-card.significance-watch{border-left-color:var(--lv1)}@media(max-width:980px){.grid{grid-template-columns:1fr 1fr}.plans-grid{grid-template-columns:1fr}}@media(max-width:680px){.hero-inner h1{font-size:36px}.grid{grid-template-columns:1fr}.check-form{flex-direction:column}}