/* 黑白青红黄：颜色占据卡片本体，而不只是描边。 */
:root{--bg:#eee8dd;--text:#202327;--muted:#6c6962;--jade:#2698aa;--red:#d84436;--gold:#e3b43c;--line:#ffffff30;--card:#f6eddb;--shadow:0 16px 35px #2d232415}
html[data-theme=dark]{--bg:#17191c;--text:#f4ead6;--muted:#aaa89f;--line:#ffffff24;--card:#282b2e;--surface:#2a3033}
body{background-image:radial-gradient(#625c5016 .6px,transparent .6px);background-size:7px 7px}.atmosphere:before{background:#2896a4;opacity:.17}.atmosphere:after{background:#e34a34;opacity:.14}.brand-leaf{width:33px;height:33px}.wordmark{font-size:11px;letter-spacing:1.6px}.layout{gap:35px;margin-top:22px}.identity{padding-right:12px}.identity h1{font-family:Moon,sans-serif;font-size:49px;font-weight:400;letter-spacing:-2px}.identity p{font-size:14px}.identity .handle{color:var(--red)}.identity .tags span{font:14px Duck,sans-serif;padding:6px 9px;color:var(--text);background:#e1b94338;border:0;transform:rotate(-2deg)}.identity .tags span:nth-child(2){background:#2b9baa2b;transform:rotate(3deg)}.identity .tags span:nth-child(3){background:#db42372b}.side-nav a{border-bottom:1px solid #7773;border-radius:0;padding:13px 1px}.side-note{color:var(--muted)}.bento{gap:17px;perspective:1200px}.card{border-radius:23px;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #fff2;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s;will-change:transform;animation-name:none}.card:hover{transform:perspective(1000px) rotateX(var(--rx,-2deg)) rotateY(var(--ry,2deg)) translateZ(-8px);box-shadow:0 20px 35px #22171624;border-color:#fff4}.card:before{background:radial-gradient(600px at var(--mx,50%) var(--my,0%),#fff2,transparent 65%)}.card-label{font:10px/1.7 monospace;letter-spacing:1.2px;color:inherit;opacity:.7}.oc{background:#d94435;color:#fff0d8;padding:27px;height:395px}.oc .oc-title{font:56px/1.05 Dragon,serif;letter-spacing:3px;margin-top:25px}.oc .oc-copy{color:#ffe8c7;max-width:120px;line-height:2}.oc img:not(.leaf-motif){mix-blend-mode:normal;background:#fff;width:215px;height:295px;right:-10px;bottom:13px;object-fit:contain;border-radius:48% 48% 45% 45%;padding:13px 0;transform:rotate(-8deg);box-shadow:8px 12px 0 #9b2a252b}.oc:hover img:not(.leaf-motif){transform:rotate(-4deg) translateY(-3px)}.oc img.leaf-motif{opacity:1;filter:brightness(0) saturate(100%) invert(82%) sepia(62%) saturate(565%) hue-rotate(347deg);width:85px;height:85px;right:22px;top:16px}.oc .round-link{background:#edbc43;color:#282429;border-color:#edbc43}.artwork{height:395px}.art-caption strong{font:31px Dragon,serif}.art-caption small{font-size:10px}.social{min-height:150px;padding:22px;color:#191e23}.social .icon{width:32px;height:32px;display:block}.social .icon svg{width:100%;height:100%;fill:currentColor}.social .arrow,.social small{color:inherit;opacity:.7}.social strong{font-size:13px}.social small{font-size:10px}.social.x{background:#25272c;color:#f9eddb}.social.bluesky{background:#59b8c8;color:#12333e;border-top:0}.social.bluesky .icon{color:inherit}.social.steam{background:#e9bc4b;color:#332b20}.social.steam .icon{color:inherit}.social.github{background:#c94437;color:#fff2df}.social.github .icon{color:inherit}.clock{background:#eac251;color:#312b21}.clock-top span:last-child,.clock-date{color:#5c4a25}.digits{font-size:47px;font-weight:500;letter-spacing:-2px}.music{background:#25282c;color:#fff0dd}.music-title small{color:#c5bcae}.music-title strong{font:19px Summer,sans-serif}.play{background:#58b6c5;color:#14242d}.audio-bottom label{color:#75ccda}.audio-bottom input{accent-color:#e6b93f}.record:after{background:#db4538;border-color:#db4538}.essay{background:#55adba;color:#17343b;border:0}.essay h2{font:34px Dragon,serif;line-height:1.2}.essay p{color:#294e54}.essay .empty-label{color:#17343b}.contact{background:#d75040;color:#fff1dd;border:0}.contact h2{font:30px Summer,sans-serif}.contact p{color:#ffe0c8}.contact a{color:#fff1dd}.copy{color:#fff1dd;border-color:#ffffff60}.page-footer{font-size:10px}.pill{background:#27292d;color:#f6ecdd;border-color:#27292d}.pill:hover{color:#6ac7d5}.tags{margin-bottom:22px}
html[data-theme=dark] .oc{background:#c73d32}html[data-theme=dark] .social.bluesky,html[data-theme=dark] .essay{background:#4299a8}html[data-theme=dark] .clock,html[data-theme=dark] .social.steam{background:#d5aa3d}html[data-theme=dark] .contact{background:#bd493c}.route-nav .brand-leaf{width:32px;height:32px}.sub-title,.notes-index h1{font-family:Dragon,serif;font-weight:400}.notes-index h1{font-size:70px}.notes-index{padding-bottom:130px}.note-row{margin-top:20px;padding:30px 0}.note-row h2{font-family:GuYun,serif;font-size:30px}.notes-page{background:var(--bg)}.notes-page:after{content:"";position:absolute;top:23%;right:0;width:16%;height:70%;background:#d64535;z-index:0;transform:skewY(-12deg);pointer-events:none}.notes-index{z-index:1}.notes-index>p{max-width:650px}.reading-page{background:#d6e8e9;color:#26383e}.reading-title h1,.reading-layout,.reading-column p,.reading-column h2{font-family:GuYun,"SimSun",serif}.reading-title h1{font-size:30px}.reading-layout{max-width:1000px;gap:70px;margin-top:100px;padding-right:65px}.reading-column p{font-size:18px;line-height:2.05;overflow-wrap:anywhere}.reading-column h2{font-size:28px;line-height:1.4;margin-top:40px}.reading-layout[lang=en] p{font-family:GuYun,Georgia,serif;font-size:17px;line-height:1.95;text-align:left;hyphens:auto}.reading-column:nth-child(2){padding-top:130px}.reading-column .import-note{font:11px/1.8 "Microsoft YaHei",sans-serif;color:#5a747b;border-left:2px solid #a27d40;padding-left:14px;margin-bottom:35px}.reading-title{right:4vw}.reading-title small{font-size:11px}.reading-layout[lang=en]~*{font-family:Georgia}.links-grid .social{border-radius:22px}
/* 两个展厅共享图片，使用父层移动与子层散开衔接。 */
.gallery-page{min-height:610px;background:#101316;isolation:isolate}.gallery-page .route-nav{padding:0 4vw}.gallery-page .route-back{margin-right:238px}.gallery-switch{position:absolute;right:4vw;top:24px;display:flex;gap:4px;padding:4px;background:#ffffff0b;border:1px solid #ffffff20;border-radius:30px;z-index:35}.gallery-switch button{font:12px "Microsoft YaHei",sans-serif;color:#c3c3be;padding:9px 15px;border-radius:20px;transition:background .25s}.gallery-switch button[aria-pressed=true]{background:#e4b847;color:#202126}.gallery-word{top:8%;font-family:Arial,sans-serif;color:#202428;font-size:32vw}.gallery-heading{left:5vw;top:17%;z-index:23;max-width:330px;pointer-events:none;transition:transform .8s,opacity .6s}.gallery-heading h1{font-family:Dragon,serif;font-size:43px;letter-spacing:1px;margin-top:13px}.gallery-heading .route-kicker{font-size:9px}.gallery-heading p{font-size:10px}.waterfall-copy{display:none;font:25px/1.8 Summer,serif;margin-top:28px;color:#b9c5c6}.gallery-stage{touch-action:none;cursor:grab}.exhibit{top:31%;width:clamp(230px,25vw,340px);height:clamp(310px,53vh,460px);padding:12px 12px 35px;box-shadow:0 25px 70px #0008;transition:translate .65s cubic-bezier(.7,0,.2,1),opacity .4s;transform-origin:50% 80%}.exhibit:nth-child(odd){--scatter:100vw}.exhibit:nth-child(even){--scatter:-100vw}.exhibit img{object-position:50% 30%}.orbit-stage{transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .5s;z-index:4}.gallery-bottom{z-index:30}.gallery-bottom:before{background:linear-gradient(transparent,#101316ed)}.gallery-controls button{flex-shrink:0}.gallery-controls button[hidden]{display:none}.waterfall-stage{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .6s;touch-action:none;overflow:hidden;cursor:grab}.waterfall-plane{position:absolute;left:34%;width:75%;top:-20%;height:150%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;transform:rotate(-10deg);transform-origin:50% 50%;mask-image:linear-gradient(transparent,#000 9%,#000 90%,transparent)}.fall-column{will-change:transform;align-self:start}.fall-group{display:flex;flex-direction:column;gap:22px;padding-bottom:22px}.fall-card{padding:9px 9px 30px;background:#f3eee5;position:relative;box-shadow:0 12px 25px #0004;flex-shrink:0;transition:transform .65s cubic-bezier(.7,0,.2,1),opacity .6s}.fall-card img{width:100%;height:auto;max-height:420px;object-fit:cover;display:block;pointer-events:none}.fall-card:nth-child(3n+2) img{height:280px}.fall-card span{position:absolute;bottom:8px;left:10px;font:9px monospace;color:#363839}.fall-column:nth-child(1){--scatter:-100vw;--scatter-y:50vh}.fall-column:nth-child(2){--scatter:30vw;--scatter-y:-120vh}.fall-column:nth-child(3){--scatter:100vw;--scatter-y:50vh}.gallery-page[data-mode=waterfall] .waterfall-stage{opacity:1;pointer-events:auto}.gallery-page[data-mode=waterfall] .orbit-stage{transform:translateY(110vh);opacity:0;pointer-events:none}.gallery-page[data-mode=waterfall] .gallery-heading{top:32%;max-width:28vw}.gallery-page[data-mode=waterfall] .gallery-heading h1{font-size:52px;line-height:1.3}.gallery-page[data-mode=waterfall] .waterfall-copy{display:block}.gallery-page[data-mode=waterfall] .gallery-word{font-size:23vw;writing-mode:vertical-rl;left:-7%;top:4%;opacity:.45}.gallery-page[data-mode=waterfall] .gallery-progress{display:none}.gallery-transition[data-leaving=orbit] .exhibit{translate:var(--scatter) -70vh;opacity:0!important}.gallery-transition[data-leaving=waterfall] .fall-card{transform:translate(var(--scatter),var(--scatter-y)) rotate(25deg);opacity:0}.gallery-enter[data-mode=orbit] .orbit-stage{animation:rise-orbit .8s cubic-bezier(.2,.8,.2,1)}.gallery-enter[data-mode=waterfall] .waterfall-plane{animation:gather-flow .8s cubic-bezier(.2,.8,.2,1)}.gallery-page.dragging .gallery-stage,.gallery-page.dragging .waterfall-stage{cursor:grabbing}.gallery-page.dragging{user-select:none}.gallery-stage img,.waterfall-stage img{user-select:none;-webkit-user-drag:none}.gallery-controls{gap:12px}.gallery-controls button{background:#10131680}.gallery-controls button:hover{background:#e4b847}.gallery-page .gallery-hint{color:#b9bec0}.gallery-page .route-nav .route-back{z-index:36}.gallery-page .route-nav{pointer-events:none}.gallery-page .route-nav a{pointer-events:auto}
@keyframes rise-orbit{from{transform:translateY(110vh);opacity:0}to{transform:none;opacity:1}}@keyframes gather-flow{from{transform:rotate(-10deg) scale(1.25);opacity:0}to{transform:rotate(-10deg) scale(1);opacity:1}}
@media(max-width:1000px){.layout{grid-template-columns:210px 1fr;gap:25px}.oc img:not(.leaf-motif){width:185px;height:265px;right:-35px}.oc .oc-title{font-size:46px}.oc .oc-copy{bottom:23px;max-width:100px;font-size:10px}.gallery-heading{top:15%;max-width:220px}.gallery-heading h1{font-size:36px}}
@media(max-width:760px){.layout{display:block}.identity h1{font-size:42px}.identity{padding-right:0}.bento{gap:12px}.oc,.artwork{height:340px}.oc{padding:19px}.oc .oc-title{font-size:42px;margin-top:25px}.oc img:not(.leaf-motif){height:190px;width:145px;right:-28px;bottom:34px;padding:9px 0}.oc .oc-copy{bottom:15px;font-size:9px;line-height:1.6;max-width:92px}.oc .card-label{font-size:8px}.oc img.leaf-motif{width:55px;height:55px;top:10px;right:2px}.oc .round-link{right:12px;bottom:12px;width:28px;height:28px}.art-caption strong{font-size:26px}.art-caption{left:17px;right:17px;bottom:20px}.social{padding:20px;min-height:132px}.clock,.music,.essay,.contact{min-height:170px}.gallery-page{min-height:650px}.gallery-page .route-nav{height:72px;padding:0 20px}.gallery-page .route-back{margin-right:0;padding:7px 12px}.gallery-switch{top:78px;right:20px}.gallery-switch button{font-size:10px;padding:7px 12px}.gallery-heading{left:6vw;top:20%;max-width:250px}.gallery-heading h1{font-size:32px}.gallery-heading .route-kicker{font-size:8px}.gallery-word{top:24%;font-size:43vw}.exhibit{top:34%;width:225px;height:min(42vh,350px);min-height:290px;padding:9px 9px 30px}.gallery-bottom{bottom:24px}.gallery-hint{font-size:9px}.gallery-controls{gap:9px}.gallery-controls button{width:37px;height:37px}.waterfall-plane{left:35%;width:108%;gap:13px;top:-15%;height:150%;grid-template-columns:repeat(2,minmax(0,1fr))}.fall-column:nth-child(3){display:none}.fall-card{padding:6px 6px 24px}.fall-card span{font-size:7px}.fall-group{gap:14px;padding-bottom:14px}.fall-card:nth-child(3n+2) img{height:210px}.gallery-page[data-mode=waterfall] .gallery-heading{top:33%;left:5vw;max-width:29vw}.gallery-page[data-mode=waterfall] .gallery-heading h1{font-size:35px;line-height:1.4}.gallery-page[data-mode=waterfall] .gallery-heading .route-kicker{display:none}.waterfall-copy{font-size:17px}.gallery-page[data-mode=waterfall] .gallery-word{font-size:45vw;left:-15%;top:15%}.reading-layout{display:block;margin-top:140px;padding:0 65px 90px 25px}.reading-column:nth-child(2){padding-top:0}.reading-column p{font-size:18px;line-height:2}.reading-layout[lang=en] p{font-size:16px;line-height:1.85}.reading-title{right:3vw;top:125px}.reading-title h1{font-size:22px}.reading-title h1:lang(en){writing-mode:horizontal-tb}.notes-index h1{font-size:43px;letter-spacing:2px}.notes-page:after{width:6%;top:30%;opacity:.8}.note-row h2{font-size:25px}.note-row{grid-template-columns:60px 1fr 18px}.note-row span{font-size:9px}.links-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.card:hover{transform:none}.gallery-enter .orbit-stage,.gallery-enter .waterfall-plane{animation:none}.orbit-stage,.fall-card,.exhibit,.waterfall-stage{transition:none}}

.gallery-page .route-nav{background:linear-gradient(#101316ed,#10131680,transparent);z-index:31}.gallery-switch{background:#171c20f0}.gallery-page .route-back{background:#171c20e0}.oc .oc-copy{max-width:155px}.oc img.leaf-motif{filter:none;opacity:.3}.reading-layout[lang=en]{max-width:1080px}.reading-title:has(h1[data-english]){writing-mode:horizontal-tb}
@media(max-width:760px){.oc .oc-copy{max-width:100px}.gallery-page .route-nav{background:linear-gradient(#101316,#101316a0,transparent)}}

body:has(.reading-page:not([hidden])) #leaves{opacity:.22}
@media(max-width:760px){.oc .oc-title{font-size:32px;line-height:1.12;letter-spacing:1px;margin-top:17px}.oc img:not(.leaf-motif){height:165px;width:130px;bottom:45px}.art-caption strong{font-size:22px;line-height:1.25}}

@media(max-width:760px){.waterfall-plane{left:47%;width:110%}.gallery-page[data-mode=waterfall] .gallery-heading{max-width:30vw}.gallery-page[data-mode=waterfall] .gallery-heading h1{font-size:29px}.waterfall-copy{font-size:16px}}