:root{--white:#fff;--ink:#27372f;--sub:#657269;--green:#32584a;--light:#e7eae4;--warm:#a07353;--serif:'Noto Serif TC','Songti TC','PMingLiU',serif;--sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/2.07 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid var(--warm);outline-offset:3px}.skip{position:absolute;top:-80px;left:12px;padding:12px;background:#fff;z-index:20}.skip:focus{top:5px}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:#517462;z-index:50;pointer-events:none}.site-header{border-bottom:1px solid #eef0eb;background:#fff}.header-inner{height:81px;width:min(1180px,calc(100% - 74px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font:600 16px/1.7 var(--serif);letter-spacing:.13em;text-decoration:none}.top-links{display:flex;align-items:center;gap:30px}.top-links a{font-size:12px;color:#53675a;text-decoration:none}.top-links a:hover,.trail a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.title-band{width:min(1090px,calc(100% - 68px));margin:95px auto 43px}.eyebrow{font:500 12px/1.8 var(--sans);letter-spacing:.13em;color:#819084;margin:0 0 21px}.title-band h1{font:600 clamp(46px,6.2vw,79px)/1.3 var(--serif);letter-spacing:.075em;margin:0 0 22px;color:#283b30}.title-band .subhead{font:400 clamp(18px,2.05vw,22px)/1.93 var(--serif);letter-spacing:.035em;color:#556e60;margin:0;max-width:690px}.title-band .en{font:italic 14px/1.9 Georgia,serif;color:#98a69a;letter-spacing:.02em;margin:13px 0 0}.photo{margin:0}.photo-frame{position:relative;overflow:hidden;background:#eeeae3}.photo-frame img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:2;filter:saturate(.91)}.photo-frame .unavailable{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#7d827b;font:400 15px/1.7 var(--serif);gap:7px;padding:20px}.unavailable small{font:12px/1.9 var(--sans);color:#999e96}.unavailable a{font:12px/1.9 var(--sans);color:#536d60;text-decoration:none;border-bottom:1px solid #aebdb1}.photo figcaption{font-size:11px;color:#858e84;line-height:1.9;padding-top:11px}.photo figcaption a{color:#54715e;text-decoration:none;margin-left:10px;white-space:nowrap}.photo figcaption a:hover{text-decoration:underline}.hero{width:min(1330px,calc(100% - 26px));margin:0 auto}.hero .photo-frame{height:min(55vw,610px);min-height:320px}.hero figcaption{width:min(1010px,calc(100% - 45px));margin:auto}.article{width:min(780px,calc(100% - 48px));margin-left:auto;margin-right:auto}.article p{font-size:16px;letter-spacing:.028em;line-height:2.16;text-align:justify;margin:0 0 24px}.article p:last-child{margin-bottom:0}.article strong{font-weight:600;color:#365949}.intro{margin-top:93px}.intro .lead{font:400 21px/2.04 var(--serif);color:#3b5948;letter-spacing:.04em}.chapter{margin-top:104px;display:flow-root;clear:both}.chapter h2{font:600 clamp(25px,3vw,33px)/1.55 var(--serif);letter-spacing:.045em;color:#2e4638;margin:0 0 29px}.chapter h3{font:600 20px/1.75 var(--serif);margin:30px 0 10px}.float-left{float:left;width:48%;max-width:370px;margin:9px 31px 20px -82px}.float-right{float:right;width:47%;max-width:370px;margin:8px -83px 20px 34px}.float-left .photo-frame,.float-right .photo-frame{height:440px}.float-right .photo-frame{height:390px}.offset-wide{width:min(1110px,calc(100% - 40px));margin:85px auto 0}.offset-wide .photo-frame{height:clamp(280px,46vw,540px)}.offset-wide figcaption{max-width:780px;margin:0 auto}.pair{width:min(1010px,calc(100% - 48px));margin:70px auto 2px;display:grid;grid-template-columns:1.04fr .77fr;gap:32px;align-items:start}.pair .photo:first-child .photo-frame{height:440px}.pair .photo:nth-child(2){margin-top:86px}.pair .photo:nth-child(2) .photo-frame{height:380px}.center-quote{width:min(740px,calc(100% - 50px));margin:100px auto 0;padding:27px 0;border-top:1px solid #d8e0d7;border-bottom:1px solid #d8e0d7;text-align:center;font:400 22px/1.93 var(--serif);letter-spacing:.06em;color:#587262}.photo-inset{width:min(985px,calc(100% - 48px));margin:70px auto 0;display:flow-root}.photo-inset .photo{width:47%;float:right;margin:0 0 20px 36px}.photo-inset .photo-frame{height:520px}.photo-inset .text{padding:32px 0 0}.photo-inset .text p{font-size:16px;line-height:2.16;letter-spacing:.028em;text-align:justify}.chapter + .photo-inset{margin-top:80px}.quick-info{margin-top:112px;padding-top:47px;border-top:1px solid #d9e1d9}.quick-info dl{margin:41px 0 25px}.quick-info dl>div{padding:22px 2px;border-bottom:1px solid #e4e8e1;display:grid;grid-template-columns:127px 1fr;column-gap:22px}.quick-info dt{color:#839084;font-size:13px}.quick-info dd{margin:0;font-size:15px;line-height:1.9}.quick-info .note{font-size:12px;color:#7c887e;line-height:2;margin-top:22px}.maps{display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid #92ac9b;color:#3b6854;text-decoration:none;font-size:13px;padding:10px 0 6px}.maps svg{width:16px;height:16px}.reading-end{font:400 22px/2 var(--serif);letter-spacing:.05em;color:#4e6858;text-align:center;margin-top:100px}.source-block{width:min(780px,calc(100% - 48px));margin:100px auto 105px;padding-top:25px;border-top:1px solid #e1e6df}.source-block summary{cursor:pointer;color:#597164;font-size:13px}.source-block p,.source-block li{font-size:12px;line-height:1.95;color:#728075}.source-block ul{padding-left:20px}.source-block a{color:#476c57;text-underline-offset:3px}.back-top{position:fixed;right:25px;bottom:26px;border:1px solid #d8e1da;background:rgba(255,255,255,.95);border-radius:100%;width:42px;height:42px;font:16px/1 var(--sans);color:#567060;cursor:pointer;opacity:0;transform:translateY(7px);pointer-events:none;transition:.2s}.back-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}.site-footer{border-top:1px solid #e8ede7;padding:38px 30px 46px}.footer-inner{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-inner strong{font:600 16px/1.7 var(--serif);letter-spacing:.12em}.footer-inner span,.footer-inner a{font-size:12px;color:#7b8b7e;text-decoration:none}
@media(max-width:1040px){.float-left{margin-left:-30px}.float-right{margin-right:-30px}}
@media(max-width:760px){.header-inner{width:calc(100% - 42px);height:66px}.brand{font-size:14px}.top-links{gap:16px}.top-links a{font-size:11px}.title-band{width:calc(100% - 45px);margin:62px auto 32px}.title-band h1{font-size:43px}.title-band .subhead{font-size:17px}.eyebrow{font-size:10px;letter-spacing:.075em}.title-band .en{font-size:12px}.hero{width:calc(100% - 16px)}.hero .photo-frame{height:clamp(285px,74vw,475px);min-height:0}.hero figcaption{width:calc(100% - 28px)}.article{width:calc(100% - 44px)}.article p{font-size:15px;line-height:2.08}.intro{margin-top:65px}.intro .lead{font-size:18px}.chapter{margin-top:77px}.chapter h2{font-size:25px;margin-bottom:21px}.chapter h3{font-size:18px}.float-left,.float-right{float:none;width:93%;max-width:460px;margin:0 auto 25px}.float-left .photo-frame,.float-right .photo-frame{height:auto;aspect-ratio:1.11/1}.float-right{width:85%;margin:0 0 24px auto}.float-right .photo-frame{aspect-ratio:4/5}.offset-wide{width:calc(100% - 18px);margin-top:55px}.offset-wide .photo-frame{height:320px}.offset-wide figcaption{width:calc(100% - 29px)}.pair{width:calc(100% - 44px);gap:15px;margin-top:52px}.pair .photo:first-child .photo-frame{height:255px}.pair .photo:nth-child(2){margin-top:65px}.pair .photo:nth-child(2) .photo-frame{height:210px}.center-quote{font-size:18px;margin-top:72px}.photo-inset{width:calc(100% - 44px);margin-top:52px}.photo-inset .photo{width:83%;float:none;margin:0 auto 24px}.photo-inset .photo-frame{height:420px}.photo-inset .text{padding:0}.photo-inset .text p{font-size:15px}.quick-info{margin-top:76px;padding-top:32px}.quick-info dl>div{grid-template-columns:84px 1fr;gap:14px}.quick-info dd{font-size:14px}.reading-end{font-size:18px;margin-top:70px}.source-block{margin-top:68px;margin-bottom:65px}.footer-inner{flex-direction:column;align-items:start;gap:8px}.back-top{bottom:16px;right:15px}}
@media(max-width:410px){.title-band h1{font-size:37px}.title-band .subhead{font-size:16px}.pair .photo:first-child .photo-frame{height:225px}.pair .photo:nth-child(2) .photo-frame{height:180px}.photo-inset .photo-frame{height:355px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-top{transition:none}}@media print{.site-header,.progress,.back-top{display:none!important}}

.title-band .eyebrow{overflow-wrap:anywhere}.small-em{font:500 13px/2 var(--sans);color:#849488}.keyline{height:1px;background:#dae2da;margin:30px auto 0;max-width:120px}.chapter{scroll-margin-top:28px}.source-block h3{font-size:13px;margin:25px 0 4px}.source-block li{margin-bottom:6px}.note-quiet{font:400 13px/2.1 var(--sans);color:#7f8a80}
@media(max-width:760px){.eyebrow{line-height:2.05}}
.storyline{width:min(820px,calc(100% - 48px));margin:66px auto 0;padding-left:24px;border-left:2px solid #dbe3da;color:#567263;font:400 18px/2.1 var(--serif)}
.storyline p{margin:0}.role-name{font:400 14px/1.85 Georgia,var(--sans);letter-spacing:.06em;color:#718379;margin:-12px 0 26px}.body-photo{width:min(1010px,calc(100% - 48px));margin:78px auto 0}.body-photo .photo-frame{height:clamp(340px,51vw,535px)}
.pair-photo{width:min(1040px,calc(100% - 50px));margin:77px auto 0;display:grid;grid-template-columns:.78fr 1fr;gap:29px;align-items:start}.pair-photo .photo:first-child .photo-frame{height:510px}.pair-photo .photo:last-child{margin-top:62px}.pair-photo .photo:last-child .photo-frame{height:430px}
.reading-map{font-size:14px;color:#587060;line-height:2;margin:28px 0 0}.reading-map a{display:inline-block;border-bottom:1px solid #a9bdb0;text-decoration:none;padding-bottom:2px;margin-right:15px}.reading-map a:hover{color:#233e30}
.article .micro{font:400 13px/2 var(--sans);color:#7c887e}
@media(max-width:760px){.storyline{margin-top:45px;font-size:16px;width:calc(100% - 46px)}.pair-photo{gap:12px;width:calc(100% - 38px);margin-top:48px}.pair-photo .photo:first-child .photo-frame{height:310px}.pair-photo .photo:last-child{margin-top:48px}.pair-photo .photo:last-child .photo-frame{height:254px}.body-photo{width:calc(100% - 20px);margin-top:50px}.body-photo .photo-frame{height:290px}.role-name{font-size:12px}}