:root{--blue:#1457a6;--ink:#172b45;--ink2:#4a5c70;--ink3:#5f7691;--line:#dce6f0;--line2:#e9f0f7;--pale:#edf4fb;--sunken:#f4f8fc;
--c1:#b3261e;--c1bg:#fdf0ee;--c2:#9a5b00;--c2bg:#fdf4e7;--c3:#137a43;--c3bg:#eaf5ef;--wa:#137a43;
--body:Arial,'Microsoft JhengHei','PingFang HK','Noto Sans TC',sans-serif;--num:'Arial Narrow',Arial,'Microsoft JhengHei',sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.75 var(--body)}
a{color:var(--blue)}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--line);background:#fff}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;padding-top:14px;padding-bottom:14px}
.brand{font-weight:700;font-size:17px;color:var(--ink);text-decoration:none}
.nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:15px}
.nav a{color:var(--ink2);text-decoration:none}
.nav a:hover,.nav a[aria-current]{color:var(--blue)}
.crumb{font-size:14px;color:var(--ink3);margin:18px 0 6px}
.crumb a{color:var(--ink3)}
.plate{display:flex;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:6px 0 22px;background:linear-gradient(135deg,#fff,var(--sunken))}
.plate .bar{flex:0 0 7px}
.c1 .bar{background:var(--c1)}.c2 .bar{background:var(--c2)}.c3 .bar{background:var(--c3)}
.plate .in{padding:20px 24px 22px;min-width:0}
.plate .k{font-size:14px;color:var(--ink3)}
.plate h1{font:700 44px/1.15 var(--num);margin:4px 0 8px}
.c1 h1{color:var(--c1)}.c2 h1{color:var(--c2)}.c3 h1{color:var(--c3)}
.plate .lead{font-size:18px;margin:0 0 12px}
.pill{display:inline-block;border-radius:999px;padding:2px 12px;font-size:14px;font-weight:700;margin-left:6px;vertical-align:2px}
.c1 .pill{background:var(--c1bg);color:var(--c1)}.c2 .pill{background:var(--c2bg);color:var(--c2)}.c3 .pill{background:var(--c3bg);color:var(--c3)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-block;background:var(--pale);color:var(--blue);border-radius:8px;padding:3px 10px;font-size:14px}
.chip b{font-family:var(--num);margin-right:4px}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.btn{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:600 15px var(--body);text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--blue);color:var(--blue)}
.btn.wa{background:var(--wa);border-color:var(--wa);color:#fff}
.btn.wa:hover{filter:brightness(1.08);color:#fff}
main section{margin:0 0 30px}
h2{font-size:21px;line-height:1.4;margin:0 0 10px;padding-top:6px}
h2 .count{font-size:15px;font-weight:400;color:var(--ink3)}
.conds{list-style:none;padding:0;margin:0}
.conds li{position:relative;padding:8px 0 8px 30px;border-bottom:1px solid var(--line2)}
.conds li:before{content:'';position:absolute;left:4px;top:15px;width:14px;height:14px;border:2px solid var(--blue);border-radius:4px}
.note{font-size:14px;color:var(--ink3);margin:8px 0 0}
.flow{list-style:none;padding:0;margin:0;counter-reset:f}
.flow li{position:relative;padding:4px 0 16px 46px;counter-increment:f}
.flow li:before{content:counter(f);position:absolute;left:0;top:2px;width:32px;height:32px;border-radius:50%;background:var(--pale);color:var(--blue);font:700 16px/32px var(--num);text-align:center}
.flow li:not(:last-child):after{content:'';position:absolute;left:15px;top:38px;bottom:2px;width:2px;background:var(--line)}
.flow b{display:block}
.flow .form{display:inline-block;margin-top:4px;background:var(--pale);color:var(--blue);border-radius:6px;padding:1px 8px;font-size:13px}
.flow .fn{display:block;color:var(--ink2);font-size:15px}
.types{margin:0;padding:0;list-style:none}
.types li{padding:6px 0;border-bottom:1px solid var(--line2)}
.types b{font-family:var(--num);color:var(--blue);margin-right:8px}
.loc{margin:0}
.loc svg{display:block;width:100%;height:auto;background:var(--sunken);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.loc figcaption{font-size:14px;color:var(--ink3);margin-top:6px}
.ring{fill:rgba(20,87,166,.10);stroke:var(--blue);stroke-width:2.5px;vector-effect:non-scaling-stroke}
.halo{fill:none;stroke:var(--blue);stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{opacity:.6;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@media(prefers-reduced-motion:reduce){.halo{animation:none;opacity:0}}
.dwgs{display:grid;gap:16px}
.dwgs figure{margin:0}
.dwgs img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
.dwgs figcaption{font-size:14px;color:var(--ink3);margin-top:4px}
details.price{border:1px solid var(--line);border-radius:12px;padding:12px 16px}
details.price summary{cursor:pointer;font-weight:700;color:var(--blue)}
details.price p{margin:8px 0 0}
.price b{font:700 22px var(--num)}
.faq dt{font-weight:700;margin-top:12px}
.faq dd{margin:4px 0 0;color:var(--ink2)}
.rel{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.rel a{display:flex;gap:10px;align-items:baseline;padding:10px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);height:100%}
.rel a:hover{border-color:var(--blue)}
.rel .no{flex:0 0 auto;font:700 18px var(--num);min-width:3.2em}
.rel .t1{color:var(--c1)}.rel .t2{color:var(--c2)}.rel .t3{color:var(--c3)}.rel .td{color:var(--blue)}
.rel small{color:var(--ink3);margin-left:4px}
.pn{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;font-size:15px}
.help{background:var(--sunken);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.help p{margin:0 0 12px}
.hub-intro{max-width:52em}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}
.stat{border:1px solid var(--line);border-radius:12px;padding:10px 16px;min-width:130px}
.stat b{display:block;font:700 26px var(--num)}
.stat.c1 b{color:var(--c1)}.stat.c2 b{color:var(--c2)}.stat.c3 b{color:var(--c3)}.stat.dw b{color:var(--blue)}
.dewl li{scroll-margin-top:20px}
.dewl li:target a,.dewl li:target{background:var(--pale)}
footer{border-top:1px solid var(--line);margin-top:34px;padding:20px 0 40px;color:var(--ink3);font-size:14px;line-height:1.7}
footer a{color:var(--ink2)}
footer p{max-width:62em;margin:0 0 8px}
@media(max-width:640px){body{font-size:15.5px}.plate .in{padding:16px 16px 18px}.plate h1{font-size:36px}.plate .lead{font-size:16.5px}.rel{grid-template-columns:1fr}.nav{font-size:14px;gap:2px 12px}}
@media print{.top,.btns,.help,.pn,.nav,footer .links,details.price,.loc{display:none!important}body{font-size:12pt}.plate{border:0;background:none}a{color:inherit;text-decoration:none}}