@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Serif+SC:wght@600;700&display=swap";@font-face{font-family:DiaryTest;src:url(https://webide-gateway.devops.xiaohongshu.com/qs-60523-1359636-ai-1226121/ide/proxy/8790/api/font/runs/ffotf_7e2348edc88adb7fe61f76eb/download?format=mono_otf)format("opentype");font-display:swap}:root{--paper:#fbfaf6;--ink:#121212;--muted:#73736e;--line:#d8d7d1;--serif:"Noto Serif SC",serif;--sans:"Noto Sans SC",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}.index{font:500 9px/1.5 var(--mono);letter-spacing:.16em}.minimal-nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:64px;padding:0 3vw;display:flex}.minimal-nav a{font:700 18px var(--serif)}.minimal-nav span{font:400 9px var(--mono);color:var(--muted);letter-spacing:.08em}.statement{flex-direction:column;height:calc(100vh - 64px);min-height:650px;padding:9vh 7vw 5vh;display:flex}.statement h1{font:600 clamp(62px,8vw,126px)/1.18 var(--serif);letter-spacing:-.075em;margin:11vh 0 4vh}.statement h1 span{white-space:nowrap;position:relative}.statement h1 span:after{content:"";background:#121212;height:7px;position:absolute;bottom:-3px;left:0;right:0;transform:rotate(-1deg)}.statement-note{font:300 14px/1.8 var(--sans);color:var(--muted)}.scroll-mark{width:210px;font:500 9px var(--mono);border-top:1px solid;justify-content:space-between;margin:auto 0 0 auto;padding-top:12px;display:flex}.showcase{border-top:1px solid var(--line);min-height:100vh;display:grid}.showcase-copy{flex-direction:column;align-items:flex-start;padding:9vw 6vw;display:flex}.showcase-copy h2,.handwriting-heading h2{font:600 clamp(46px,5.5vw,84px)/1.15 var(--serif);letter-spacing:-.06em;margin:7vh 0 4vh}.showcase-copy>p:not(.index),.handwriting-heading>p:not(.index){max-width:380px;font:300 14px/1.9 var(--sans);color:var(--muted)}.primary-link{min-width:230px;font:500 10px var(--mono);border-top:1px solid;justify-content:space-between;margin-top:auto;padding:14px 0;display:flex}.primary-link:hover span{transform:translate(3px,-3px)}.primary-link span{transition:all .2s}.handwriting-section{border-top:1px solid var(--line);padding:9vw 5vw 5vw}.handwriting-heading{grid-template-rows:auto 1fr;grid-template-columns:1.15fr .85fr;align-items:start;column-gap:8vw;min-height:420px;display:grid}.handwriting-heading .index{grid-column:1}.handwriting-heading h2{grid-area:2/1;margin:5vh 0 0}.handwriting-heading>p:not(.index){grid-area:2/2;margin:6vh 0 0}.handwriting-heading .primary-link{grid-area:2/2;align-self:end;margin:0}.reference-wall{grid-template-rows:repeat(2,minmax(300px,38vw));grid-template-columns:1.15fr .8fr .65fr;gap:7vw 3vw;padding:3vw 0 7vw;display:grid}.reference{flex-direction:column;align-self:start;gap:12px;margin:0;display:flex}.reference img{object-fit:contain;filter:grayscale(.08)contrast(.96);background:#f9f9f7;width:100%;height:auto;display:block}.reference figcaption{font:400 8px var(--mono);letter-spacing:.1em;color:var(--muted)}.reference-main{grid-area:1/1/auto/3}.reference-main img{max-height:72vh}.reference-photo{grid-area:1/3;margin-top:12vw}.reference-paper{grid-area:2/1;width:70%;margin-left:10%}.reference-object{grid-area:2/2;margin-top:8vw}.reference-drawing{grid-area:2/3;width:80%;margin:0 auto}.reference-caption{text-align:right;border-top:1px solid var(--line);color:var(--muted);font:400 8px/1.6 var(--mono);padding-top:12px}.glow-showcase{color:#f7f6f1;background:#0a0a0a;border-color:#333;grid-template-columns:.62fr .38fr}.glow-showcase .showcase-copy{border-left:1px solid #333}.glow-showcase .showcase-copy>p:not(.index){color:#92928e}.glow-art{background:radial-gradient(circle at 44% 48%,#292613 0,#0b0b0b 50%,#050505 100%);flex-direction:column;min-height:850px;padding:6vw;display:flex;position:relative}.glow-art>p{text-align:center;margin:auto}.glow-art>p span{font:700 clamp(150px,22vw,360px)/1 var(--serif);color:#fff;-webkit-text-stroke:7px #080808;text-shadow:0 0 7px #fff,0 0 28px #fff47a,0 0 75px #d6c719;display:inline-block;transform:rotate(-4deg)}.glow-art>div{border-top:1px solid #777;justify-content:space-between;align-items:end;padding-top:13px;display:flex}.glow-art b{font:500 16px var(--sans)}.glow-art small,.truth-note{font:400 8px/1.6 var(--mono);letter-spacing:.1em;color:#878783}.primary-link.light{color:#fff}.truth-note{margin-top:18px}.minimal-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:end;min-height:250px;padding:5vw;display:flex}.minimal-footer b{font:700 21px var(--serif)}.minimal-footer p{font:500 24px var(--serif);margin:0}.minimal-footer a{font:400 9px var(--mono);border-bottom:1px solid}.editor-shell{background:#e9e7df;height:100vh;overflow:hidden}.editor-topbar{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 22px;display:grid}.editor-topbar .back{font:500 10px var(--mono)}.editor-topbar>div{align-items:center;gap:14px;display:flex}.editor-topbar b{font:600 14px var(--serif)}.editor-topbar span{font:400 9px var(--mono);color:var(--muted)}.editor-topbar button{color:#777;font:500 9px var(--mono);cursor:not-allowed;background:#c8c5ba;border:0;justify-self:end;padding:10px 14px}.editor-body{grid-template-columns:340px 1fr;height:calc(100vh - 64px);display:grid}.editor-panel{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;gap:27px;padding:28px;display:flex;overflow:auto}.panel-title>span{font:500 9px var(--mono);border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.panel-title h1{font:600 28px var(--serif);margin:18px 0 10px}.panel-title p{color:var(--muted);font:300 12px/1.75 var(--sans);margin:0}.editor-panel label{flex-direction:column;gap:10px;display:flex}.editor-panel label>span,.swatches>span,.glyph-library>span{font:500 9px var(--mono);letter-spacing:.08em}.editor-panel label b{float:right;color:var(--muted);font-weight:400}.editor-panel textarea,.editor-input{border:1px solid var(--line);background:#fff;outline:0;width:100%;padding:12px}.editor-panel textarea{resize:none;height:130px;font:18px/1.7 "DiaryTest",var(--sans)}input[type=range]{width:100%;accent-color:var(--ink)}.swatches{align-items:center;gap:10px;display:flex}.swatches>span{margin-right:auto}.swatches button{cursor:pointer;border:1px solid #aaa;border-radius:50%;width:25px;height:25px}.swatches button.active{outline-offset:3px;outline:2px solid}.editor-truth{color:var(--muted);font:400 9px/1.8 var(--mono);margin-top:auto}.stage{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:30px;display:flex}.poster{aspect-ratio:3/4;height:min(75vh,760px);box-shadow:0 18px 60px #3c392f25}.diary-poster{flex-direction:column;padding:11%;display:flex}.diary-poster>p{font-family:"DiaryTest",var(--sans);color:#171714;margin:auto 0}.diary-poster.inverse>p,.diary-poster.inverse .poster-sign{color:#fff}.poster-sign{font:500 8px var(--mono);border-top:1px solid;justify-content:space-between;margin-top:auto;padding-top:9px;display:flex}.stage-hint{font:400 9px var(--mono);color:var(--muted);margin:15px 0 0}.dark-editor{color:#f0eee6;background:#202020}.dark-editor .editor-topbar,.dark-editor .editor-panel{color:#f0eee6;background:#111;border-color:#3b3b3b}.dark-editor .editor-topbar button{color:#666;background:#292929}.dark-editor .editor-input{color:#fff;background:#1d1d1d;border-color:#444}.dark-editor input[type=range]{accent-color:#f1e94f}.dark-editor .editor-truth,.dark-editor .panel-title p,.dark-editor .stage-hint{color:#92928e}.glyph-library{align-items:center;gap:12px;display:flex}.glyph-library>span{margin-right:auto}.glyph-library button{color:#fff;cursor:pointer;background:0 0;border:1px solid #666;width:48px;height:48px}.missing{color:#f1e94f;font:400 9px/1.6 var(--mono);background:#302b13;padding:10px}.dark-stage{background:#202020}.glyph-poster{color:#fff;flex-direction:column;padding:9%;display:flex}.glyph-poster>p{font:700 clamp(68px,7vw,128px)/1 var(--serif);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:auto;display:flex}.glyph-poster>p span{-webkit-text-stroke:3px #0b0b0b;transform:rotate(-3deg)}.glyph-poster>p span:nth-child(2n){transform:rotate(4deg)translateY(12px)}@media (width<=760px){.minimal-nav{padding:0 18px}.statement{padding:9vh 22px 5vh}.statement h1{margin-top:14vh;font-size:14vw}.statement h1 span:after{height:3px}.showcase{display:block}.showcase-copy{min-height:610px;padding:90px 24px 50px}.handwriting-section{padding:90px 18px 60px}.handwriting-heading{min-height:570px;display:block}.handwriting-heading h2{margin-top:50px}.handwriting-heading>p:not(.index){margin-top:30px}.handwriting-heading .primary-link{margin-top:80px}.reference-wall{display:block}.reference{width:82%;margin:0 0 80px}.reference:nth-child(2n){margin-left:auto}.reference-main{width:100%}.reference-main img{max-height:none}.reference-paper{width:72%;margin-left:4%}.reference-drawing{width:72%;margin-left:auto}.glow-showcase .showcase-copy{border-top:1px solid #333;border-left:0}.glow-art{min-height:650px;padding:28px}.glow-art>p span{font-size:55vw}.minimal-footer{gap:40px;padding:70px 22px;display:grid}.editor-shell{height:auto;min-height:100vh;overflow:auto}.editor-topbar{grid-template-columns:1fr 1fr;padding:0 14px}.editor-topbar>div{display:none}.editor-body{height:auto;display:block}.editor-panel{border-bottom:1px solid;border-right:0;min-height:640px}.stage{padding:28px 14px 70px}.poster{width:min(88vw,480px);height:auto}.diary-poster,.glyph-poster{min-height:117vw}.glyph-poster>p{font-size:23vw}}