@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--ink:#29382f;--text:#434d45;--light:#79857c;--border:#e7ebe6;--forest:#4c6e5a;--link:#24618a;--cream:#f5f5f0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:#fff;color:var(--text);font-family:'Noto Sans TC',-apple-system,BlinkMacSystemFont,'Microsoft JhengHei',sans-serif;font-size:16px;line-height:2.05;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline}
.topnav{border-bottom:1px solid var(--border);height:65px;background:#fff}.navwrap{max-width:1130px;height:100%;margin:auto;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#30473a;letter-spacing:.065em;font-size:15px;font-weight:700;white-space:nowrap}.nlinks{display:flex;gap:26px;white-space:nowrap;font-size:13px}.nlinks a{color:#637268}
.crumb{max-width:1130px;margin:0 auto;padding:23px 27px 0;font-size:12px;color:#809084}.crumb a{color:#607969}
.intro{text-align:center;max-width:820px;margin:auto;padding:58px 25px 34px}.local{font-family:'Noto Serif JP','Noto Serif TC',serif;font-size:13px;letter-spacing:.12em;color:#5c8067;margin-bottom:14px}.intro h1{font-family:'Noto Serif TC',serif;color:#26382f;font-size:clamp(40px,5.8vw,62px);font-weight:600;line-height:1.42;letter-spacing:.035em;margin:0 0 8px}.jp{color:#85978a;font-size:15px;font-family:'Noto Serif JP',serif}.standfirst{font-family:'Noto Serif TC',serif;color:#546556;font-size:18px;line-height:1.9;margin:24px 0 0}
.hero{max-width:1110px;padding:0 25px;margin:0 auto 68px}.photo{margin:28px 0 33px}.photo img{width:100%;height:100%;display:block;object-fit:cover}.media{position:relative;background:var(--cream);overflow:hidden}.hero img{aspect-ratio:16/8;object-position:center}.photo figcaption{font-size:11.5px;line-height:1.7;color:#829087;margin-top:9px}.photo figcaption span{color:#95a199}.photo figcaption a{color:#718c80}
.image-notice{display:none;align-items:center;justify-content:center;flex-direction:column;min-height:190px;gap:5px;text-align:center;color:#829083;font-size:13px;padding:20px}.media.error img{display:none}.media.error .image-notice{display:flex}
.story{max-width:762px;padding:0 24px;margin:0 auto}.story p{margin:0 0 22px;letter-spacing:.012em;text-wrap:pretty}.story .lead{font-size:17px;line-height:2.15;margin-bottom:25px}
h2{font-family:'Noto Serif TC',serif;color:var(--ink);font-size:clamp(23px,3.2vw,27px);font-weight:600;letter-spacing:.02em;line-height:1.55;margin:68px 0 23px}
h3{font-family:'Noto Serif TC',serif;font-weight:600;color:#3b5143;font-size:19px;margin:38px 0 15px}.section::after{content:"";display:block;clear:both}
.photo.wide{margin:38px -84px 35px}.photo.wide img{aspect-ratio:16/9}.photo.float-right{float:right;width:44%;margin:7px -70px 19px 29px}.photo.float-left{float:left;width:43%;margin:8px 27px 21px -70px}.photo.float-right img,.photo.float-left img{aspect-ratio:4/5}.photo.square img{aspect-ratio:1.04}.twophotos{display:grid;grid-template-columns:1.12fr .82fr;gap:19px;margin:38px -44px 31px}.twophotos .photo{margin:0}.twophotos .photo:last-child{margin-top:48px}.twophotos img{aspect-ratio:5/5}
.route{margin:28px 0 29px;padding:17px 21px;background:#f7f8f5;border-left:2px solid #99af9c;font-size:14px;line-height:2.05;color:#496254}
.info{border-top:1px solid var(--border);padding-top:10px;margin-top:62px}.info h2{margin:23px 0}.info p{font-size:15px;line-height:2.1;margin-bottom:16px}.info strong{color:#315440}.maptag{display:inline-block;color:var(--link);font-size:13px;margin:6px 0 12px}.small{font-size:13px!important;color:#748278}
.sources{border-top:1px solid var(--border);padding-top:23px;margin-top:58px;color:#77867a;font-size:12px;line-height:1.85}.sources h2{font-family:'Noto Sans TC',sans-serif;margin:8px 0 18px;font-size:15px}.sources p{font-size:12px}.sources li{overflow-wrap:anywhere;margin:0 0 8px}.sources ul{padding-left:19px}.sources a{color:#527e94}
.footer{border-top:1px solid var(--border);margin-top:94px;text-align:center;color:#829185;font-size:12px;padding:33px 20px 45px}.footer strong{font-size:15px;letter-spacing:.08em;color:#45674f}.footer a{color:#4b775c}.backtop{position:fixed;right:22px;bottom:22px;width:40px;height:40px;border-radius:50%;border:1px solid #e0e8df;background:#fff;color:#3b6850;box-shadow:0 6px 24px #21382820;opacity:0;pointer-events:none;cursor:pointer;transition:opacity .2s;font-size:18px}.backtop.visible{opacity:1;pointer-events:auto}
@media(max-width:930px){.photo.wide{margin-left:-29px;margin-right:-29px}.photo.float-right{margin-right:0}.photo.float-left{margin-left:0}.twophotos{margin-left:0;margin-right:0}}
@media(max-width:650px){.topnav{height:59px}.navwrap{padding:0 18px}.brand{font-size:14px}.nlinks{gap:13px;font-size:12px}.crumb{padding:18px 20px 0}.intro{padding:40px 20px 28px}.standfirst{font-size:16px;margin-top:19px}.hero{padding:0 12px;margin-bottom:42px}.hero img{aspect-ratio:1.22}.story{padding:0 21px}.story p{font-size:15px;line-height:2.08}.story .lead{font-size:16px}h2{margin:53px 0 20px}.photo.wide{margin-left:-8px;margin-right:-8px}.photo.float-right,.photo.float-left{float:none;width:100%;margin:24px 0 27px}.photo.float-right img,.photo.float-left img{aspect-ratio:16/11}.twophotos{gap:11px;margin:27px 0 26px}.twophotos .photo:last-child{margin-top:28px}.twophotos img{aspect-ratio:4/5}.route{padding:13px 14px}.photo figcaption{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.backtop{transition:none}}