:root{--ink:#173c35;--soft:#55736b;--green:#197b60;--line:#dceae2;--pale:#eff9f3}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:#fff;line-height:1.7}
.wrap{width:min(1100px,calc(100% - 36px));margin:auto}
a{color:var(--green)}
header{background:#fff;border-bottom:1px solid var(--line)}
.top{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{font-size:1.55rem;font-weight:800;text-decoration:none;color:var(--ink)}.brand span{color:var(--green)}
nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;color:var(--ink);font-size:.94rem}nav a:hover,nav a[aria-current]{color:var(--green);text-decoration:underline}
.intro{padding:74px 0 70px;background:linear-gradient(130deg,#f4fbf6,#e2f5e9)}
.tag{display:inline-block;background:#fff;border:1px solid #b8dfc6;color:var(--green);border-radius:99px;padding:3px 13px;font-weight:700;font-size:.9rem}
h1{font-size:clamp(2.15rem,5vw,3.9rem);line-height:1.24;letter-spacing:-.03em;margin:22px 0 18px} .intro p{max-width:720px;color:var(--soft);font-size:1.1rem;margin:0}
.form-area{padding:70px 0 85px}.columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:28px;align-items:start}
.form-card{border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:0 16px 44px rgba(24,69,51,.06)}
h2{font-size:1.55rem;line-height:1.4;margin:0 0 10px}.sub{margin:0 0 28px;color:var(--soft)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label:not(.consent):not(.trap){display:block;font-weight:650;margin:0 0 19px}label span:not(.consent span){font-size:.78rem;color:var(--green);margin-left:5px}label small{font-size:.8rem;color:var(--soft);font-weight:400}
input:not([type=checkbox]),select,textarea{width:100%;font:inherit;color:var(--ink);padding:11px 13px;border:1px solid #b8cdc4;border-radius:9px;background:#fff;display:block;margin-top:6px}
textarea{resize:vertical;min-height:145px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #e6a954;outline-offset:2px}
.consent{display:flex;gap:11px;align-items:flex-start;line-height:1.65;font-size:.94rem}.consent input{width:19px;height:19px;flex:none;margin-top:4px;accent-color:var(--green)}
.notice{font-size:.88rem;color:var(--soft);margin:19px 0 25px}button{border:0;border-radius:10px;padding:12px 27px;color:white;background:var(--green);font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}
.result{min-height:1.6em;margin:16px 0 0;font-weight:650}.result.error{color:#a12b2b}.result.success{color:#116247}
.aside{padding:29px;border-radius:16px;background:var(--pale)}.aside h2{font-size:1.25rem}.aside p{color:var(--soft);margin:14px 0}.aside a{font-weight:700;text-decoration:none}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--soft);font-size:.9rem}
.lookup-area{background:#f2f9f4;padding:55px 0 75px}
.intro .lookup-link{display:inline-block;margin-top:20px;font-weight:700;color:var(--ink)}
.lookup-card{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px 36px}
.lookup-card p{color:var(--soft);margin:0 0 20px}.lookup-card .result{margin:16px 0 0;color:var(--ink)}
.lookup-card .result.error{color:#a12b2b}.lookup-card .result.success{color:#116247}
.image-help{font-size:.9rem;color:var(--soft);margin:-12px 0 20px}
@media(max-width:780px){.columns{grid-template-columns:1fr}.intro{padding:60px 0}.form-area{padding:45px 0}.aside{order:-1}}
@media(max-width:560px){.top{align-items:flex-start;flex-direction:column;padding:15px 0;gap:8px}nav{gap:12px}.row{grid-template-columns:1fr;gap:0}.form-card,.lookup-card{padding:24px 18px}}
