﻿:root{--paper:#f6f3eb;--ink:#24483b;--muted:#717667;--line:#d6d8cb;--rust:#985139;--serif:"Noto Serif SC","Songti SC",SimSun,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:5px}.site-header{max-width:1560px;padding:29px 5%;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:25px}.brand-en{font-family:Georgia,serif;font-size:49px;line-height:1;letter-spacing:-.075em}.brand-en>span{font-style:italic}.brand-cn{border-left:1px solid #b6beaf;padding-left:24px;letter-spacing:.15em;font-size:17px}.brand-cn small{display:block;font-size:12px;letter-spacing:.06em;color:var(--muted)}nav{display:flex;gap:37px;align-items:center;font-size:14px}nav span{font-size:12px;margin-left:16px;color:var(--muted)}nav .active{border-bottom:1px solid var(--ink);padding:9px 0}main{max-width:1560px;padding:0 5%;margin:auto}.feature{display:grid;grid-template-columns:42% 58%;min-height:630px;margin:35px 0 0;border:1px solid var(--line)}.feature-text{padding:30px 11% 24px;display:flex;flex-direction:column}.edition{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.04em;margin-bottom:42px}.edition span:last-child{color:var(--muted)}.overline{font-size:12px;letter-spacing:.15em;margin:0 0 16px;color:var(--muted)}h1{position:relative;font-family:var(--serif);font-weight:500;font-size:clamp(64px,6.5vw,100px);letter-spacing:.09em;line-height:1.13;margin:0}h1>span{padding-left:.48em}h1 i{font-size:40px;position:absolute;bottom:0;font-style:normal;color:var(--rust)}.feature-subtitle{font-size:17px;letter-spacing:.2em;margin:25px 0 14px}.feature-description{font-size:16px;color:var(--muted);line-height:1.95;margin:0}.text-link{background:none;border:0;border-bottom:1px solid var(--ink);padding:12px 0 8px;display:inline-flex;justify-content:space-between;gap:40px;font-size:14px;align-self:flex-start}.feature-text .text-link{margin-top:16px}.feature-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;margin-top:auto;padding-top:30px;font-size:12px;letter-spacing:.045em;color:var(--muted)}.feature-visual{position:relative;border-left:1px solid var(--line);padding:27px 37px 0 27px;display:flex;flex-direction:column;min-width:0;background:#eeefe4}.feature-visual>button{flex:1;min-height:0;position:relative;padding:0;background:#e5e9d9;border:0;overflow:hidden}.feature-visual img{width:100%;height:100%;max-height:530px;display:block;object-fit:cover;transition:transform .7s}.feature-visual button:hover img{transform:scale(1.025)}.feature-caption{display:flex;align-items:center;gap:30px;padding:18px 0;font-family:var(--serif);font-size:18px}.feature-caption small{display:block;font:12px/1.8 sans-serif;letter-spacing:.08em;color:var(--muted)}.feature-number{font-family:Georgia,serif;font-size:29px;border-right:1px solid #bcc6b4;padding-right:26px;font-style:italic}.vertical-label{position:absolute;right:9px;top:35px;writing-mode:vertical-rl;font-size:12px;letter-spacing:.12em;color:var(--muted)}.collection-intro{padding:40px 0 46px;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.collection-intro>p{font-family:var(--serif);font-size:29px;margin:0}.collection-intro em{font-style:normal;color:var(--rust)}.collection-intro>span{font-size:14px;color:var(--muted);line-height:1.9}.collection{padding:52px 0 0}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.collection-heading .overline{margin-bottom:8px}h2{font-family:var(--serif);font-weight:500;font-size:41px;letter-spacing:.04em;margin:0;line-height:1.4}h2 span{font-family:Georgia,serif;font-style:italic;font-size:24px;letter-spacing:0;color:var(--muted);margin-left:22px}#collection-total{font-size:12px;color:var(--muted);margin:0 0 7px}.collection-controls{display:flex;justify-content:space-between;align-items:center;margin:27px 0 32px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:37px}.filters button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0 15px;font-size:15px;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.filters button span{font-family:Georgia,serif;font-style:italic;font-size:12px;vertical-align:super;margin-left:7px}.view-hint{font-size:12px;color:var(--muted)}.view-hint>span{margin-left:15px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 30px}.work{background:none;padding:0;border:0;text-align:left;min-width:0}.work-image{position:relative;aspect-ratio:4/5;background:#ede9dd;overflow:hidden}.work-image img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;transition:opacity .45s,transform .6s}.work-image .real-image{opacity:0}.work:hover .real-image{opacity:1}.work:hover img{transform:scale(1.025)}.work-index{position:absolute;top:14px;left:16px;z-index:1;font-family:Georgia,serif;font-size:13px;color:#59685a;background:rgba(250,248,240,.8);padding:1px 6px}.work-open{position:absolute;right:13px;bottom:13px;z-index:1;background:var(--paper);border:1px solid rgba(36,72,59,.15);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:18px}.work-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:10px;letter-spacing:.04em;margin:15px 0 4px}.work h3{font-family:var(--serif);font-weight:500;letter-spacing:.06em;font-size:24px;line-height:1.5;margin:0}.work .work-poem{font-size:13px;color:var(--muted);margin:6px 0 0;line-height:1.6}.archive-note{font-size:12px;color:var(--muted);margin:60px 0 44px;text-align:center;line-height:1.9}footer{background:var(--ink);color:var(--paper);padding:50px max(5%,calc((100vw - 1404px)/2)) 23px}.footer-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:42px}.footer-title{font-family:var(--serif);font-size:38px;letter-spacing:.06em;line-height:1.5}.footer-title em{font-style:normal;color:#c5d4ac}.footer-link{font-size:14px;border-bottom:1px solid #91a18c;padding-bottom:8px}.footer-link span{margin-left:40px}.footer-bottom{border-top:1px solid #617365;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding-top:20px;font-size:12px;letter-spacing:.05em;color:#c3cdbd}dialog{border:0;padding:0;width:min(1060px,92vw);max-height:92dvh;overflow:auto;background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(12,27,20,.78);backdrop-filter:blur(5px)}.detail-layout{display:grid;grid-template-columns:54% 46%;min-height:600px}.detail-visual{display:flex;flex-direction:column;background:#eeeadd;min-width:0}.detail-image{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.detail-image img{width:100%;height:100%;max-height:72dvh;object-fit:contain}.photo-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 25px;border-top:1px solid var(--line)}.photo-controls>button{background:none;border:0;font-size:20px;padding:0 10px}.photo-controls #photo-tabs{display:flex;gap:14px}.photo-controls #photo-tabs button{font-size:13px;border:0;padding:6px 3px;background:none;color:var(--muted);border-bottom:1px solid transparent}.photo-controls #photo-tabs button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}.detail-copy{display:flex;flex-direction:column;padding:70px 40px 28px;min-width:0}.detail-copy h2{font-size:37px;letter-spacing:.06em}.detail-poem{font-family:var(--serif);font-size:18px;line-height:1.85}.detail-divider{height:1px;background:var(--line);margin:20px 0}.original-title{font-size:12px;color:var(--muted);margin:0 0 12px}.detail-copy #detail-description{font-size:16px;color:var(--muted);line-height:1.85;margin:0}.detail-copy .text-link{margin-top:23px}.detail-bottom{margin-top:auto;padding-top:45px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px}.detail-bottom button{border:0;background:none;padding:7px 0;font-size:13px}.close{position:absolute;right:14px;top:12px;z-index:4;border:1px solid var(--line);background:var(--paper);width:40px;height:40px;border-radius:50%;font-size:28px;line-height:1}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:100;background:white;padding:15px}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){.feature{min-height:700px}.feature-visual img{max-height:600px}}@media(max-width:1000px){.site-header{padding:25px 5%}.brand-en{font-size:42px}.brand-cn{font-size:15px}.feature{grid-template-columns:45% 55%;min-height:530px}.feature-text{padding:25px 8%}.edition{margin-bottom:30px;flex-wrap:wrap}.feature-description br{display:none}.feature-visual{padding:20px 29px 0 20px}.feature-caption{gap:17px;font-size:16px}.feature-number{font-size:25px;padding-right:17px}.feature-caption small{letter-spacing:0}.feature-visual img{max-height:460px}.collection-intro>p{font-size:26px}.gallery{gap:35px 20px}.work h3{font-size:22px}.detail-copy{padding:65px 27px 25px}.detail-copy h2{font-size:30px}}@media(max-width:700px){.site-header{padding:20px 6%}.brand{gap:14px}.brand-en{font-size:38px}.brand-cn{padding-left:14px;font-size:15px}.brand-cn small{font-size:12px;letter-spacing:0}nav{gap:0}nav .active{display:none}nav a{font-size:13px}nav a span{margin-left:4px}main{padding:0 6%}.feature{display:flex;flex-direction:column;margin-top:25px}.feature-text{padding:22px 7% 23px}.edition{margin-bottom:23px}.feature .overline{margin-bottom:14px}h1{font-size:61px;line-height:1.2}h1 br{display:none}h1>span{padding-left:0}h1 i{font-size:28px;position:static}.feature-subtitle{margin:14px 0 10px;font-size:16px}.feature-description{font-size:16px;line-height:1.8}.feature-text .text-link{margin-top:11px}.feature-footer{display:none}.feature-visual{border-left:0;border-top:1px solid var(--line);padding:16px 27px 0 16px}.feature-visual>button{height:auto;aspect-ratio:1/1.04;flex:none}.feature-visual img{max-height:none;height:100%;object-fit:cover}.feature-caption{padding:13px 0;gap:22px}.feature-caption small{font-size:12px}.feature-number{font-size:24px}.vertical-label{right:6px;top:21px;letter-spacing:.04em}.collection-intro{padding:27px 0;display:block}.collection-intro>p{font-size:25px;margin-bottom:12px}.collection-intro>span{font-size:14px}.collection{padding-top:34px}h2{font-size:30px}h2 span{font-size:19px;margin-left:12px}#collection-total{font-size:12px;text-align:right;max-width:90px}.collection-controls{margin:19px 0 23px}.filters{gap:26px;justify-content:space-between;width:100%}.filters button{font-size:14px}.filters button span{margin-left:3px}.view-hint{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 15px}.work-index{font-size:12px;left:8px;top:8px}.work-open{width:28px;height:28px;right:8px;bottom:8px;font-size:15px}.work-meta{font-size:12px;letter-spacing:0;margin:10px 0 4px}.work-meta .work-label-en{display:none}.work h3{font-size:20px;letter-spacing:.04em}.work .work-poem{font-size:12px;margin-top:5px}.archive-note{text-align:left;margin:37px 0 30px}footer{padding:32px 6% 20px}.footer-top{display:block;padding-bottom:26px}.footer-title{font-size:30px}.footer-link{display:inline-flex;margin-top:25px;font-size:13px}.footer-bottom{font-size:12px;gap:10px}.footer-bottom span:nth-child(2){display:none}dialog{width:94vw;max-height:92dvh}.detail-layout{display:flex;flex-direction:column;min-height:0}.detail-image img{max-height:48dvh;object-fit:contain}.detail-copy{padding:25px}.detail-copy h2{font-size:30px}.detail-poem{font-size:17px;margin:10px 0}.detail-copy .overline{margin-bottom:8px}.detail-divider{margin:12px 0}.detail-bottom{padding-top:25px}.photo-controls{padding:10px 15px}.close{position:fixed;right:6vw;top:6dvh}.work:hover .real-image{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:700px){h1{font-size:56px}h1 br{display:initial}h1>span{padding-left:.5em}h1 i{position:absolute;bottom:0;font-size:28px}}
