:root{--ink:#233e35;--dim:#566960;--line:#d4dacf;--paper:#f7f7ef;--serif:Georgia,"Songti TC","Noto Serif CJK TC","Noto Serif TC",serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:.28em}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #966528;outline-offset:5px}.wrap{width:min(1320px,90%);margin-inline:auto}.bar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:26px/1 var(--serif);letter-spacing:-1px}.mark{width:25px;height:31px;border:1.8px solid currentColor;border-radius:14px 14px 2px 2px;position:relative;display:inline-block;background:linear-gradient(to right,transparent 47%,currentColor 47% 53%,transparent 53%)}.mark:after{content:"";position:absolute;inset:52% 0 auto;border-top:1.5px solid}.bar nav,footer nav,.languages{display:flex;align-items:center;gap:24px;font-size:14px;flex-wrap:wrap}.bar nav a,footer nav a{text-decoration:none}.bar nav a:hover,footer a:hover{text-decoration:underline}.intro{padding:62px 0 32px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:6%}h1,h2,h3,p,figure{margin:0}.intro h1,.doc h1{font:500 clamp(38px,4.4vw,74px)/1.26 var(--serif);letter-spacing:-.055em}.intro h1 em{color:#677b63;font-style:normal}.intro p{color:var(--dim);font-size:17px;max-width:29em}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:17px}.button,.email{border:0;background:var(--ink);border-radius:99px;color:white;display:inline-flex;gap:9px;align-items:center;padding:11px 21px;text-decoration:none;font-size:14px;font-weight:550}.button{cursor:pointer}.button:hover,.email:hover{background:#3d5f4f}.wave{display:flex;align-items:center;gap:2px;height:18px}.wave i{width:2px;height:8px;background:currentColor;border-radius:2px}.wave i:nth-child(even){height:15px}.wave i:nth-child(3){height:19px}.availability{font-size:13px;color:var(--dim)}#download[href]{font-weight:bold}.panorama{position:relative;background:#dec399;overflow:hidden;border-radius:4px 4px 32px 4px}.panorama>img{display:block;width:100%;height:clamp(280px,32vw,480px);object-fit:cover;object-position:center 62%}.caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;color:var(--dim);font-size:13px}.folio{font:italic 16px var(--serif)}.gallery{padding:64px 0 84px}.gallery h2{font:500 clamp(27px,3vw,42px)/1.4 var(--serif);letter-spacing:-.04em}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:22px}.gallery img{width:100%;aspect-ratio:2.12;object-fit:cover;display:block;border-radius:4px}.gallery figcaption{display:flex;align-items:center;gap:13px;margin:12px 0;font:22px var(--serif)}.num{font:italic 16px Georgia;color:#61745e}.foot{background:#253d32;color:#f4f4e7}.foot>div{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding-block:36px}.foot .brand{font-size:25px}.foot nav{gap:20px}.doc{max-width:1150px}.dochead{display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line)}.dochead img{width:100%;height:180px;object-fit:cover;border-radius:90px 4px 4px 4px}.doc h1{font-size:clamp(36px,4.4vw,64px);margin:8px 0 12px}.dochead small{color:var(--dim)}.languages{gap:14px;font-size:13px}.languages [aria-current]{font-weight:bold}.languages a:not([aria-current]){text-decoration:none;color:var(--dim)}.reading{display:grid;grid-template-columns:minmax(165px,1fr) minmax(0,2.6fr);gap:8%;padding:42px 0 72px}.toc{align-self:start;position:sticky;top:24px;display:grid;gap:12px}.toc a{text-decoration:none;line-height:1.5;font-size:14px}.toc .num{margin-right:9px}.prose{max-width:740px}.prose section,.prose details{padding:22px 0;border-bottom:1px solid var(--line)}.prose section:first-child,.prose details:first-child{padding-top:0}.prose h2,.prose summary{font:600 22px/1.5 var(--serif)}.prose p{font-size:16px;line-height:1.95;color:#3c5046;margin-top:10px;overflow-wrap:anywhere}.prose summary{cursor:pointer}.prose details[open] summary{color:#425f42}.resources{display:flex;flex-wrap:wrap;gap:8px 17px;margin:23px 0;font-size:14px}.email{margin-top:12px;max-width:100%;overflow-wrap:anywhere}
@media(max-width:700px){.bar{min-height:65px}.bar nav{font-size:13px;gap:13px}.brand{font-size:22px;gap:8px}.mark{width:21px;height:26px}.intro{grid-template-columns:1fr;gap:16px;padding:30px 0 20px}.intro h1{font-size:clamp(34px,8.7vw,52px)}.intro p{font-size:15px}.actions{margin-top:14px}.panorama>img{height:clamp(260px,72vw,365px);object-position:74% center}.gallery{padding:30px 0 44px}.gallery-grid{gap:17px}.gallery img{aspect-ratio:1.12}.gallery figcaption{font-size:17px;gap:7px}.foot>div{display:grid}.dochead{gap:16px;padding:24px 0;grid-template-columns:1fr}.dochead img{height:110px;border-top-left-radius:54px}.reading{display:block;padding:22px 0 45px}.toc{position:static;display:flex;gap:8px 16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.prose h2,.prose summary{font-size:20px}.languages{gap:12px}.bar nav .optional{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.home-languages{width:min(1320px,90%);margin:12px auto 0;justify-content:flex-end}.intro{padding-top:38px}@media(max-width:700px){.intro{padding-top:22px}}
:root{--ink:#20392f;--paper:#f8f7f0;--line:#d8d8ca}
.app-icon{height:42px;width:42px;border-radius:23%;display:block}.foot .app-icon{width:34px;height:34px}
.bar{min-height:86px;border-bottom:0}.langmenu{position:relative}.langmenu summary{cursor:pointer;padding:6px 10px;font-size:13px;border:1px solid var(--line);border-radius:8px}.home-languages{position:absolute;top:100%;right:0;z-index:4;display:grid;width:max-content;margin:6px 0 0;background:var(--paper);box-shadow:0 8px 22px #172f2320;border:1px solid var(--line);padding:10px 18px;border-radius:12px;gap:4px}.home-languages a{padding:4px}
.hero-scene{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(450px,43vw,640px);border-radius:18px;overflow:hidden;background:#ecd2ac}.hero-scene>figure{position:absolute;inset:0;z-index:-1}.hero-scene .panorama,.hero-scene .panorama img{height:100%;width:100%;border-radius:0;object-position:64% center}.hero-scene .panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f9efdde8 0%,#f8ecd5da 22%,#f7e9cf9c 43%,transparent 63%)}.hero-scene .caption{position:absolute;bottom:14px;right:18px;padding:4px 12px;color:#fff;background:#24342bba;border-radius:20px;font-size:11px}.caption .folio{display:none}.intro{display:block;margin:0;width:min(58%,710px);padding:50px clamp(26px,4.3vw,72px)}.intro h1{font-size:clamp(36px,4.25vw,72px);color:#1e352b;line-height:1.27}.intro h1 em{color:#3e5943}.intro p{color:#314338;margin-top:22px;line-height:1.75}.actions{gap:10px;margin-top:21px}.button{box-shadow:0 4px 14px #20392f24}.gallery{padding:48px 0 60px}.gallery-grid{gap:24px}.gallery img{border-radius:12px}.gallery figcaption{padding:4px 0}.dochead img{border-radius:12px 52px 12px 12px}.dochead{padding-top:24px}
@media(max-width:760px){.bar{min-height:70px}.bar nav{gap:11px}.app-icon{width:33px;height:33px}.langmenu summary{font-size:12px;padding:4px 6px}.landing{width:94%}.hero-scene{min-height:0;display:flex;flex-direction:column;align-items:stretch;background:#f2e3cb;border-radius:14px}.intro{width:100%;padding:25px 6% 18px}.intro h1{font-size:clamp(34px,8.2vw,52px)}.intro p{margin-top:12px}.actions{margin-top:14px}.hero-scene>figure{position:relative;inset:auto;z-index:0;height:clamp(220px,58vw,350px)}.hero-scene .panorama img{object-position:80% center}.hero-scene .panorama:after{background:linear-gradient(to bottom,#f2e3cb,transparent 25%)}.hero-scene .caption{bottom:8px;right:10px}.gallery{padding:32px 3% 40px}.gallery-grid{gap:13px}.bar .brand{font-size:21px}.gallery img{border-radius:8px}}
@media(max-width:420px){.bar nav a[href="#scenes"]{display:none}.actions{column-gap:8px;row-gap:4px}.bar nav{font-size:12px}.intro h1:lang(en){font-size:clamp(31px,8vw,38px)}}
.lang-hint{position:fixed;left:16px;right:16px;bottom:20px;margin-inline:auto;width:fit-content;z-index:20;display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:10px 10px 10px 18px;border-radius:99px;background:#233e35;color:#f7f7ef;font-size:14px;box-shadow:0 18px 40px #0000004d}.lang-hint a{font-weight:600;background:#f7f7ef;color:#233e35;padding:7px 14px;border-radius:99px;text-decoration:none;white-space:nowrap}.lang-hint button{border:0;background:none;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;color:inherit}