@import"/fonts/fonts.css?v=20261027";:root{font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;color:#e8e5da;background:#101719;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #bacac6;outline-offset:7px}button:disabled{opacity:.5}.app{min-height:100svh;background:var(--ink)}.opening{height:100svh;min-height:620px;overflow:hidden;position:relative;isolation:isolate}.painting-wall{position:absolute;inset:0;overflow:hidden;background:#101719;z-index:-4}.wall-plane{position:absolute;left:50%;top:50%;width:max(145vw,1550px);height:170vh;display:grid;grid-template-columns:1.04fr .9fr 1.12fr .94fr;gap:26px;transform:translate(-50%,-50%) rotate(var(--tilt))}.wall-column{min-width:0;animation:flow-up var(--duration) linear infinite;will-change:transform;align-self:start}.wall-column:nth-child(2n){animation-name:flow-down}.column-0{margin-top:-300px}.column-1{margin-top:-40px}.column-2{margin-top:-400px}.column-3{margin-top:-180px}.wall-set{display:flex;flex-direction:column;gap:26px;padding-bottom:26px}.painting{background:#1c2525;border:1px solid #a3ac9b24;padding:10px 10px 0;box-shadow:0 18px 40px #0005}.painting-mat{position:relative;height:390px;overflow:hidden;background:#e8e7df}.painting-1 .painting-mat{height:290px}.painting-2 .painting-mat{height:350px}.painting img{display:block;height:100%;width:100%;object-fit:cover;filter:contrast(1.16) brightness(.91) saturate(.45)}.painting-inscription{position:absolute;right:20px;top:25px;writing-mode:vertical-rl;font-family:"Noto Serif SC",SimSun,serif;letter-spacing:5px;font-size:15px;color:#333d39}.painting-inscription i{font-style:normal;letter-spacing:1px;font-size:9px;background:#9f3c32bb;color:#f7f1dd;padding:5px 3px;margin-top:14px;line-height:12px}.painting-caption{display:flex;justify-content:space-between;align-items:center;height:36px;font-size:9px;letter-spacing:2px;color:#c5cec2aa}.painting-caption span:last-child{font-size:8px;color:#c5cec255;letter-spacing:1px}.is-paused .wall-column{animation-play-state:paused}.atmosphere{z-index:-2;position:absolute;inset:0;background:radial-gradient(ellipse at 50% 44%,#101719f5,#101719da 22%,#1017197a 48%,#10171930 75%),linear-gradient(180deg,#101719ab 0%,transparent 25%,transparent 65%,#101719e8 100%);pointer-events:none}.paper-grain{position:absolute;inset:0;opacity:.12;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:35px 4.2vw}.brand{display:inline-flex;gap:13px;align-items:center;color:#e8e5da}.brand>span:first-of-type{font-family:"Noto Serif SC",SimSun,serif;font-size:24px;letter-spacing:6px}.brand-roman{margin-left:10px;font-family:Georgia,serif;font-size:12px;font-style:italic;letter-spacing:1px;color:#bdc7c0b3}.header-actions{display:flex;gap:26px;align-items:center}.header-note{font-size:10px;letter-spacing:3px;color:#cad0c1b3}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:1px solid #d3d8ca3b;border-radius:50%;transition:background .25s}.icon-button:hover{background:#c1d1ca15}.info-symbol{font-family:Georgia,serif;font-size:14px;font-style:italic}.side-poem{position:absolute;top:44%;writing-mode:vertical-rl;letter-spacing:9px;color:#e8e5da88;font-family:"Noto Serif SC",SimSun,serif;font-size:12px}.side-poem-left{left:4.5vw}.side-poem-right{right:4.5vw}.hero-content{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);text-align:center;width:min(700px,85vw);transition:opacity .4s,transform .8s}.hero-prelude{display:flex;justify-content:center;align-items:center;gap:16px;color:#bac6b9;font-size:10px;letter-spacing:7px;margin-bottom:15px}.hero-prelude span{height:1px;width:28px;background:#b7c4ae66}.title-composition{display:inline-flex;position:relative;align-items:center}.hero-content h1{margin:0 -25px 0 0;font-family:"Noto Serif SC",STSong,SimSun,serif;font-weight:400;font-size:clamp(104px,11.8vw,176px);line-height:1.45;letter-spacing:25px;color:#efeee4;text-shadow:0 0 60px #192a2677}.hero-seal{position:absolute;right:-40px;top:33%;color:#e5d9c4;border:1px solid #b83d32c7;background:#90372ee0;font-family:"Noto Serif SC",SimSun,serif;font-size:13px;line-height:19px;padding:6px 5px;transform:rotate(5deg);box-shadow:inset 0 0 0 2px #10171933}.hero-subtitle{font-family:"Noto Serif SC",SimSun,serif;letter-spacing:9px;font-size:16px;color:#d3d8c9;margin:6px 0 0 9px}.hero-rule{width:1px;height:42px;background:linear-gradient(#c8d2bb66,transparent);margin:28px auto 18px}.enter-button{display:inline-flex;justify-content:center;align-items:center;gap:34px;padding:14px 28px;border:1px solid #c4d3c066;border-radius:2px;min-width:152px;background:#15232050;transition:background .3s,border-color .3s,transform .3s}.enter-button>span{font-family:"Noto Serif SC",SimSun,serif;font-size:16px;letter-spacing:8px;margin-right:-8px}.enter-button:hover{background:#b8c4aa18;border-color:#cad5bb;transform:translateY(-2px)}.entry-caption{margin:17px 0 0;color:#adb9ab99;font-size:10px;letter-spacing:3px;min-height:16px}.opening-footer{position:absolute;z-index:5;bottom:29px;left:4.2vw;right:4.2vw;display:flex;justify-content:space-between;align-items:center;color:#bac3b7;font-size:10px;letter-spacing:2px}.footer-caption{display:flex;align-items:center;gap:13px}.tiny-square{width:5px;height:5px;background:#ad5b46;transform:rotate(45deg)}.footer-caption-divider{height:10px;width:1px;background:#d0dcc044;margin:0 3px}.footer-secondary{color:#aebaa389}.motion-control{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;min-height:35px;padding:4px 0 4px 10px}.motion-control:hover{color:#fff}.entry-transition{position:absolute;z-index:4;inset:0;background:#10171900;animation:portal-darken 1.2s forwards;pointer-events:none}.portal-frame{position:absolute;overflow:hidden;box-shadow:0 0 0 10px #1c2525,0 30px 90px #0006;animation:portal-open 1.2s cubic-bezier(.65,0,.25,1) forwards}.portal-frame img{width:100%;height:100%;object-fit:cover;object-position:left center}.scene-transition .hero-content{opacity:0;transform:translate(-50%,-55%);pointer-events:none}.scene-transition .side-poem{opacity:0}.viewer-loading{height:100svh;display:flex;align-items:center;padding:5vw}.viewer-loading img{width:100%;height:50vh;object-fit:cover;object-position:left}.about-dialog{background:#172022;color:#e8e5da;border:1px solid #a3b1a544;padding:0;max-width:480px;width:calc(100vw - 40px);box-shadow:0 30px 150px #000a}.about-dialog::backdrop{background:#080e10ba;backdrop-filter:blur(6px)}.about-content{padding:48px 40px;position:relative}.about-content>svg{color:#8da598}.about-content h2{font-family:"Noto Serif SC",SimSun,serif;font-weight:400;font-size:27px;letter-spacing:3px;margin:24px 0}.about-content p{font-size:13px;color:#bdc8bf;line-height:2.1}.close-button{position:absolute;right:16px;top:12px;font-size:28px;line-height:30px;color:#bac3b7}.source-links{display:flex;gap:24px;margin-top:25px;font-size:12px}.source-links a{padding-bottom:5px;border-bottom:1px solid #728d7f}.about-content .about-small{font-size:11px;color:#829388;margin:26px 0 0}.viewer{min-height:100svh;padding:128px 5vw 24px;position:relative}.viewer-header{padding-bottom:25px;border-bottom:1px solid #98aa9822}.text-button{font-size:12px;letter-spacing:3px;padding:10px 0}.text-button:hover{color:#fff}.viewer-intro{display:flex;justify-content:space-between;align-items:center;margin:12px 0 28px}.small-label{color:#97aa9d;font-size:11px;letter-spacing:4px;margin:0 0 12px}.viewer-intro h1{font-family:"Noto Serif SC",SimSun,serif;font-weight:400;font-size:34px;letter-spacing:9px;margin:0}.viewer-intro h1:focus{outline:0}.outlined-button{display:flex;align-items:center;gap:10px;border:1px solid #7b948358;padding:12px 20px;font-size:12px;letter-spacing:3px;transition:background .2s}.outlined-button:hover{background:#a4ba9b11}.scroll-stage{position:relative;padding:10px;background:#24302e;box-shadow:0 25px 100px #0005}.scroll-viewport{position:relative;overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;touch-action:pan-x pan-y;overscroll-behavior-x:contain;background:#f3f4ed;height:clamp(250px,47vh,580px)}.scroll-viewport::-webkit-scrollbar{display:none}.scroll-viewport:active{cursor:grabbing}.panorama{height:100%;width:auto;display:block;max-width:none;user-select:none;mix-blend-mode:multiply}.scroll-edge{position:absolute;top:10px;bottom:10px;width:18px;pointer-events:none}.edge-left{left:10px;background:linear-gradient(90deg,#12221c30,transparent)}.edge-right{right:10px;background:linear-gradient(-90deg,#12221c30,transparent)}.viewer-bottom{display:flex;justify-content:space-between;align-items:center;margin:22px 0 25px;gap:15px}.scroll-controls{display:flex;align-items:center;gap:17px;font-size:11px;letter-spacing:3px;white-space:nowrap}.circle-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid #91a68f55;border-radius:50%;transition:background .2s}.circle-button:hover:not(:disabled){background:#b3c4a316}.circle-button:disabled{opacity:.25}.viewer-status{font-size:11px;color:#9bab9e;letter-spacing:1px;text-align:center}.inline-button{color:#e0e5d5;text-decoration:underline;padding:6px}.seed-note{font-size:10px;color:#8ea18f;letter-spacing:2px;white-space:nowrap;font-variant-numeric:tabular-nums}.journey-track{height:1px;background:#8b9f8629;overflow:hidden}.journey-track span{display:block;height:1px;background:#b3bca4;transform-origin:left;transition:transform .15s linear}.viewer-footer{display:flex;justify-content:space-between;padding-top:22px;font-size:10px;color:#829585;letter-spacing:2px}.reduced-motion .wall-column{animation-play-state:paused}.reduced-motion .portal-frame{animation:none;inset:25vh 6vw auto;width:88vw;height:50vh}.reduced-motion .entry-transition{animation:portal-darken .22s forwards}.reduced-motion .hero-content{transition:opacity .15s}.reduced-motion .enter-button{transition:none}@keyframes flow-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes flow-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes portal-darken{0%{background:#10171900}65%,to{background:#101719}}@keyframes portal-open{0%{left:39%;top:52%;width:24vw;height:45vh;transform:rotate(-12deg) scale(.7);opacity:0}12%{opacity:1}to{left:5vw;top:29vh;width:90vw;height:47vh;transform:rotate(0) scale(1);opacity:1}}@media(min-width:1600px){.wall-plane{width:138vw;gap:36px}.painting-mat{height:480px}.painting-1 .painting-mat{height:360px}.painting-2 .painting-mat{height:430px}.wall-set{gap:36px;padding-bottom:36px}}@media(max-width:760px){.opening{min-height:560px}.wall-plane{width:135vw;min-width:620px;grid-template-columns:1fr 1fr;gap:18px;transform:translate(-50%,-50%) rotate(-8deg)}.wall-column:nth-child(n+3){display:none}.painting{padding:7px 7px 0}.painting-mat{height:370px}.painting-1 .painting-mat{height:290px}.painting-2 .painting-mat{height:340px}.wall-set{gap:18px;padding-bottom:18px}.painting-caption{font-size:8px;height:29px;letter-spacing:1px}.painting-caption span:last-child{display:none}.site-header{padding:24px 6vw}.brand{gap:10px}.brand>span:first-of-type{font-size:21px}.brand-roman{margin-left:0;font-size:10px}.header-note{display:none}.header-actions{gap:0}.side-poem{font-size:10px;letter-spacing:6px;top:43%}.side-poem-left{left:6vw}.side-poem-right{right:6vw}.hero-content{top:47%;width:75vw}.hero-content h1{font-size:112px;letter-spacing:15px;margin-right:-15px}.hero-seal{right:-22px;font-size:10px;line-height:15px;padding:4px 3px;top:30%}.hero-prelude{font-size:9px;letter-spacing:5px;margin-bottom:17px}.hero-subtitle{font-size:12px;letter-spacing:5px;margin-left:5px;white-space:nowrap}.hero-rule{height:35px;margin:24px auto 18px}.enter-button{padding:14px 23px;min-width:145px}.entry-caption{font-size:9px;letter-spacing:2px}.opening-footer{bottom:22px;left:6vw;right:6vw;font-size:9px}.footer-secondary,.footer-caption-divider{display:none}.motion-control{font-size:9px;gap:7px}.atmosphere{background:radial-gradient(ellipse at 50% 44%,#101719ef,#101719cf 27%,#1017196b 65%,#1017193a),linear-gradient(180deg,#101719b0,transparent 25%,transparent 70%,#101719f0)}.viewer{padding:103px 5vw 22px}.viewer-header{padding:22px 5vw}.viewer-header .brand>svg{width:24px}.viewer-intro{margin:15px 0 22px}.viewer-intro h1{font-size:28px;letter-spacing:6px}.small-label{font-size:9px;letter-spacing:2px}.outlined-button{padding:10px 13px;font-size:11px;letter-spacing:2px}.scroll-stage{padding:6px;margin:0 -2vw}.scroll-viewport{height:49svh;min-height:270px}.scroll-edge{top:6px;bottom:6px}.edge-left{left:6px}.edge-right{right:6px}.viewer-bottom{flex-wrap:wrap;margin:20px 0;gap:10px}.scroll-controls{gap:13px;font-size:10px;order:0}.seed-note{order:1;font-size:9px}.viewer-status{order:2;width:100%;font-size:10px;text-align:left;line-height:1.8;margin:5px 0 0}.viewer-footer{font-size:9px;letter-spacing:1px}.about-content{padding:38px 27px}.about-content h2{font-size:23px}.portal-frame{animation-name:portal-open-mobile}@keyframes portal-open-mobile{0%{left:28%;top:45%;width:50vw;height:42vh;transform:rotate(-8deg) scale(.7);opacity:0}12%{opacity:1}to{left:3vw;top:26vh;width:94vw;height:49vh;transform:rotate(0) scale(1);opacity:1}}}@media(max-height:670px)and (min-width:761px){.opening{min-height:500px}.hero-content{top:48%}.hero-content h1{font-size:112px}.hero-prelude{margin-bottom:0}.hero-rule{height:25px;margin:18px auto}.viewer{padding-top:95px}.viewer-intro{margin-top:0}.scroll-viewport{height:43vh}.viewer-bottom{margin:15px 0}.site-header{padding-top:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.wall-column{animation-play-state:paused!important}.enter-button,.hero-content,.journey-track span{transition:none}}@media(max-height:500px){.opening{min-height:100svh}.site-header{padding-top:15px;padding-bottom:15px}.hero-content{top:49%}.hero-prelude{display:none}.hero-content h1{font-size:80px;line-height:1.25}.hero-subtitle{font-size:11px;letter-spacing:5px;margin-top:0}.hero-seal{font-size:10px;line-height:14px;padding:3px;right:-24px;top:20%}.hero-rule{height:14px;margin:12px auto}.enter-button{padding:10px 22px;min-width:135px}.enter-button>span{font-size:13px}.entry-caption{margin-top:9px;font-size:9px}.opening-footer{bottom:12px}.side-poem{font-size:9px;top:42%}.viewer{padding-top:85px}.viewer-intro{margin:4px 0 15px}.viewer-intro h1{font-size:25px}.small-label{font-size:9px;margin-bottom:6px}.scroll-viewport{height:56svh;min-height:180px}}.work-qianli .painting-mat img,.work-yangzi .painting-mat img{filter:brightness(.92) saturate(.72) contrast(1.08)}.work-heading{min-width:0}.artwork-viewer .viewer-intro h1{font-size:30px;letter-spacing:5px;line-height:1.5}.work-picker{position:relative;flex-shrink:0;margin-left:20px;z-index:10}.work-picker .outlined-button{min-width:105px;justify-content:space-between}.work-menu{position:absolute;right:0;top:calc(100% + 12px);width:270px;padding:7px;background:#172022;border:1px solid #879d7c55;box-shadow:0 18px 60px #0008}.work-menu>button{display:flex;flex-direction:column;gap:8px;text-align:left;padding:16px 15px;width:100%;border:1px solid transparent}.work-menu>button:hover,.work-menu>button[aria-pressed=true]{background:#a4b39b0e;border-color:#92a88333}.work-menu>button>span{font-family:"Noto Serif SC",SimSun,serif;font-size:15px;letter-spacing:2px}.work-menu small{font-size:10px;color:#96a893;letter-spacing:1px}.work-menu>p{font-size:11px;color:#cbbba7;margin:10px;line-height:1.7}.ink-surface{position:absolute;left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px);opacity:0;pointer-events:none}.ink-surface.is-ready{opacity:1}.ink-control{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:10px;letter-spacing:2px;padding:10px 0 10px 10px;min-height:35px;color:#a9b9a1}.ink-control:hover{color:#f0f1e9}.ink-dot{height:6px;width:6px;border:1px solid #889780;border-radius:50%}.ink-dot.is-on{background:#aebd97;border-color:#aebd97;box-shadow:0 0 10px #aebd9733}.artwork-source{padding:21px 0 3px;color:#91a08f;font-size:11px;line-height:1.9;letter-spacing:1px}.artwork-source p{margin:0}.artwork-source p+p{margin-top:5px;color:#788d7b;font-size:10px}.artwork-source a{color:#c0ccba;border-bottom:1px solid #a1b28e44;padding-bottom:2px}.artwork-source a:hover{color:#f0f1e9}.source-divider{margin:0 10px;color:#77876e}.artwork-viewer .viewer-status{font-size:10px;line-height:1.8}.artwork-viewer .scroll-viewport{background:#d9c7a4}.artwork-viewer .panorama{mix-blend-mode:normal}@media(max-width:760px){.artwork-viewer .viewer-intro{align-items:flex-start}.artwork-viewer .viewer-intro h1{font-size:24px;letter-spacing:3px;max-width:64vw}.work-picker{margin-left:12px}.work-picker .outlined-button{min-width:80px;padding:10px 12px}.work-menu{width:min(270px,85vw)}.ink-surface{left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px)}.ink-control{order:1;font-size:9px;letter-spacing:1px}.artwork-source{font-size:10px;padding-top:18px;letter-spacing:.6px}.artwork-source p+p{font-size:10px;line-height:1.9}.source-divider{margin:0 6px}.artwork-viewer .viewer-status{font-size:9px}}@media(max-height:500px){.artwork-viewer .viewer-intro h1{font-size:24px}}.scroll-viewport.is-ink-mode{touch-action:none;cursor:crosshair}.ink-tools{display:flex;align-items:center;gap:18px;white-space:nowrap}.ink-reset{font-size:10px;color:#94a78d;letter-spacing:2px;padding:10px 0}.ink-reset:hover{color:#eef0e5}.ink-tools .ink-control{padding-left:0}@media(max-width:760px){.ink-tools{order:1;gap:15px}.ink-reset{font-size:9px;letter-spacing:1px}}.app{--page-bg:#101719;--text:#e8e5da;--muted:#92a18f;--border:#91a38b33;--panel:#192322;color:var(--text)}.app.theme-silk{--page-bg:#e8e1d4;--text:#30372f;--muted:#777d68;--border:#777c5f42;--panel:#ded5c3;color:var(--text)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.section-page{position:relative;min-height:100svh;max-width:1600px;margin:0 auto;padding:135px 5vw 40px}.section-header{border-bottom:1px solid var(--border);padding-left:5vw;padding-right:5vw}.section-heading{margin:20px 0 38px}.section-heading h1{font-family:"Noto Serif SC",SimSun,serif;font-weight:400;font-size:42px;letter-spacing:7px;line-height:1.5;margin:0;color:var(--text)}.section-heading h1:focus{outline:none}.section-description{font-family:"Noto Serif SC",SimSun,serif;font-size:13px;line-height:2;letter-spacing:3px;color:var(--muted);margin:12px 0 0}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-heading-row>.outlined-button{flex-shrink:0}.section-footnote{font-size:10px;letter-spacing:2px;color:var(--muted);line-height:1.9;padding-top:25px;margin:0}.section-loading{height:100svh;display:grid;place-items:center;font-family:"Noto Serif SC",SimSun,serif;color:var(--mist);letter-spacing:4px}.theme-picker{position:absolute;z-index:6;left:50%;bottom:80px;transform:translate(-50%);display:flex;gap:4px;padding:4px;border:1px solid #c0cfb23b;border-radius:30px;background:#10171988;backdrop-filter:blur(8px)}.theme-picker>button{display:flex;align-items:center;gap:8px;min-height:34px;padding:8px 15px;font-size:10px;letter-spacing:2px;border:1px solid transparent;border-radius:22px;color:#a2b29a}.theme-picker>button[aria-pressed=true]{border-color:#b9c8ad55;background:#c2ccad0d;color:#e8e5da}.theme-swatch{width:8px;height:8px;border-radius:50%;border:1px solid #b7c2aa88}.swatch-ink{background:#203232}.swatch-silk{background:#d5c5a5}.hub-entry-veil{position:absolute;inset:0;z-index:4;background:var(--ink);animation:hub-enter .85s ease both;pointer-events:none}@keyframes hub-enter{0%{opacity:0}to{opacity:1}}.scene-transition .hero-content{opacity:0;transform:translate(-50%,-53%)}.hub-heading{margin-bottom:32px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.topic-panel{padding:10px 10px 24px;border:1px solid var(--border);text-align:left;min-width:0;background:#1b25232b;transition:border-color .3s,transform .3s}.topic-panel:nth-child(2){transform:translateY(22px)}.topic-panel:hover{border-color:#b3c1a77a;transform:translateY(-5px)}.topic-panel:nth-child(2):hover{transform:translateY(17px)}.topic-art{height:clamp(235px,32vh,390px);position:relative;overflow:hidden;background:var(--panel)}.topic-art img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.65) brightness(.8);transition:transform 1s ease,filter .5s}.topic-panel:hover img{transform:scale(1.035);filter:saturate(.85) brightness(.94)}.topic-art-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 65%,#10171966)}.topic-body{padding:22px 14px 0}.topic-body>p{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 10px}.topic-body>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.topic-body h2{font-family:"Noto Serif SC",SimSun,serif;font-weight:400;font-size:29px;letter-spacing:5px;margin:0}.topic-body>span{font-size:11px;letter-spacing:2px;line-height:1.8;color:var(--muted);display:block;margin-top:16px}.hub-page>.section-footnote{padding-top:58px;text-align:center}.model-stage{position:relative;min-height:360px;height:57svh;max-height:650px;border:1px solid var(--border);background:radial-gradient(ellipse at 50% 65%,#69806a19,transparent 65%),var(--page-bg);overflow:hidden}.model-canvas{position:absolute;inset:0}.model-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.model-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;pointer-events:none;color:var(--muted)}.model-empty>svg{color:#93a480;opacity:.75}.model-empty h2{font-family:"Noto Serif SC",SimSun,serif;font-size:24px;font-weight:400;color:var(--text);letter-spacing:4px;margin:25px 0 5px}.model-empty p{font-size:11px;line-height:1.9;letter-spacing:2px}.model-empty button{pointer-events:auto;margin-top:10px;border-bottom:1px solid var(--border)}.model-busy{position:absolute;inset:0;display:grid;place-items:center;background:#10171988;font-size:12px;letter-spacing:3px}.model-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px;border-bottom:1px solid var(--border);padding-bottom:15px;color:var(--muted);font-size:11px;letter-spacing:2px}.model-toolbar>div{display:flex;gap:22px}.model-toolbar .text-button{font-size:10px;letter-spacing:2px}.model-toolbar [aria-pressed=true]{color:var(--text)}.library-controls{display:flex;gap:20px;align-items:center}.library-search{flex:1;max-width:520px}.library-search input{width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);padding:14px 0;color:var(--text);font:inherit;font-size:12px;outline-offset:4px;border-radius:0}.library-search input::placeholder{color:var(--muted);opacity:.75}.favorite-filter{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;margin-left:auto;min-height:40px;color:var(--muted)}.favorite-filter[aria-pressed=true]{color:var(--text)}.favorite-filter span{font-variant-numeric:tabular-nums;font-size:10px}.material-filters{display:flex;gap:24px;margin:24px 0 30px}.material-filters>button{padding:8px 0;font-size:11px;letter-spacing:3px;border-bottom:1px solid transparent;color:var(--muted)}.material-filters>button[aria-pressed=true]{color:var(--text);border-color:var(--muted)}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.material-card{min-width:0;border:1px solid var(--border);background:#1b25231a}.material-picture{display:block;height:170px;overflow:hidden;background:var(--panel)}.material-picture img{width:100%;height:100%;object-fit:cover;object-position:65%;filter:saturate(.7);transition:transform .7s}.material-picture:hover img{transform:scale(1.035)}.material-content{padding:20px}.material-meta{font-size:9px;letter-spacing:1px;color:var(--muted);margin:0 0 12px;line-height:1.9}.material-meta span{margin:0 9px}.material-title{display:flex;justify-content:space-between;align-items:start;gap:10px}.material-title h2{font-family:"Noto Serif SC",SimSun,serif;font-weight:400;font-size:21px;line-height:1.6;letter-spacing:2px;margin:0}.save-material{padding:5px;flex-shrink:0;color:var(--muted)}.save-material[aria-pressed=true]{color:#a3ad7c}.material-description{font-size:11px;line-height:1.9;color:var(--muted);margin:12px 0 20px;min-height:42px;letter-spacing:.8px}.material-actions{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px}.material-actions>a{padding-bottom:4px;border-bottom:1px solid var(--border)}.material-actions button{color:var(--muted);font-size:10px}.library-empty{padding:70px 25px;text-align:center;border:1px solid var(--border);color:var(--muted)}.library-empty h2{font-family:"Noto Serif SC",SimSun,serif;font-size:24px;font-weight:400;letter-spacing:3px;color:var(--text)}.library-empty p{font-size:12px;line-height:2}.library-empty button{font-size:11px}.form-message{font-size:11px;line-height:1.9;color:var(--muted);min-height:20px;margin:16px 0 0}.material-dialog{max-width:520px}.material-dialog .about-content{padding:38px 34px}.material-dialog h2{margin-top:0;font-size:25px}.material-dialog label{display:flex;flex-direction:column;gap:9px;font-size:11px;letter-spacing:2px;color:#b8c5af;margin-bottom:18px}.material-dialog input,.material-dialog select,.material-dialog textarea{border:1px solid #9dae8844;background:#0e19194d;padding:11px;color:#e8e5da;font:inherit;font-size:12px;width:100%;border-radius:0}.material-dialog textarea{resize:vertical}.material-dialog .outlined-button{margin-top:20px}.form-columns{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.silk-medallion{position:absolute;z-index:-3;width:clamp(310px,43vw,500px);aspect-ratio:1;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;border:1px solid #77745255;box-shadow:0 0 55px #6b694b0e}.silk-medallion img{height:100%;width:100%;object-fit:cover;object-position:67%;filter:saturate(.45) sepia(.12) contrast(.9);opacity:.64}.silk-medallion:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 30px #bcb18f77}.theme-silk .painting-wall{opacity:0}.theme-silk .opening{background:var(--page-bg)}.theme-silk .atmosphere{background:radial-gradient(ellipse at 50% 44%,transparent 0%,transparent 27%,#e8e1d41a 44%,#e8e1d4 78%)}.theme-silk .brand,.theme-silk .text-button,.theme-silk .hero-content h1{color:var(--text)}.theme-silk .brand-roman,.theme-silk .header-note,.theme-silk .side-poem,.theme-silk .hero-prelude,.theme-silk .entry-caption,.theme-silk .opening-footer{color:#666e5a}.theme-silk .hero-content h1{font-family:Ma Shan Zheng,"Noto Serif SC",SimSun,serif;font-size:clamp(118px,13vw,186px);text-shadow:0 0 30px #e8e1d466}.theme-silk .hero-subtitle{color:#424c3c}.theme-silk .hero-prelude span{background:#686e4d55}.theme-silk .hero-rule{background:linear-gradient(#6c745866,transparent)}.theme-silk .enter-button{border-color:#6b735766;background:#e8e1d444;color:#343d2e}.theme-silk .enter-button:hover{background:#e8e1d499;border-color:#6b7357}.theme-silk .icon-button{border-color:#6b735755}.theme-silk .footer-secondary{color:#80816d}.theme-silk .theme-picker{background:#e8e1d499;border-color:#686e4d44}.theme-silk .theme-picker>button{color:#888974}.theme-silk .theme-picker>button[aria-pressed=true]{background:#6f744611;border-color:#686e4d55;color:#39412e}.theme-silk .theme-swatch{border-color:#6b735777}.theme-silk .topic-panel{background:transparent;border-color:transparent;transform:none}.theme-silk .topic-panel:hover{transform:translateY(-5px);border-color:transparent}.theme-silk .topic-art{width:min(100%,285px);height:auto;aspect-ratio:1;border-radius:50%;margin:0 auto;border:1px solid #77745255}.theme-silk .topic-art img{filter:saturate(.46) sepia(.12) brightness(.97)}.theme-silk .topic-art-shade{background:radial-gradient(transparent 50%,#77745222)}.theme-silk .topic-body{text-align:center}.theme-silk .topic-body>div{justify-content:center;gap:14px}.theme-silk .topic-body h2{font-family:Ma Shan Zheng,"Noto Serif SC",SimSun,serif;font-size:38px}.theme-silk .topic-body>span{font-family:"Noto Serif SC",SimSun,serif}.theme-silk .hub-heading h1{font-family:Ma Shan Zheng,"Noto Serif SC",SimSun,serif;font-size:53px}.theme-silk .small-label,.theme-silk .viewer-status,.theme-silk .ink-control,.theme-silk .artwork-source,.theme-silk .ink-reset{color:#6d765b}.theme-silk .artwork-source a{color:#404c35}.theme-silk .artwork-source p+p{color:#7a7d68}.theme-silk .scroll-stage{background:#b4a68a;box-shadow:0 20px 70px #5e57351c}.theme-silk .circle-button,.theme-silk .outlined-button{border-color:#68745355}.theme-silk .circle-button:hover:not(:disabled),.theme-silk .outlined-button:hover{background:#77845c0d}.theme-silk .journey-track{background:#6d75532b}.theme-silk .journey-track span{background:#68744e}.theme-silk .work-menu,.theme-silk .about-dialog{background:#e8e1d4;color:var(--text);border-color:#77745255}.theme-silk .work-menu small,.theme-silk .about-content p{color:#6d765b}.theme-silk .work-menu>button:hover,.theme-silk .work-menu>button[aria-pressed=true]{background:#7882590d;border-color:#77745233}.theme-silk .close-button,.theme-silk .about-content>svg{color:#64704f}.theme-silk .model-busy{background:#e8e1d488}.theme-silk .material-card{background:#fffdf10d}.theme-silk .material-dialog label{color:#657052}.theme-silk .material-dialog input,.theme-silk .material-dialog select,.theme-silk .material-dialog textarea{background:#f4eedf66;border-color:#77745244;color:var(--text)}@media(max-width:1050px){.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{gap:18px}.topic-body{padding-left:8px;padding-right:8px}.topic-body h2{font-size:26px}.topic-body>span{font-size:10px;letter-spacing:1px}}@media(max-width:760px){.section-page{padding:105px 6vw 30px}.section-header{padding:23px 6vw}.section-heading{margin:15px 0 26px}.section-heading h1{font-size:32px;letter-spacing:5px}.section-description{font-size:11px;letter-spacing:2px;margin-top:8px}.section-heading-row{gap:15px;align-items:flex-start}.section-heading-row>.outlined-button{font-size:10px;padding:11px 13px;margin-top:5px}.topic-grid{grid-template-columns:1fr;gap:20px}.topic-panel,.topic-panel:nth-child(2){transform:none;display:grid;grid-template-columns:38% 1fr;padding:7px;align-items:center}.topic-panel:hover,.topic-panel:nth-child(2):hover{transform:none}.topic-art{height:195px}.topic-body{padding:10px 12px}.topic-body h2{font-size:26px}.topic-body>p{font-size:9px;letter-spacing:1px}.topic-body>span{line-height:2;margin-top:12px}.topic-body>div>svg{width:20px;flex-shrink:0}.hub-page>.section-footnote{padding-top:30px}.theme-picker{bottom:68px}.theme-picker>button{padding:8px 14px;font-size:10px}.silk-medallion{width:300px;top:44%}.theme-silk .hero-content h1{font-size:128px}.theme-silk .topic-panel{padding:8px 0;grid-template-columns:42% 1fr}.theme-silk .topic-art{width:100%;height:auto;max-width:200px}.theme-silk .topic-body{padding:10px 0 10px 18px;text-align:left}.theme-silk .topic-body>div{justify-content:flex-start;gap:8px}.theme-silk .topic-body h2{font-size:31px;letter-spacing:3px}.theme-silk .hub-heading h1{font-size:43px}.model-stage{height:49svh;min-height:330px}.model-empty{padding:22px}.model-empty h2{font-size:22px}.model-empty p{font-size:10px}.model-toolbar{font-size:10px;letter-spacing:1px}.model-toolbar>div{gap:15px}.model-toolbar .text-button{font-size:9px}.section-footnote{font-size:9px;letter-spacing:1px}.library-controls{gap:12px}.library-search input{font-size:11px}.favorite-filter{font-size:10px;letter-spacing:1px;gap:6px}.material-filters{gap:23px;margin:20px 0 23px}.material-filters>button{font-size:10px;letter-spacing:2px}.material-grid{grid-template-columns:1fr;gap:22px}.material-picture{height:185px}.material-content{padding:19px}.material-title h2{font-size:22px}.material-description{min-height:0}.material-dialog .about-content{padding:36px 24px}.form-columns{grid-template-columns:1fr 1.4fr;gap:10px}.material-dialog label{font-size:10px}.material-dialog input,.material-dialog select,.material-dialog textarea{font-size:12px}}@media(max-height:500px){.theme-picker{bottom:43px;padding:2px}.theme-picker>button{min-height:28px;padding:5px 12px;font-size:9px}.silk-medallion{height:240px;width:240px;top:47%}.theme-silk .hero-content h1{font-size:92px}.section-page{padding-top:90px}.topic-art{height:190px}.model-stage{min-height:250px}}@media(prefers-reduced-motion:reduce){.hub-entry-veil{animation-duration:.15s}.topic-panel,.topic-art img{transition:none}.theme-silk .topic-panel:hover,.topic-panel:hover{transform:none}}.theme-silk .painting-wall{opacity:1;background:var(--page-bg)}.theme-silk .painting{background:#d5cbb7;border-color:#77745233;box-shadow:0 18px 40px #5b4e2f20}.theme-silk .painting img{filter:saturate(.58) contrast(.96) brightness(1.03)}.theme-silk .painting-caption{color:#555e4c}.theme-silk .painting-caption span:last-child{color:#747b657a}.theme-silk .atmosphere{background:radial-gradient(ellipse at 50% 45%,#e8e1d4fa,#e8e1d4ed 19%,#e8e1d49c 42%,#e8e1d426 76%),linear-gradient(180deg,#e8e1d4ac,transparent 30%,transparent 65%,#e8e1d4e8)}.topic-stage.section-page{height:100svh;min-height:560px;max-width:none;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--page-bg);touch-action:pan-x;isolation:isolate}.topic-stage .section-header{border-bottom:0}.chapter-content{width:min(800px,80vw);margin-top:-18px;text-align:center;animation:chapter-appear .6s ease both}.chapter-number{font-family:Georgia,serif;font-size:11px;color:var(--muted);letter-spacing:3px;display:flex;align-items:center;justify-content:center;gap:18px;margin:0 0 52px}.chapter-number span{height:1px;width:42px;background:var(--chapter-accent);opacity:.45}.chapter-eyebrow{font-size:10px;letter-spacing:4px;color:var(--muted);margin:0 0 20px}.chapter-content h1{font-family:"Noto Serif SC",SimSun,serif;font-size:clamp(54px,7.3vw,112px);font-weight:400;line-height:1.5;letter-spacing:.3em;margin:0 -.3em 0 0;color:var(--text)}.chapter-content h1:focus{outline:none}.chapter-description{font-family:"Noto Serif SC",SimSun,serif;font-size:13px;letter-spacing:4px;line-height:2;color:var(--muted);margin:22px 0 0}.chapter-enter{display:inline-flex;align-items:center;gap:36px;padding:17px 0 13px;margin-top:52px;border-bottom:1px solid var(--chapter-accent);color:var(--text);font-size:12px;letter-spacing:4px;transition:gap .3s}.chapter-enter:hover{gap:48px}.chapter-enter svg{color:var(--chapter-accent)}.chapter-navigation{position:absolute;bottom:35px;left:5vw;right:5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;color:var(--muted);font-size:10px;letter-spacing:2px}.chapter-switch{display:flex;align-items:center;gap:25px}.chapter-switch button{display:grid;place-items:center;width:44px;height:44px;color:var(--text)}.chapter-switch button:hover{color:var(--chapter-accent)}.chapter-switch>span{display:flex;align-items:center;gap:15px;font-family:Georgia,serif;font-size:12px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--text)}.chapter-switch i{width:22px;height:1px;background:var(--border)}.chapter-footnote{text-align:right}.theme-silk .chapter-content h1{font-family:Ma Shan Zheng,"Noto Serif SC",SimSun,serif;font-size:clamp(65px,8.5vw,130px)}.theme-silk .chapter-enter{border-color:#76806a}.theme-silk .chapter-enter svg{color:#76806a}@keyframes chapter-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.topic-stage.section-page{min-height:530px}.chapter-content{width:88vw;margin-top:-15px}.chapter-number{margin-bottom:43px;font-size:10px}.chapter-content h1{font-size:clamp(43px,10.5vw,70px);letter-spacing:.2em;margin-right:-.2em}.theme-silk .chapter-content h1{font-size:clamp(55px,13vw,84px)}.chapter-eyebrow{font-size:9px;letter-spacing:3px}.chapter-description{font-size:11px;letter-spacing:2px;margin-top:18px}.chapter-enter{margin-top:40px;font-size:11px;gap:30px}.chapter-navigation{left:6vw;right:6vw;bottom:25px;grid-template-columns:1fr;justify-items:center;gap:13px}.chapter-hint{font-size:9px;letter-spacing:1px;order:2}.chapter-footnote{display:none}.chapter-switch{gap:28px}}@media(max-height:550px){.topic-stage.section-page{min-height:100svh}.chapter-content{margin-top:20px}.chapter-number{margin-bottom:15px;font-size:9px}.chapter-eyebrow{margin-bottom:8px;font-size:9px}.chapter-content h1{font-size:48px}.theme-silk .chapter-content h1{font-size:60px}.chapter-description{margin-top:7px;font-size:10px}.chapter-enter{margin-top:12px;padding:10px 0;font-size:10px}.chapter-navigation{bottom:8px;grid-template-columns:1fr auto 1fr;gap:10px}.chapter-hint{order:0}.chapter-switch{gap:15px}.chapter-footnote{display:block}.chapter-switch button{height:35px}.chapter-navigation>span{font-size:8px}}@media(prefers-reduced-motion:reduce){.chapter-content{animation:none}.chapter-enter{transition:none}}.chapter-number{margin-bottom:28px}.chapter-eyebrow{position:relative;z-index:2;margin-bottom:8px}.chapter-subject{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:330px}.chapter-medallion{position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);width:330px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#a7ad9620;border:1px solid #9eab8e66;box-shadow:0 12px 55px #0002}.chapter-medallion img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.68);opacity:.85}.chapter-medallion:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 24px #10171955}.chapter-content h1{position:relative;text-shadow:0 2px 20px #10171999}.chapter-enter{margin-top:28px}.theme-silk .chapter-medallion{background:#c5bea9;border-color:#77745266;box-shadow:0 12px 45px #6b5d3820}.theme-silk .chapter-medallion img{filter:saturate(.5) sepia(.1) brightness(1.03);opacity:.67}.theme-silk .chapter-medallion:after{box-shadow:inset 0 0 28px #aea07d66}.theme-silk .chapter-content h1{text-shadow:0 1px 16px #e8e1d48a}@media(max-width:760px){.chapter-number{margin-bottom:26px}.chapter-subject{min-height:265px}.chapter-medallion{width:265px}.chapter-enter{margin-top:30px}}@media(max-height:550px){.chapter-number{margin-bottom:7px}.chapter-eyebrow{margin-bottom:0}.chapter-subject{min-height:175px}.chapter-medallion{width:175px}.chapter-enter{margin-top:8px}.chapter-content{margin-top:42px}}.chapter-content h1{font-size:clamp(76px,9vw,140px);letter-spacing:.18em;margin-right:-.18em;-webkit-text-stroke:.55px currentColor}.theme-silk .chapter-content h1{font-size:clamp(85px,10.2vw,155px);-webkit-text-stroke:.7px currentColor}@media(max-width:760px){.chapter-content h1{font-size:clamp(61px,16vw,78px);letter-spacing:.12em;margin-right:-.12em;-webkit-text-stroke:.4px currentColor}.theme-silk .chapter-content h1{font-size:clamp(67px,18vw,86px);-webkit-text-stroke:.6px currentColor}}@media(max-height:550px){.chapter-content h1{font-size:65px}.theme-silk .chapter-content h1{font-size:77px}}@font-face{font-family:Shanshui Ming Title;src:url(/fonts/ming-title.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.artwork-viewer .viewer-intro{margin-bottom:26px}.artwork-viewer .work-heading{border-left:2px solid var(--border);padding-left:22px}.artwork-viewer .work-heading .small-label{margin:0 0 9px;letter-spacing:3px;font-size:10px}.artwork-viewer .viewer-intro h1{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:clamp(38px,4.3vw,58px);font-weight:400;letter-spacing:5px;line-height:1.3;margin:0}.work-heading-yangzi .work-title-main{font-family:Shanshui Ming Title,"Noto Serif SC",SimSun,serif}.work-heading-qianli .work-title-main{font-family:Ma Shan Zheng,KaiTi,STKaiti,serif;font-size:1.12em}.work-heading-generated .work-title-main{font-family:"Noto Serif SC",SimSun,serif}.work-title-edition{font-family:Microsoft YaHei,sans-serif;font-size:10px;font-weight:400;letter-spacing:2px;line-height:1.5;color:var(--muted);border:1px solid var(--border);padding:6px 8px;white-space:nowrap}@media(max-width:760px){.artwork-viewer .work-heading{padding-left:12px}.artwork-viewer .work-heading .small-label{font-size:9px;letter-spacing:2px}.artwork-viewer .viewer-intro h1{font-size:31px;letter-spacing:2px;gap:10px;max-width:65vw}.work-title-edition{font-size:8px;letter-spacing:1px;padding:4px 5px}}@media(max-height:500px){.artwork-viewer .viewer-intro h1{font-size:32px}.artwork-viewer .work-heading .small-label{font-size:9px;margin-bottom:5px}.artwork-viewer .viewer-intro{margin-bottom:15px}}@font-face{font-family:Kouzan Gyousho;src:url(/fonts/kouzan-title.woff2?v=20261027c) format("woff2");font-style:normal;font-weight:400;font-display:swap}.hero-content h1,.theme-silk .hero-content h1,.chapter-content h1,.theme-silk .chapter-content h1,.section-heading h1,.artwork-viewer .work-title-main,.about-content h2,.material-title h2,.model-empty h2,.library-empty h2{font-family:Kouzan Gyousho,Ma Shan Zheng,"Noto Serif SC",serif;font-weight:400}.work-heading-qianli .work-title-main{font-size:1em}.material-picture.material-preview-trigger{position:relative;width:100%;padding:0;text-align:left;cursor:zoom-in}.material-picture.collection-picture{background:#c9c0ac}.collection-picture img{object-fit:contain;object-position:center;filter:none}.material-picture-action{position:absolute;right:12px;bottom:12px;font-size:10px;letter-spacing:2px;padding:7px 10px;color:#f2eddf;background:#101719b5;border:1px solid #eee9d233;opacity:0;transition:opacity .2s}.material-preview-trigger:hover .material-picture-action,.material-preview-trigger:focus-visible .material-picture-action{opacity:1}.material-access{font-size:10px;letter-spacing:.6px;line-height:1.8;color:var(--muted);margin:-8px 0 18px}.material-actions .material-view-link{color:var(--text);border-bottom:1px solid var(--border);padding:0 0 4px;font-size:10px}.material-actions{gap:18px}.material-actions>a{margin-left:auto}.material-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;text-align:center}.material-unavailable>span{font-family:"Noto Serif SC",SimSun,serif;font-size:20px;letter-spacing:2px}.material-unavailable>small{color:var(--muted);font-size:10px;letter-spacing:2px}.material-preview-dialog{width:min(1100px,94vw);max-width:none;max-height:94svh;padding:26px 30px 23px;border:1px solid var(--border);color:var(--text);background:var(--page-bg);overflow:auto}.material-preview-dialog::backdrop{background:#080e10d9;backdrop-filter:blur(5px)}.material-preview-header{position:relative;display:flex;justify-content:space-between;align-items:start;padding-right:35px;margin-bottom:20px}.material-preview-header p{font-size:10px;line-height:1.8;letter-spacing:2px;color:var(--muted);margin:0 0 8px}.material-preview-header h2{font-family:Kouzan Gyousho,Ma Shan Zheng,"Noto Serif SC",serif;font-weight:400;font-size:32px;line-height:1.4;letter-spacing:3px;margin:0}.material-preview-header .close-button{top:-10px;right:-10px;min-width:40px;min-height:40px}.material-preview-image{display:flex;align-items:start;justify-content:center;overflow:auto;max-height:64svh;min-height:120px;background:var(--panel);overscroll-behavior:contain}.material-preview-image img{display:block;max-width:100%;max-height:64svh;width:auto;height:auto;object-fit:contain}.material-preview-image.is-zoomed{display:block}.material-preview-image.is-zoomed img{max-width:none;max-height:none;margin:0 auto}.material-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 0}.material-page-controls{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:2px;font-variant-numeric:tabular-nums}.material-page-controls .circle-button{width:35px;height:35px}.material-preview-toolbar .text-button{font-size:10px;letter-spacing:2px}.material-preview-source{border-top:1px solid var(--border);padding-top:13px;margin-top:12px;font-size:11px;line-height:1.8;color:var(--muted)}.material-preview-source p{margin:0 0 6px}.material-preview-source>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-size:10px}.material-preview-source a{color:var(--text);border-bottom:1px solid var(--border)}@media(max-width:760px){.material-picture-action{opacity:1;font-size:9px}.material-preview-dialog{width:94vw;padding:20px 16px 18px}.material-preview-header h2{font-size:27px;letter-spacing:2px}.material-preview-header p{font-size:9px;letter-spacing:1px}.material-preview-source{font-size:10px}.material-preview-toolbar{margin-top:8px}.material-preview-image,.material-preview-image img{max-height:62svh}.material-access{font-size:9px}.material-meta{letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){.material-picture-action{transition:none}}.material-preview-image.is-zoomed img{min-width:100%}