:root{--blue:#08688e;--navy:#123b63;--ink:#182b38;--muted:#617381;--line:#d8e9f1;--paper:#f7fbfd;--danger:#a83f45}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.8}
a{color:var(--blue);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}
.page{min-height:100vh}.container{width:min(1120px,calc(100% - 32px));margin:auto}
.hero{padding:72px 0 58px;background:linear-gradient(135deg,#e7f6fd,#fff 58%,#f3f9fc);border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 16px;color:var(--blue);font-size:14px;font-weight:800;letter-spacing:.08em}
h1{max-width:850px;margin:0;color:var(--navy);font-size:clamp(34px,5.5vw,64px);line-height:1.2;letter-spacing:-.02em}
.intro{max-width:760px;margin:22px 0 10px;color:#405968;font-size:19px}.date{margin:0;color:var(--muted);font-size:14px}
.layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:58px;padding-top:58px;padding-bottom:80px}.content{font-size:17px}.content p{margin:0 0 22px}.content h2{margin:48px 0 15px;color:var(--navy);font-size:clamp(26px,3vw,36px);line-height:1.35}.content h3{margin:0 0 4px;color:var(--navy);font-size:20px}.content ul{margin:0 0 24px;padding-left:24px}.content li{margin:5px 0}
.notice{margin-bottom:30px;padding:18px 20px;border-left:5px solid var(--danger);background:#fff3f3;color:#64343a}.hint{padding:16px 18px;background:#eaf7fd;border-radius:10px;color:#365769}
.steps{display:grid;gap:12px}.steps section{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.steps span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.steps p{margin:0;color:var(--muted);font-size:16px}
.sidebar{padding-top:2px}.card{position:sticky;top:24px;padding:26px;border-radius:16px;background:var(--navy);color:#fff;box-shadow:0 18px 38px #123b6329}.card .label{margin:0;color:#a9dff3;font-size:14px;font-weight:800}.card h2{margin:4px 0 12px;color:#fff;font-size:28px}.card ul{padding-left:20px;margin:0 0 16px}.card p:last-child{margin:0;color:#e3f2f8;font-size:15px}
.source{display:grid;gap:8px;margin-top:48px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:15px}.disclaimer{margin-top:16px!important;color:var(--muted);font-size:14px}
@media(max-width:820px){.hero{padding:48px 0 38px}.layout{display:block;padding-top:34px}.sidebar{margin-top:38px}.card{position:static}.content{font-size:16px}.intro{font-size:17px}}
@media(max-width:480px){.container{width:calc(100% - 24px)}.steps section{grid-template-columns:40px 1fr;padding:15px}.steps span{width:36px;height:36px;font-size:13px}.content h2{margin-top:38px}}