:root{--p:#0b5d5a;--p2:#0e7c77;--acc:#b45309;--bg:#f4f6f6;--t:#1f2937;--m:#5b6670}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:system-ui,"Noto Sans HK","PingFang HK","Microsoft JhengHei",sans-serif;background:var(--bg);color:var(--t);line-height:1.65}
.wrap{max-width:1080px;margin:auto;padding:0 16px}a{color:var(--p2)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:9}
.notice{background:#fff7e6;border-bottom:1px solid #f3d9a4;font-size:.85rem;padding:8px 0;color:#7c4a03}
.topbar{background:#e9efef;font-size:.85rem;border-bottom:1px solid #d5dede}.topbar .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 16px}
.lang a{margin-right:4px;padding:2px 8px;border-radius:4px;text-decoration:none;color:var(--t)}.lang a.on{background:var(--p);color:#fff}
.tools{display:flex;gap:6px;align-items:center}.tools button{border:1px solid #c5d0d0;background:#fff;border-radius:4px;cursor:pointer;padding:1px 7px}.tools button[data-fs="17"]{font-size:1.05em}.tools button[data-fs="19"]{font-size:1.2em}
header.site{background:#fff;border-bottom:3px solid var(--p)}header.site>.wrap{padding:14px 16px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--t)}
.brand .mark{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.4rem}
.brand strong{display:block;font-size:1.3rem}.brand small{color:var(--m)}
.menu{background:var(--p)}.menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.menu a{display:block;color:#fff;text-decoration:none;padding:11px 16px;font-size:.95rem}.menu a:hover{background:var(--p2)}
.crumb{font-size:.82rem;color:var(--m);padding:10px 0}.crumb a{color:var(--m)}
main{padding-bottom:24px}.card{background:#fff;border-radius:6px;padding:20px;margin:14px 0;border:1px solid #e1e7e7;border-top:3px solid var(--p2)}
h1{font-size:1.5rem;line-height:1.4;margin-top:0}h2{margin-top:0;font-size:1.2rem;color:var(--p)}article h2{margin-top:1.5em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}label{font-size:.9rem;color:var(--m);display:block}input{width:100%;padding:9px;border:1px solid #c9d3d3;border-radius:4px;font-size:1rem;margin-top:4px}
.res{background:#eef7f6;border-left:4px solid var(--p2);padding:12px;margin-top:14px}.res b{color:var(--p)}
table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{padding:6px;border-bottom:1px solid #e5e7eb;text-align:left}th{background:#f1f5f5}td input{padding:6px;margin:0;min-width:70px}.tw{overflow-x:auto}
.ad{border:2px dashed #cbd5e1;color:#94a3b8;text-align:center;padding:20px;border-radius:6px;margin:14px 0;font-size:.9rem}.pro{background:#fffbeb;border-top-color:var(--acc)}
.btn{background:var(--acc);color:#fff;padding:9px 18px;border-radius:4px;border:0;font-size:1rem;cursor:pointer}.note,.src{color:var(--m);font-size:.84rem}
.cta{display:block;background:var(--p);color:#fff;text-align:center;padding:12px;border-radius:6px;text-decoration:none;margin:20px 0}
footer.site{background:#1f3b3a;color:#d6e3e2;margin-top:20px;font-size:.88rem}footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:22px 16px}
footer h3{font-size:.95rem;color:#fff;margin:0 0 6px}footer ul{list-style:none;padding:0;margin:0}footer a{color:#d6e3e2}
.fbar{background:#162b2a;font-size:.8rem}.fbar .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 16px}
@media(max-width:600px){.menu a{padding:9px 10px;font-size:.88rem}.brand strong{font-size:1.1rem}}
@media print{.notice,.topbar,.menu,.ad,footer{display:none}}