:root{font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#203d37;background:#f8fbf8}
*{box-sizing:border-box}
body{margin:0}
a{color:#08765f}
a:focus-visible{outline:3px solid #86c9b4;outline-offset:3px}
.site-header{max-width:1100px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce8df}
.site-header nav{display:flex;gap:22px;align-items:center}
.header-link{font-size:13px;color:#456c5d;text-decoration:none;font-weight:700}
.brand{font-size:20px;font-weight:800;color:#145b4b;text-decoration:none}
.container{max-width:1100px;margin:auto;padding:30px 24px 80px}
.preview-label{display:inline-block;margin:22px 0 14px;padding:6px 10px;border-radius:6px;background:#fff2d9;color:#77501b;font-size:12px;font-weight:700}
.hero{max-width:750px;padding:28px 0 36px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#13876d}
.hero h1{font-size:clamp(36px,6vw,60px);letter-spacing:-.045em;line-height:1.18;margin:12px 0}
.hero p:last-child{font-size:18px;line-height:1.8;color:#57736a}
.cards{display:grid;grid-template-columns:minmax(0,540px);gap:24px}
.card{display:block;background:#fff;border:1px solid #deebe2;border-radius:18px;padding:30px;color:inherit;text-decoration:none;box-shadow:0 12px 32px rgba(20,69,53,.05)}
.card:hover{border-color:#98cbb5}
.card h2{font-size:24px;line-height:1.45;margin:14px 0}
.card p{font-size:15px;line-height:1.75;color:#64796f}
.card strong{font-size:14px;color:#08765f}
.site-note{font-size:13px;line-height:1.8;color:#6a7d73;margin-top:28px}
.article-shell{max-width:820px;margin:auto;padding:25px 24px 80px}
.back-link{font-size:13px;text-decoration:none}
article h1{font-size:clamp(30px,4vw,44px);line-height:1.35;letter-spacing:-.03em;margin:18px 0 24px}
.article-meta{font-size:13px;color:#6a7d73;line-height:1.7;margin:-10px 0 24px}
.article-notice{padding:17px 20px;background:#edf7f0;border-left:4px solid #2c9a74;border-radius:0 8px 8px 0;color:#345e50;font-size:14px;line-height:1.8}
.article-body{font-size:16px;line-height:1.9;color:#304b41}
.article-body h2{font-size:26px;line-height:1.35;margin:54px 0 14px;color:#1d3f33}
.article-body p{margin:16px 0}
.article-body ol,.article-body ul{padding-left:1.6em}
.article-intro{font-size:18px;line-height:1.8;color:#547267}
.affiliate-cta{margin:38px 0 20px;padding:24px;background:#edf7f0;border-radius:12px}
.affiliate-cta strong{font-size:20px}.affiliate-cta p{font-size:14px;color:#547267}
.affiliate-cta a{display:inline-block;padding:11px 16px;border-radius:8px;background:#08765f;color:#fff;text-decoration:none;font-weight:700}
.article-source{font-size:13px;line-height:1.8;color:#6a7d73;overflow-wrap:anywhere}
.article-body li{margin:9px 0}
.article-body table{border-collapse:collapse;display:block;overflow-x:auto;white-space:normal;width:100%;font-size:14px;line-height:1.6;margin:22px 0}
.article-body th,.article-body td{padding:12px 14px;border:1px solid #d9e7de;min-width:125px;vertical-align:top}
.article-body th{background:#eaf5ec;text-align:left}
.article-body a{overflow-wrap:anywhere}
footer{text-align:center;padding:26px;color:#789088;border-top:1px solid #dce8df;font-size:12px}
@media(max-width:600px){.site-header{padding:16px}.container,.article-shell{padding-left:16px;padding-right:16px}.card{padding:22px}.article-body{font-size:15px}.article-body h2{font-size:23px}}