:root { --sea:#087e8b; --deep:#0b4350; --sand:#f4a261; --foam:#f7faf8; --ink:#173b42; --muted:#587278; --line:#dbe8e5; }
* { box-sizing: border-box; }
html { max-width:100%; overflow-x:hidden; color-scheme: light; background: #e8f4f3; }
body { max-width:100%; margin: 0; overflow-x:hidden; color: var(--ink); background: radial-gradient(circle at 82% 8%, rgba(244,162,97,.2), transparent 28rem), linear-gradient(145deg,#e8f4f3,#f9fbf9 48%,#e1f0ef); font-family: system-ui,-apple-system,"Noto Sans TC",sans-serif; line-height: 1.75; }
a { color: var(--sea); }
.site-head { display:flex; align-items:center; justify-content:space-between; width:min(940px,calc(100% - 32px)); margin:0 auto; padding:22px 0; }
.brand-link { display:flex; align-items:center; gap:10px; color:var(--deep); font-weight:900; text-decoration:none; }
.brand-link img { width:42px; height:42px; }
.map-link { padding:9px 14px; border-radius:14px; color:#fff; background:var(--sea); font-size:14px; font-weight:800; text-decoration:none; }
main { width:min(860px,calc(100% - 32px)); max-width:calc(100vw - 32px); margin:20px auto 60px; padding:clamp(25px,6vw,62px); overflow:hidden; border:1px solid rgba(255,255,255,.9); border-radius:32px; background:rgba(255,255,255,.94); box-shadow:0 22px 70px rgba(11,67,80,.14); }
.eyebrow { color:var(--sea); font-size:12px; font-weight:900; letter-spacing:.12em; }
h1 { max-width:720px; margin:10px 0 16px; color:var(--deep); font-size:clamp(32px,6vw,54px); line-height:1.16; letter-spacing:-.03em; }
h1,h2,p { overflow-wrap:anywhere; }
.lead { margin:0 0 28px; color:var(--muted); font-size:18px; }
.answer { margin:28px 0; padding:20px 22px; border-left:5px solid #d9485f; border-radius:8px 20px 20px 8px; background:#fff1f2; }
.answer strong { display:block; color:#a9283f; font-size:21px; }
h2 { margin:36px 0 10px; color:var(--deep); font-size:25px; line-height:1.35; }
.facts { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:24px 0; }
.fact { padding:18px; border:1px solid var(--line); border-radius:20px; background:var(--foam); }
.fact b { display:block; color:var(--sea); font-size:22px; }
.law-links { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; }
.law-links a { padding:9px 12px; border-radius:12px; color:var(--deep); background:#e6f3f1; font-weight:800; text-decoration:none; }
.note { padding:15px 17px; border-radius:16px; color:#70501f; background:#fff0dd; font-size:14px; }
.cta { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:38px; padding:22px; border-radius:22px; color:#fff; background:var(--deep); }
.cta p { margin:0; }
.cta a { flex:0 0 auto; padding:10px 14px; border-radius:13px; color:var(--deep); background:#fff; font-weight:900; text-decoration:none; }
footer { width:min(860px,calc(100% - 32px)); margin:0 auto 30px; color:var(--muted); font-size:12px; text-align:center; }
@media(max-width:640px){.facts{grid-template-columns:1fr}.fact{min-width:0}.cta{align-items:flex-start;flex-direction:column}.site-head{max-width:calc(100vw - 32px);padding:14px 0}.map-link{padding:8px 10px;font-size:12px}main{margin-top:5px;border-radius:24px}.lead{font-size:16px}}