:root{--paper:#f2f0e7;--ink:#293e35;--muted:#727970;--line:#293e3530;--accent:#ba653d;--soft:#e5e7db;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}body.viewing{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #c47847;outline-offset:5px}button:disabled{cursor:wait}.paper{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.page{max-width:1560px;margin:auto;padding:0 5.1%}.masthead{height:107px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;letter-spacing:2px;font-size:16px}.brand small{display:block;font-family:"Microsoft YaHei",sans-serif;letter-spacing:4px;font-size:10px;margin-top:5px}.brand-moon{font-size:48px;line-height:1;transform:rotate(-20deg);font-weight:normal}.masthead nav{display:flex;gap:35px;font-size:12px}.masthead nav span{margin-left:6px;color:var(--accent)}.intro{display:grid;grid-template-columns:1fr 280px;padding:65px 0 57px;gap:40px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;margin:0 0 22px}.little-star{color:var(--accent);font-size:15px;margin-right:9px}h1{font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:clamp(58px,6.2vw,89px);line-height:1.23;letter-spacing:-3px;margin:0;font-weight:500;position:relative;display:inline-block}h1 br{display:none}h1 i{display:inline-block;font-size:64px;color:var(--accent);font-family:Georgia,serif;font-weight:400;margin-left:9px;vertical-align:top;transform:translateY(-14px) rotate(-12deg)}.intro-english{font:italic 25px/1.4 Georgia,serif;letter-spacing:.15px;margin:21px 0 0;color:#727e70}.intro-note{position:relative;padding:6px 0 2px 27px;border-left:1px solid var(--line)}.intro-note>p:first-of-type{font-size:17px;line-height:1.85;margin:0 0 13px;letter-spacing:1px}.intro-note .muted{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 17px}.text-link{font-size:11px;display:inline-flex;gap:23px;border-bottom:1px solid var(--ink);padding-bottom:5px}.stamp{position:absolute;right:0;top:-10px;width:83px;height:83px;border:1px solid #b26b4260;border-radius:50%;color:#a56743;text-align:center;transform:rotate(13deg);display:flex;flex-direction:column;align-items:center;justify-content:center;outline:1px solid #b26b4240;outline-offset:-6px}.stamp>span{font:31px/.9 Georgia,serif;margin-bottom:5px}.stamp small{font:6px/1.5 "Segoe UI",sans-serif;letter-spacing:1.2px}.section-head{border-top:1px solid var(--line);padding:20px 0 24px;display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:13px;font-weight:500;letter-spacing:1px;margin:0}.section-head>span{font-size:8px;letter-spacing:1.9px}.section-head b{font-weight:500;margin-left:25px;color:var(--accent)}.works{display:grid;grid-template-columns:1fr 1fr;gap:38px}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.work-index{font:italic 23px Georgia,serif;color:var(--accent);white-space:nowrap}.work-index span{font:8px "Segoe UI",sans-serif;letter-spacing:1.4px;color:var(--muted);margin-left:10px}.model{font-size:10px;white-space:nowrap;line-height:1.4;padding:6px 9px;border:1px solid var(--line);border-radius:4px}.model span{color:var(--muted);font-size:9px}.cover{display:block;position:relative;aspect-ratio:1.41;overflow:hidden;border-radius:5px;background:#342d42;border:1px solid #293e3520;isolation:isolate}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;object-position:center 52%}.morrow .cover img{object-position:center 57%}.cover:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#11121e75);z-index:0}.cover:hover img{transform:scale(1.035)}.cover-label{position:absolute;bottom:21px;left:22px;font-size:10px;color:#f8eddf;letter-spacing:1.4px;z-index:1}.cover-action{position:absolute;bottom:17px;right:17px;font-size:10px;color:#fff4e9;display:flex;align-items:center;gap:15px;z-index:1}.cover-action b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #f2e7db60;border-radius:50%;font-size:16px;font-weight:400;background:#ffffff12}.work-description{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:24px}.work-kicker{font-size:10px;letter-spacing:1.1px;color:var(--muted);margin:0 0 7px}.work h3{font-family:SimSun,"Songti SC",Georgia,serif;font-size:35px;font-weight:500;margin:0;line-height:1.3}.work h3 em{font-family:Georgia,serif;font-weight:400;font-size:41px;letter-spacing:-1px}.work h3 span{font:28px Georgia,serif;margin-left:12px;color:#a17d60;vertical-align:middle}.work-tag{color:#8c7c69;font-family:SimSun,serif;font-size:11px;padding-bottom:8px;white-space:nowrap}.work-copy{font-size:12px;line-height:2;max-width:490px;color:var(--muted);margin:17px 0 22px}.work-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.enter{background:var(--ink);color:#f7f2e8;border:1px solid var(--ink);border-radius:4px;padding:13px 18px;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:207px;transition:background .2s,transform .2s}.enter:hover{background:#415848;transform:translateY(-2px)}.morrow .enter{background:#7b655b;border-color:#7b655b}.morrow .enter:hover{background:#906b57}.enter>span{font-size:17px}.standalone{font-size:10px;color:var(--muted);padding:8px 0}.standalone:hover,.masthead nav a:hover{color:var(--accent)}.visit-note{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 0;margin-top:58px}.note-symbol{font-size:46px;line-height:1;color:#849079}.visit-note h2{font-size:15px;font-weight:500;margin:0 0 7px;letter-spacing:1px}.visit-note p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.visit-note .technical-note{margin-left:auto;font-size:10px;flex-shrink:0;padding-left:18px}.footer{padding:28px 0 30px;display:flex;justify-content:space-between;gap:20px}.footer-title{font:10px Georgia,serif;letter-spacing:1.2px}.footer p{font-size:9px;color:var(--muted);margin:8px 0 0}.footer-right{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.footer-right>span{font-size:8px;color:var(--muted);letter-spacing:1.4px}.share{font-size:11px;border:0;border-bottom:1px solid var(--line);padding:0 0 5px;background:none}.share span{margin-left:14px;color:var(--accent)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--paper);padding:12px 22px;border-radius:5px;font-size:12px;box-shadow:0 6px 25px #0002;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:90%;width:max-content;margin:0}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:fixed;left:12px;top:-100px;background:var(--ink);color:var(--paper);padding:12px;z-index:30}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{font-size:13px;line-height:1.8}.viewer{width:100%;height:100%;height:100dvh;max-width:none;max-height:none;inset:0;margin:0;padding:0;border:0;background:#181724;color:#f2eddf;overflow:hidden;z-index:10}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:#181724}.viewer-bar{min-height:68px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f2f0e7;color:var(--ink);padding:10px 23px;border-bottom:1px solid var(--line)}.back{padding:9px 0;border:0;background:none;font-size:12px;white-space:nowrap;display:flex;gap:10px;align-items:center}.back>span:first-child{font-size:20px}.viewer-tabs{display:flex;gap:5px;border:1px solid var(--line);border-radius:6px;padding:3px}.viewer-tabs button{font-size:12px;border:0;border-radius:3px;background:none;padding:7px 18px;text-align:left;white-space:nowrap}.viewer-tabs small{font-size:8px;display:block;color:var(--muted);margin-top:3px;letter-spacing:.3px}.viewer-tabs [aria-selected=true]{background:var(--ink);color:#f8f1e8}.viewer-tabs [aria-selected=true] small{color:#d5d9c7}.viewer-external{font-size:10px;white-space:nowrap}.experience{position:relative;flex:1;min-height:0;display:flex}.experience iframe{display:block;width:100%;height:100%;flex:1;border:0;background:#181724;position:relative;z-index:1}.frame-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:0;font-size:13px;color:#d3c4df;margin:0}.frame-loading[hidden]{display:none}
.share-fallback{max-width:min(90vw,530px);border:1px solid var(--line);border-radius:6px;padding:25px;background:var(--paper);color:var(--ink);font-size:13px}.share-fallback label{display:block}.share-fallback input{width:min(72vw,450px);display:block;margin:14px 0 20px;padding:10px;border:1px solid var(--line);background:#fff8;color:var(--ink);font:12px Consolas,monospace}.share-fallback button{padding:8px 20px;border:0;background:var(--ink);color:var(--paper);border-radius:3px}.share-fallback::backdrop{background:#11221980}
@media(min-width:1600px){.intro{padding-top:75px;padding-bottom:65px}}
@media(max-width:1100px){h1 br{display:block}.intro{grid-template-columns:1fr 250px;padding-top:45px;padding-bottom:44px}h1{font-size:67px}.title-end{letter-spacing:0}.intro-english{font-size:23px}.works{gap:25px}.work-tag{display:none}.work-index span{font-size:7px;letter-spacing:.8px}.work-index{font-size:21px}.enter{min-width:0;font-size:10px;gap:22px;padding:12px 15px}.visit-note .technical-note{max-width:225px;flex-shrink:1}.cover-label{left:15px;bottom:19px;font-size:9px}.cover-action{font-size:9px;right:13px;gap:8px}}
@media(max-width:700px){.page{padding:0 6%}.masthead{height:83px}.brand{font-size:13px;gap:8px;letter-spacing:1.2px}.brand small{font-size:8px;letter-spacing:2.2px}.brand-moon{font-size:37px}.masthead nav{gap:20px;font-size:10px}.masthead nav a:first-child{display:none}.intro{grid-template-columns:1fr;gap:27px;padding:39px 0 32px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:19px}.little-star{font-size:12px;margin-right:5px}h1{font-size:64px;line-height:1.22;letter-spacing:-2px}h1 i{font-size:52px;transform:translateY(-7px) rotate(-12deg);margin-left:5px}.intro-english{font-size:23px;margin-top:16px}.intro-note{display:grid;grid-template-columns:1fr 1fr;gap:4px 22px;padding:0;border:0}.intro-note>p:first-of-type{font-size:13px;line-height:1.8;margin:0}.intro-note .muted{font-size:10px;line-height:1.85;margin:0}.intro-note .text-link{grid-column:1/-1;justify-self:start;margin-top:6px;font-size:10px}.stamp{display:none}.section-head{padding:18px 0 22px}.section-head h2{font-size:11px}.section-head>span{font-size:7px;letter-spacing:1px}.section-head b{margin-left:10px}.works{grid-template-columns:1fr;gap:36px}.work+.work{border-top:1px solid var(--line);padding-top:25px}.work-heading{margin-bottom:10px}.work-index span{font-size:8px;letter-spacing:1px}.model{font-size:10px;padding:5px 8px}.cover{aspect-ratio:1.24}.cover-action{font-size:9px}.cover-label{font-size:9px;letter-spacing:.7px}.work-description{margin-top:20px}.work h3{font-size:31px}.work h3 em{font-size:39px}.work-kicker{font-size:9px}.work-copy{font-size:11px;line-height:1.95;margin:13px 0 17px}.work-tag{display:block;font-size:9px}.enter{font-size:10px;gap:25px;padding:11px 15px}.standalone{font-size:10px}.visit-note{gap:15px;margin-top:38px;flex-wrap:wrap;padding:24px 0}.note-symbol{font-size:34px}.visit-note>div{flex:1}.visit-note h2{font-size:13px}.visit-note p{font-size:10px}.visit-note .technical-note{max-width:none;margin:0 0 0 49px;padding:0;font-size:9px;flex-basis:100%}.technical-note br{display:none}.footer{padding:23px 0;flex-direction:column;gap:20px}.footer p{font-size:8px;line-height:1.8}.footer-right{flex-direction:row;justify-content:space-between;align-items:center}.footer-title{font-size:9px}.footer-right>span{font-size:7px}.share{font-size:10px}.viewer-bar{padding:9px 12px;gap:10px;flex-wrap:wrap;min-height:100px}.back{font-size:11px;order:0;padding:3px 0}.viewer-external{font-size:10px;order:1}.viewer-tabs{width:100%;order:2}.viewer-tabs button{flex:1;font-size:11px;padding:7px 12px}.viewer-tabs small{font-size:8px;margin-top:2px}.toast{font-size:11px;bottom:18px}}
@media(max-width:370px){h1{font-size:54px}.work-tag{display:none}.work-index span{font-size:7px}.intro-note{gap:5px 12px}.model{font-size:9px}.cover-label{font-size:8px}.cover-action{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}