:root{--navy:#0D1B3D;--ink:#2a2f3a;--mut:#5a6072;--line:#e9e5dc;--accent:#FF8A00;}
*{box-sizing:border-box;}
body{margin:0;font-family:"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:#f7f5f0;line-height:1.85;}
.top{background:var(--navy);color:#fff;padding:22px 20px;}
.top .inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:10px;}
.top a{color:#cdd7ea;text-decoration:none;font-size:14px;}
.top h1,.top .topttl{font-size:18px;margin:0;font-weight:800;}
.wrap{max-width:760px;margin:0 auto;padding:30px 20px 60px;}
h1.title{font-size:25px;color:var(--navy);line-height:1.4;margin:0 0 6px;}
.lead,.meta{color:var(--mut);font-size:14px;margin-bottom:22px;}
h2{font-size:19px;color:var(--navy);margin:30px 0 10px;}
p{margin:12px 0;}
ol,ul{padding-left:22px;}
li{margin:8px 0;}
.box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:16px 0;}
.cta{display:block;background:var(--accent);color:#fff;text-decoration:none;text-align:center;font-weight:800;padding:15px;border-radius:12px;margin:26px 0;font-size:16px;}
.rel{font-size:14px;color:var(--mut);border-top:1px solid var(--line);margin-top:30px;padding-top:16px;}
.rel a{color:#1a5ad6;}
.foot{max-width:760px;margin:0 auto;padding:20px;color:var(--mut);font-size:12.5px;border-top:1px solid var(--line);}
.card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:12px;text-decoration:none;color:inherit;}
.card:hover{border-color:var(--accent);}
.card h3{margin:0 0 6px;color:var(--navy);font-size:17px;}
.card p{margin:0;color:var(--mut);font-size:14px;}