:root{--ink:#2b352e;--muted:#66756a;--moss:#48654f;--line:#e7ebe4;--paper:#fff;--serif:'Noto Serif TC','Noto Serif CJK TC','Songti TC','PMingLiU',serif;--sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.97 var(--sans);-webkit-font-smoothing:antialiased}a{color:#376a53;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:#1d4734}.masthead{border-bottom:1px solid var(--line)}.masthead-in{width:min(1100px,calc(100% - 58px));margin:auto;padding:18px 0;display:flex;gap:14px;align-items:center;justify-content:space-between}.masthead .name{font:15px var(--serif);letter-spacing:.09em;text-decoration:none;color:#334e3d}.masthead small{font-size:12px;color:#778a7b}.page{width:min(1050px,calc(100% - 54px));margin:0 auto}.intro{padding:77px 0 0}.loc{font-size:12px;letter-spacing:.10em;color:#7f9685}h1{font:600 clamp(35px,4.9vw,61px)/1.32 var(--serif);letter-spacing:.04em;color:#273d2f;margin:17px 0 12px}.sub{color:#667a6d;font-size:16px;letter-spacing:.04em;margin:0 0 29px}.opening{font:17px/2.17 var(--serif);max-width:855px;color:#3c4f41;margin:0 0 35px}.article{max-width:810px;margin:auto;padding:28px 0 73px}.article p{margin:0 0 25px}h2{font:600 clamp(25px,2.8vw,31px)/1.5 var(--serif);color:#2c4b37;letter-spacing:.025em;margin:76px 0 21px}h2:before{content:'';display:block;width:36px;height:1px;background:#94ad9a;margin:0 0 20px}h3{font:600 20px/1.62 var(--serif);color:#335541;margin:36px 0 15px}.photo{margin:0}.photo img{display:block;width:100%;height:auto;object-fit:cover;background:#edf1eb}.photo figcaption{font-size:11.5px;color:#7b8d7f;line-height:1.7;padding:9px 0 0}.photo figcaption .credit{color:#98a49b}.photo figcaption a{color:#788b80;text-decoration:none;border-bottom:1px solid #d9e2d9}.hero img{aspect-ratio:16/8.7}.hero figcaption{padding:10px 0 0}.wide{clear:both;margin:35px -72px 40px}.wide img{aspect-ratio:16/9;max-height:520px}.float-right{float:right;width:41%;margin:10px -33px 23px 28px}.float-left{float:left;width:39%;margin:10px 31px 22px -24px}.float-right img{aspect-ratio:4/4.8}.float-left img{aspect-ratio:4/4.4}.image-error:not([hidden]){display:block;padding:18px;background:#f1f4f0;border:1px solid #e0e8e0;border-radius:2px;font-size:13px;color:#68796c}.clearfix:after{content:'';display:block;clear:both}.mini-note{margin:29px 0 24px;padding:12px 0 12px 20px;border-left:2px solid #b2c5b6;color:#667a69;font-size:14px}.visit{border-top:1px solid var(--line);margin-top:65px;padding-top:7px}.route{font:16px/2.2 var(--serif);color:#3c5d44;border-block:1px solid var(--line);padding:18px 0;margin:19px 0 12px}.map{display:inline-flex;font-size:13px;gap:5px;margin:3px 0 27px}.facts{display:grid;grid-template-columns:1fr 1fr;column-gap:33px}.fact{display:grid;grid-template-columns:93px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:15px 0;font-size:13.5px}.fact dt{font-weight:600;color:#4e6e59}.fact dd{margin:0;color:#44594a}.sources{margin-top:63px;border-top:1px solid var(--line);padding-top:18px;color:#7a8d7f}.sources h3{margin:8px 0;font:600 15px var(--serif)}.sources p{font-size:12px;line-height:1.9;margin:0 0 10px}footer{border-top:1px solid var(--line);padding:26px 0 47px;color:#829083;font-size:12px;display:flex;justify-content:space-between;gap:20px}footer a{text-decoration:none;color:#526e59}
.seasonal-photo{width:min(100%,745px);margin:27px auto 32px}.seasonal-photo img{aspect-ratio:960/637;object-fit:cover}.origin-history{padding-bottom:2px}.origin-history h2{margin-top:48px}
@media(max-width:950px){.wide{margin-left:-28px;margin-right:-28px}.float-right{margin-right:0}.float-left{margin-left:0}}
@media(max-width:700px){body{font-size:15.5px;line-height:1.95}.page{width:calc(100% - 40px)}.masthead-in{width:calc(100% - 40px);padding:16px 0}.intro{padding:44px 0 0}h1{font-size:35px}.sub{font-size:14px}.opening{font:16px/2.06 var(--serif);margin-bottom:25px}.hero img{aspect-ratio:4/3}.article{padding:26px 0 48px}h2{font-size:25px;margin:57px 0 18px}h3{font-size:19px}.wide,.float-left,.float-right{float:none;width:100%;margin:24px 0 31px}.wide img{aspect-ratio:4/3}.float-left img,.float-right img{aspect-ratio:4/3}.facts{grid-template-columns:1fr}.route{font-size:15px}footer{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}