@import "https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.7.0/style.css";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Crimson+Pro:ital,wght@0,300;0,400;1,300&family=Noto+Serif+SC:wght@400;500;600&family=Spectral:ital,wght@0,300;0,400;1,300&family=ZCOOL+XiaoWei&family=Inter:wght@300;400;450&display=swap";:root{--bg:#faf6f1;--bg-deep:#f0e8df;--text:#2c2420;--text-muted:#484038;--text-light:#5a504a;--border:#2c24201f;--border-light:#2c242014;--accent:#6e3d46;--accent-soft:#7a4a521f;--moment-title:#5a504a;--moment-en:#484038;--glow-warm:#d6a58259;--glow-cool:#b4c3d233;--font-serif:"Noto Serif SC", "Songti SC", "STSong", serif;--font-serif-art:"LXGW WenKai", "Kaiti SC", "STKaiti", serif;--font-display:"ZCOOL XiaoWei", "LXGW WenKai", serif;--font-serif-en:"Cormorant Garamond", "Noto Serif SC", serif;--font-moment-en:"Spectral", "Cormorant Garamond", serif;--font-moment-title:"Cormorant Garamond", "Spectral", serif;--font-name-en:"Crimson Pro", "Noto Serif SC", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-en-2xs:.9rem;--text-en-xs:.9375rem;--text-en-sm:1rem;--text-en-md:1.0625rem;--text-en-lg:1.2rem;--text-zh-xs:.84rem;--text-zh-sm:.875rem;--text-zh-md:.975rem;--text-zh-body:1.05rem;--max-width:1080px;--page-padding:clamp(1.5rem, 5vw, 4rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:17px}body{font-family:var(--font-sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:400;line-height:1.7}body:before{content:"";background:radial-gradient(ellipse 80% 60% at 15% 20%, var(--glow-warm), transparent 55%), radial-gradient(ellipse 70% 50% at 85% 75%, var(--glow-cool), transparent 50%), radial-gradient(ellipse 50% 40% at 50% 100%, var(--accent-soft), transparent 60%);pointer-events:none;z-index:0;animation:12s ease-in-out infinite alternate breathe;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");position:fixed;inset:0}@keyframes breathe{0%{opacity:.85}to{opacity:1}}main{z-index:1;position:relative}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.serif{font-family:var(--font-serif)}.serif-art{font-family:var(--font-serif-art)}.serif-display{font-family:var(--font-display)}.serif-en{font-family:var(--font-serif-en)}.name-en{font-family:var(--font-name-en);font-optical-sizing:auto}.zone-art .prose,.zone-pattern .prose,.zone-art .prose blockquote,.zone-pattern .prose blockquote,.zone-art .prose h1,.zone-art .prose h2,.zone-art .prose h3,.zone-pattern .prose h1,.zone-pattern .prose h2,.zone-pattern .prose h3,.zone-art .timeline-title,.zone-art .timeline-title a,.zone-pattern .timeline-title,.zone-pattern .timeline-title a,.zone-art .timeline-summary,.zone-pattern .timeline-summary{font-family:var(--font-serif-art)}.zone-art .timeline-title,.zone-pattern .timeline-title{font-weight:500}.channel-page,.page-shell{max-width:var(--max-width);padding:var(--page-padding);margin:0 auto;padding-top:2rem;padding-bottom:4rem}.page-shell{padding-bottom:0}.channel-page .page-header,.page-shell .page-header{text-align:center;margin-bottom:1.5rem}.channel-page .page-header--wide{margin-bottom:2rem}.page-title{letter-spacing:.12em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:500}.zone-art .page-title,.zone-pattern .page-title{font-family:var(--font-serif-art)}.page-title-en{font-family:var(--font-name-en);font-size:var(--text-en-lg);letter-spacing:.04em;color:var(--text-muted);margin-top:.25rem;font-style:normal;font-weight:400}.page-sub-zh{font-size:var(--text-zh-sm);letter-spacing:.14em;color:var(--text-light);margin-top:.75rem}.zone-art .page-sub-zh,.zone-pattern .page-sub-zh{font-family:var(--font-serif-art)}.page-sub-en,.back-link-en,.section-label-en,.page-intro .intro-en,.projects-link-en,.sub-topic-en,.sub-teaser-en,.sub-enter-en{font-family:var(--font-moment-en);color:var(--text-muted);font-style:italic;font-weight:400}.page-sub-en{font-size:var(--text-en-2xs);letter-spacing:.06em;margin-top:.15rem}.back-link-en{font-size:var(--text-en-xs);letter-spacing:.04em;margin-top:-1.5rem;margin-bottom:2rem;margin-left:1.1rem;display:block}.section-label{font-size:var(--text-zh-body);letter-spacing:.2em;color:var(--text-light);margin-bottom:.15rem}.zone-art .section-label,.zone-pattern .section-label{font-family:var(--font-serif-art)}.section-label-en{font-size:var(--text-en-2xs);letter-spacing:.05em;margin-bottom:2rem}.page-intro .intro-en{font-size:var(--text-en-md);line-height:1.9}.zone-art .article-title,.zone-pattern .article-title{font-family:var(--font-serif-art);font-weight:500}.sub-en{font-family:var(--font-name-en);letter-spacing:.03em;color:var(--text-muted);font-style:normal;font-weight:400}.sub-zh,.sub-topic-zh,.sub-teaser-zh{font-family:var(--font-serif-art)}.sub-topic-en,.sub-teaser-en{font-size:var(--text-en-2xs);letter-spacing:.05em}.sub-teaser-en{font-size:var(--text-en-xs)}.section-title{align-items:baseline;gap:.75rem;margin-bottom:3rem;display:flex}.zone-art .section-title__zh,.zone-pattern .section-title__zh,.zone-pattern .project-title,.zone-pattern .project-desc,.zone-pattern .link-label{font-family:var(--font-serif-art)}.section-title__zh{letter-spacing:.12em;font-size:1.75rem;font-weight:500}.section-title__en{font-size:var(--text-en-xs);letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);font-weight:400}.section-title__divider{color:var(--text-light);font-weight:300}.nav-link{color:var(--text-muted);letter-spacing:.02em;align-items:center;gap:.45rem;font-size:.88rem;transition:color .25s,letter-spacing .25s;display:inline-flex}.nav-link:before{content:"—";color:var(--accent);opacity:.45}.nav-link:hover{color:var(--accent);opacity:1;letter-spacing:.04em}.tag{font-family:var(--font-moment-en);font-size:var(--text-en-2xs);letter-spacing:.04em;border:1px solid var(--border);color:var(--text-muted);background:#ffffff73;border-radius:999px;padding:.22rem .6rem;font-style:normal;font-weight:300;display:inline-block}.tag-list{flex-wrap:wrap;gap:.45rem;display:flex}.fade-in{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) forwards fadeIn;transform:translateY(16px)}.fade-in-delay-1{animation-delay:.12s}.fade-in-delay-2{animation-delay:.24s}.fade-in-delay-3{animation-delay:.36s}.fade-in-delay-4{animation-delay:.48s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.prose{max-width:42rem;font-size:var(--text-zh-body);color:var(--text);line-height:1.9}.prose h1,.prose h2,.prose h3{font-family:var(--font-serif);letter-spacing:.06em;margin:2.5rem 0 1rem;font-weight:500;line-height:1.4}.prose h1{font-size:1.85rem}.prose h2{color:var(--accent);font-size:1.35rem}.prose h3{font-size:1.1rem}.prose p{margin-bottom:1.25rem}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline #7a4a5259}.prose a:hover{text-decoration-color:var(--accent)}.prose code{background:var(--accent-soft);border-radius:3px;padding:.15em .4em;font-size:.875em}.prose pre{background:var(--bg-deep);border:1px solid var(--border-light);border-radius:6px;margin-bottom:1.25rem;padding:1rem 1.25rem;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{color:var(--text-muted);font-family:var(--font-serif);border-left:none;margin:2rem 0;padding:1.25rem 0 1.25rem 1.5rem;font-size:1.05rem;line-height:1.85;position:relative}.prose blockquote:before{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:0}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.5rem}.prose li{margin-bottom:.4rem}.lightbox{z-index:1000;opacity:0;visibility:hidden;cursor:zoom-out;background:#1c1614f0;justify-content:center;align-items:center;padding:2rem;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.lightbox.is-open{opacity:1;visibility:visible}.lightbox img{object-fit:contain;border-radius:2px;max-width:min(90vw,1200px);max-height:90vh;box-shadow:0 24px 80px #00000080}.lightbox-caption{color:#ffffffa6;letter-spacing:.08em;font-size:.82rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.lightbox-close{color:#ffffff8c;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:1.5rem;right:2rem}.lightbox-close:hover{color:#fff}.section-divider{justify-content:center;align-items:center;gap:1rem;margin:4rem 0;display:flex}.section-divider:before,.section-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);flex:1;max-width:160px;height:1px}.section-divider span{background:var(--accent);opacity:.35;border-radius:50%;width:6px;height:6px}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;transition:color .2s;display:inline-flex}.back-link:before{content:"←"}.back-link:hover{color:var(--accent);opacity:1}.site-footer{z-index:1;padding:clamp(8rem, 22vh, 14rem) var(--page-padding) clamp(2rem, 5vh, 3rem);text-align:center;position:relative}.site-footer-inner{flex-direction:column;align-items:center;gap:.6rem;width:fit-content;max-width:92%;display:inline-flex}.site-footer-rule{background:var(--text-muted);opacity:.34;width:min(9rem,64%);height:1px;display:block}.site-footer-line{font-family:var(--font-moment-en);letter-spacing:.03em;color:var(--text-muted);opacity:.9;white-space:nowrap;margin:0;font-size:.72rem;font-style:italic;font-weight:400;line-height:1.5}@media (width<=768px){html{font-size:16px}body{overflow-x:hidden}.site-footer-line{white-space:normal}.hide-mobile{display:none!important}}body{margin:0}