@charset "UTF-8";
:root{--ink:#332b2b;--paper:#fff8e9;--pink:#edb0bc;--rose:#cc4b68;--yellow:#f2d780;--green:#ced8b8;--line:#76665b;--shadow:4px 5px 0 #4d353521;--font:"Microsoft YaHei","PingFang SC",sans-serif;--hand:"KaiTi","STKaiti",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#f4eddf;font:15px/1.7 var(--font)}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--rose);outline-offset:5px}::selection{background:#f3bbc8}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}input,textarea{border-radius:0}[hidden]{display:none!important}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip-link{position:fixed;left:10px;top:-70px;background:var(--yellow);z-index:100;padding:8px 20px}.skip-link:focus{top:10px}
.site-header{max-width:1380px;margin:auto;padding:19px 36px;display:flex;align-items:center;gap:25px;min-height:88px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:47px;height:43px;transform:rotate(-7deg);background:var(--rose);color:var(--paper);font-weight:900;font-size:18px;clip-path:polygon(4% 9%,94% 0,100% 90%,0 100%)}.brand strong{font:700 25px var(--hand);letter-spacing:2px}.brand small{font:9px/1.2 monospace;letter-spacing:2px;display:block}.site-nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px}.site-nav a{position:relative;padding:5px 0}.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rose);transform:scaleX(0) rotate(-2deg);transition:transform .2s}.site-nav a:hover::after,.site-nav a[aria-current=page]::after{transform:scaleX(1) rotate(-2deg)}.post-nav{border:1px solid var(--ink);border-radius:50%;padding:7px 20px!important;transform:rotate(-3deg)}.sound-button{border:1px solid #76665b70;border-radius:50%;width:34px;height:34px;flex-shrink:0;font-size:15px}.sound-button[aria-pressed=true]{background:var(--yellow)}.menu-button{display:none}.site-footer{max-width:1280px;margin:auto;padding:28px 25px 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:11px monospace;letter-spacing:1px}.site-footer .hand{font-size:18px;letter-spacing:0}.hand{font-family:var(--hand);font-size:21px}.eyebrow{font:11px monospace;letter-spacing:2px;color:#7b5d55;margin-bottom:12px}.tag{display:inline-block;border:1px solid #9d8879;font-size:11px;padding:3px 10px;background:#fff9ec;transform:rotate(-2deg)}.tape{position:absolute;background:#e4cc86aa;height:27px;width:105px;clip-path:polygon(3% 0,100% 6%,96% 100%,0 94%);transform:rotate(-8deg);z-index:3}.paper-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:45px;padding:11px 23px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);transition:.2s}.paper-button:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.paper-button.primary{background:var(--rose);color:var(--paper)}.text-link{display:inline-flex;gap:25px;border-bottom:1px solid currentColor;padding:4px 0;font-size:13px}.page-width{max-width:1220px;margin:auto;padding:0 42px}.page-top{display:flex;gap:16px;align-items:center;font:11px monospace;margin:22px 0 34px;color:#80695f}.page-top a:hover{text-decoration:underline}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:46px}.page-heading h1{font:700 clamp(38px,5vw,68px)/1.3 var(--hand);margin-bottom:8px;letter-spacing:2px}.page-heading p{max-width:365px;font-size:14px;color:#786158;margin-bottom:10px}.cut-underline{position:relative;isolation:isolate}.cut-underline::after{content:"";position:absolute;z-index:-1;left:-4px;right:-7px;bottom:3px;height:17px;background:var(--pink);transform:rotate(-2deg)}
img{height:auto}.welcome-art{display:grid;place-items:center}.welcome-art .typing-frame{position:relative;inset:auto;height:auto;width:100%;aspect-ratio:2/3}
.action-stage{height:auto!important;border:1px solid #a68c73;background:#292d36;aspect-ratio:1.7}.action-stage>img{width:100%;height:100%;object-fit:cover;opacity:.86}.game-annotation{position:absolute;display:none;font:14px var(--hand);padding:6px 12px;background:#fff4c9ed;border:1px solid #d5a552;box-shadow:2px 2px 0 #35251e60;transform:rotate(-7deg)}.path-mark{left:22%;bottom:23%;border-bottom:3px dashed #f2ca62}.hit-mark{left:52%;top:34%;border-radius:50%;padding:17px 10px;box-shadow:0 0 0 10px #fff7a33b}.dodge-mark{left:16%;top:30%;transform:rotate(-14deg)}.action-stage.move .path-mark,.action-stage.attack .hit-mark,.action-stage.dodge .dodge-mark{display:block}.annotation-label{position:absolute;left:10px;top:9px;color:#fff4d3;font:8px monospace;letter-spacing:1px}
/* 首页：原生文字、独立位图、视频图集与反馈层，分别可编辑。 */
.home-frame{position:relative;margin:0 24px;border:1.5px solid #655347;box-shadow:0 8px 18px #5546380e;background:var(--paper);isolation:isolate}.home-frame::after{content:"";position:absolute;inset:7px;border:1px dashed #a5827470;pointer-events:none;z-index:12}.island-stage{height:710px;position:relative;overflow:hidden;background:var(--paper) url('assets/v2-paper.webp') center/cover}.stage-topline,.stage-bottomline{position:absolute;display:flex;justify-content:space-between;gap:20px;left:30px;right:30px;font:10px monospace;letter-spacing:1.5px;z-index:8}.stage-topline{top:21px}.stage-bottomline{bottom:19px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7c8d53;margin-right:7px}.cut-title{position:absolute;left:7%;top:12%;z-index:7;transform:rotate(-6deg);width:42%;pointer-events:none}.cut-title p{font:11px monospace;letter-spacing:3px;margin:0 0 15px 10px}.cut-line{display:flex;gap:5px;white-space:nowrap}.cut-line+.cut-line{margin:9px 0 0 22px}.cut-letter{display:inline-block;padding:0 6px;background:#fffaf0;border:1px solid #efdfc7;font:1000 clamp(34px,4.2vw,64px)/1.2 var(--hand);box-shadow:2px 3px 0 #b45a6355;transform:rotate(var(--r,-3deg));color:#332322}.cut-line:last-child .cut-letter{background:#f2b6be;border-color:#dd9cab}.cut-letter:nth-child(3n){transform:rotate(5deg);background:#fff2bb}.cut-title .title-foot{font:15px var(--hand);margin:17px 0 0 29px;letter-spacing:1px}.moon-paper{position:absolute;left:40%;top:23%;width:29%;aspect-ratio:1;border:1.5px solid #7e6d2d;border-radius:48% 52% 50% 46%;background:#f1d979;box-shadow:10px 11px 0 #c3937e2e;transform:rotate(-7deg);z-index:1}.moon-paper::after{content:"";position:absolute;inset:12px;border:1px dashed #fff9d1b0;border-radius:50%}.orbit{position:absolute;left:32%;top:17%;width:48%;height:65%;border:1px dashed #ac8b6755;border-radius:50%;transform:rotate(-27deg);z-index:1}.island-object{position:absolute;z-index:6;display:block;text-align:center;transform:rotate(var(--tilt));transition:transform .35s cubic-bezier(.2,.7,.2,1);outline-offset:8px;isolation:isolate}.object-visual{position:relative;display:block;width:100%;transition:filter .3s}.object-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(2px 5px 2px #674b3616)}.object-label{display:block;font:700 23px/1.2 var(--hand)}.object-label small{display:block;font:8px monospace;letter-spacing:2px;margin-top:5px}.object-about{left:20%;top:36%;width:17%;--tilt:-9deg}.object-laptop{left:12%;top:66%;width:20%;--tilt:3deg}.object-skills{right:8%;top:13%;width:18%;--tilt:6deg}.object-mailbox{right:7%;top:44%;width:14%;--tilt:-7deg}.object-house{right:23%;top:68%;width:16%;--tilt:5deg}.island-object:hover,.island-object:focus-visible{transform:translateY(-8px) rotate(0);z-index:9}.island-object:hover .object-visual,.island-object:focus-visible .object-visual{filter:drop-shadow(0 5px 7px #b2545b33)}.object-tip{position:absolute;left:50%;bottom:calc(100% + 8px);padding:6px 13px;background:#fffbed;border:1px solid #73534d;box-shadow:2px 3px 0 #ae6e6b35;font-size:11px;white-space:nowrap;opacity:0;transform:translate(-50%,9px) rotate(3deg);transition:.25s;pointer-events:none}.island-object:hover .object-tip,.island-object:focus-visible .object-tip{opacity:1;transform:translate(-50%,0) rotate(3deg)}.passport-slip{position:absolute;left:52%;top:16%;width:36%;height:38%;background:#fff3be;transform:rotate(2deg);padding:7px;font:9px monospace;opacity:0;transition:.3s;box-shadow:1px 1px 0 #765b3c}.object-about:hover .passport-slip,.object-about:focus-visible .passport-slip{opacity:1;transform:rotate(7deg) translateY(-20px)}.laptop-screen{position:absolute;left:16%;top:17%;width:53%;height:36%;overflow:hidden;transform:rotate(-5deg);opacity:0;transition:.25s;background:#d7e9c9;box-shadow:0 0 12px #fffbd2}.laptop-screen i{position:absolute;width:12px;height:12px;bottom:20%;left:20%;background:var(--rose);box-shadow:4px -4px 0 #f8d885;animation:tiny-jump 1.2s ease-in-out infinite}.laptop-screen::after{content:"▰ ▰";position:absolute;bottom:0;left:12%;letter-spacing:16px;font-size:11px}.object-laptop:hover .laptop-screen,.object-laptop:focus-visible .laptop-screen{opacity:1}.skill-pop{position:absolute;inset:30% 0 auto;display:flex;justify-content:center;gap:5px;transform:translateY(8px);opacity:0;transition:.3s}.skill-pop span{background:var(--paper);border:1px solid var(--ink);font:10px monospace;padding:3px 6px;transform:rotate(-9deg)}.skill-pop span:nth-child(2){transform:rotate(8deg) translateY(-20px)}.object-skills:hover .skill-pop,.object-skills:focus-visible .skill-pop{opacity:1;transform:translateY(-24px)}.house-light{position:absolute;left:39%;top:52%;width:21%;height:30%;border-radius:50% 50% 0 0;background:#ffe19c;box-shadow:0 0 26px 7px #ffc56980;transform:scaleX(0);transform-origin:left;transition:.4s}.house-light::after{content:"";position:absolute;right:0;top:0;bottom:0;width:40%;background:#906b49;border-radius:40% 40% 0 0}.object-house:hover .house-light,.object-house:focus-visible .house-light{transform:scaleX(1)}.mail-peek{position:absolute;width:45%;height:27%;top:35%;left:8%;background:#fff9dc;transform:rotate(-9deg);border:1px solid #6b4a3c;opacity:0;transition:.35s}.mail-peek::after{content:"♥";color:var(--rose);font-size:17px}.object-mailbox:hover .mail-peek,.object-mailbox:focus-visible .mail-peek{opacity:1;transform:translate(-14px,-18px) rotate(-16deg)}
.mascot{position:absolute;left:43%;top:27%;width:23%;height:51%;z-index:5;touch-action:pan-y;cursor:grab}.mascot-frame{width:100%;height:100%;background:url('assets/mascot-video-atlas.webp') 0 0/1000% 600% no-repeat}.speech-bubble{position:absolute;left:45%;top:23%;max-width:240px;padding:7px 15px;border:1.5px solid var(--ink);border-radius:50% 50% 35% 45%;background:var(--paper);font:16px var(--hand);z-index:11;opacity:0;transform:translateY(10px) rotate(4deg);transition:.3s;pointer-events:none}.speech-bubble.visible{opacity:1;transform:translateY(0) rotate(4deg)}.stage-note{position:absolute;left:38%;bottom:10%;font:18px var(--hand);transform:rotate(-5deg);z-index:4}.star-piece{position:absolute;z-index:4;width:6%}.star-a{left:42%;top:10%;transform:rotate(12deg)}.star-b{right:4%;bottom:10%;width:9%;transform:rotate(-14deg)}.field-note{position:absolute;left:4%;top:51%;font:17px/1.3 var(--hand);transform:rotate(-11deg);color:#985850}.home-edition{position:absolute;left:4%;bottom:9%;border:1.5px solid #ab5967;color:#ab5967;padding:7px 10px;transform:rotate(-10deg);border-radius:50%;font:10px/1.25 monospace;text-align:center}.route-strip{display:flex;justify-content:center;gap:20px;padding:17px 20px;font-size:12px;flex-wrap:wrap}.route-strip span{color:#9c7a6c}.route-strip a:hover{text-decoration:underline;text-decoration-color:var(--rose)}.home-story{max-width:1220px;margin:86px auto 70px;padding:0 45px;display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:60px}.home-story h2{font:40px/1.4 var(--hand)}.home-story p{font-size:14px;color:#7c675d;max-width:320px}.home-project-preview{position:relative;border:1px solid #9d897c;background:var(--paper);padding:16px 16px 20px;box-shadow:var(--shadow);transform:rotate(2deg)}.home-project-preview>.tape{left:40%;top:-15px}.home-project-preview img{aspect-ratio:1.7;object-fit:cover}.preview-controls{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.preview-controls button{font-size:11px;padding:4px 12px;border:1px solid #a9917d;border-radius:20px}.preview-controls button[aria-pressed=true]{background:var(--rose);color:var(--paper);border-color:var(--rose)}.preview-caption{display:flex;justify-content:space-between;gap:15px;font-size:13px}.mini-path{max-width:1160px;margin:0 auto 35px;padding:28px 10px;border-top:1px dashed #bca58f;border-bottom:1px dashed #bca58f;display:flex;justify-content:space-around;gap:15px}.mini-path span{font:22px var(--hand)}.mini-path small{font:10px monospace;color:#947465;display:block}.mini-path b{font-size:27px;font-weight:400;color:#ac7764}
/* 真实内页，而非通用弹窗。 */
.inner-shell{min-height:calc(100vh - 190px);padding-bottom:50px}.inner-hero-sticker{width:90px;transform:rotate(9deg);flex-shrink:0}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.filter-bar button{padding:8px 20px;border:1px solid #a68b7b;font-size:12px;transform:rotate(-2deg)}.filter-bar button:nth-child(even){transform:rotate(2deg)}.filter-bar button[aria-pressed=true]{background:var(--rose);color:var(--paper);border-color:var(--rose);box-shadow:2px 3px 0 #5f36342b}.project-spread{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;background:var(--paper);border:1px solid #b39987;padding:26px 33px;margin-bottom:45px;box-shadow:var(--shadow);transform:rotate(-.6deg)}.project-spread:nth-child(even){transform:rotate(.6deg)}.project-spread:nth-child(even) .spread-picture{order:2}.spread-picture{position:relative}.spread-picture img{width:100%;aspect-ratio:1.5;object-fit:cover;border:1px solid #e1cfb6}.spread-picture .tape{left:33%;top:-12px}.project-spread h2{font:37px var(--hand);margin:12px 0 17px}.project-spread p{font-size:14px;color:#796257;max-width:330px}.index-number{position:absolute;right:27px;top:15px;font:44px var(--hand);color:#bb9270;opacity:.6}.project-spread.pink{background:#fae6e6}.project-spread.green{background:#e7e9d6}.project-spread.yellow{background:#f9edc8}.gallery-footnote{font-size:11px;color:#8c7565;text-align:center;margin:35px 0 10px}.project-cover{position:relative;margin:0 0 50px;padding:20px;background:#fffaf0;border:1px solid #bfa78e;transform:rotate(-.6deg);box-shadow:var(--shadow)}.project-cover img{width:100%;max-height:585px;object-fit:cover}.project-cover figcaption{font-size:11px;color:#8a7465;padding:15px 0 0}.project-cover>.tape{top:-12px;left:44%}.project-intro{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;margin-bottom:60px}.project-intro h2{font:30px var(--hand);max-width:280px}.project-intro p{font-size:15px;line-height:2;color:#70594f}.fact-row{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.fact-row span{border:1px dashed #b8a189;padding:4px 10px;font-size:11px}.chapter-board{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;margin-bottom:70px;align-items:start}.chapter-tabs{display:flex;flex-direction:column;border-top:1px solid #bca58d}.chapter-tab{text-align:left;padding:20px 12px;border-bottom:1px solid #bca58d;font-size:16px;transition:background .2s}.chapter-tab small{font:10px monospace;margin-right:13px;color:#9e7664}.chapter-tab[aria-selected=true]{background:#f2d4d5}.chapter-panel{background:var(--paper);padding:30px;border:1px solid #b39a82;position:relative;box-shadow:var(--shadow)}.chapter-panel::before{content:"";position:absolute;top:-12px;right:30px;width:83px;height:24px;background:#ddc38f9c;transform:rotate(9deg)}.chapter-panel h3{font:27px var(--hand)}.chapter-panel p{min-height:100px;font-size:14px;color:#7c6254}.chapter-panel .hand{font-size:16px}.section-label{display:flex;align-items:center;gap:16px;margin-bottom:25px;font:30px var(--hand)}.section-label::after{content:"";height:1px;flex:1;background:#bca58d}.project-screenshot{margin:0 0 55px;padding:12px;background:#fffaf1;border:1px solid #bca58d}.project-screenshot button{display:block;width:100%;padding:0}.project-screenshot img{width:100%;max-height:500px;object-fit:contain;background:#292d36}.project-screenshot figcaption{font-size:11px;padding:12px 0 0;color:#876b59}.experiment{position:relative;background:#f9ebcd;border:1px solid #b89c7e;padding:33px;margin:45px 0 65px;overflow:hidden}.experiment h3{font:30px var(--hand)}.experiment p{font-size:13px;color:#876955;max-width:650px}.exp-label{font:9px monospace;letter-spacing:2px;color:#a27764}.experiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-top:28px}.action-stage{height:210px;position:relative;background:#f2ddd3;border-bottom:12px solid #8d716a;overflow:hidden}.toy-player{position:absolute;bottom:18px;left:30%;width:35px;height:55px;background:var(--rose);border:2px solid var(--ink);border-radius:40% 40% 8% 8%;transition:transform .35s}.toy-player::before{content:"";position:absolute;left:2px;top:-23px;width:26px;height:27px;background:#e8c6a1;border:2px solid var(--ink);border-radius:50%}.toy-player::after{content:"";position:absolute;right:-20px;top:17px;width:20px;height:5px;background:var(--yellow);transform-origin:left;transition:transform .3s}.action-stage.attack .toy-player::after{transform:scaleX(3)}.action-stage.move .toy-player{transform:translateX(95px)}.action-stage.dodge .toy-player{transform:translateX(-35px) rotate(-25deg)}.practice-dummy{position:absolute;bottom:15px;right:20%;width:40px;height:75px;background:#a3b58c;border:2px solid var(--ink);border-radius:30%}.action-stage.attack .practice-dummy{animation:hit .3s 2}.action-buttons{display:flex;gap:9px;flex-wrap:wrap}.action-buttons button{border:1px solid #9c8067;padding:6px 15px;background:var(--paper);font-size:12px}.action-buttons button[aria-pressed=true]{background:var(--rose);color:white}.action-note{margin-top:20px;min-height:60px;font:21px var(--hand)!important}.cube-wrap{height:265px;display:grid;place-items:center;perspective:800px}.cube{position:relative;width:100px;height:100px;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(var(--angle,32deg));transition:transform .3s}.cube-face{position:absolute;width:100px;height:100px;background:#c4d8b2d9;border:2px solid #657958;display:grid;place-items:center;font:22px var(--hand);backface-visibility:visible;transition:transform .7s}.front{transform:translateZ(50px)}.back{transform:rotateY(180deg) translateZ(50px)}.right{transform:rotateY(90deg) translateZ(50px)}.left{transform:rotateY(-90deg) translateZ(50px)}.top{transform:rotateX(90deg) translateZ(50px)}.bottom{transform:rotateX(-90deg) translateZ(50px)}.cube.is-net{transform:scale(.65)}.cube.is-net .front{transform:translate(-50px,0)}.cube.is-net .right{transform:translate(50px,0)}.cube.is-net .back{transform:translate(150px,0)}.cube.is-net .left{transform:translate(-150px,0)}.cube.is-net .top{transform:translate(-50px,-100px)}.cube.is-net .bottom{transform:translate(-50px,100px)}.range-label{display:flex;justify-content:space-between;font-size:12px;margin:14px 0 4px}.range-control{width:100%;accent-color:var(--rose)}.volume-formula{font:28px var(--hand);margin:15px 0}.prompt-form label{display:block;font-size:12px;margin:15px 0 5px}.prompt-form input,.prompt-form select{width:100%;padding:10px;background:#fffaf0;border:1px solid #bba083}.prompt-preview{white-space:pre-wrap;background:#fffaf0;border-left:3px solid var(--rose);padding:22px;font-size:13px;line-height:2;overflow-wrap:anywhere}.project-next{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #a78b74;padding:25px 0;margin:40px 0 10px;gap:20px}.project-next strong{font:28px var(--hand)}.project-next span{font-size:12px}
.notebook{position:relative;display:grid;grid-template-columns:1fr 1.05fr;background:var(--paper);box-shadow:8px 10px 0 #bba8962a;border:1px solid #bca88e;margin:20px 0 70px;transform:rotate(-.5deg)}.notebook::after{content:"";position:absolute;top:15px;bottom:15px;left:49%;width:2px;background:#bba98b;box-shadow:7px 0 12px #6f573a30}.notebook-left,.notebook-right{padding:45px}.profile-polaroid{position:relative;float:left;width:45%;background:#f4d99a;border:1px solid #b1987e;margin:0 30px 20px 0;transform:rotate(-6deg);padding:13px 15px 35px;box-shadow:var(--shadow)}.mascot-still{aspect-ratio:1/1.75;background:url('assets/mascot-video-atlas.webp') 0 60%/1000% 600%}.profile-polaroid::after{content:"GSL / 岛上居民 001";font:11px var(--hand);position:absolute;bottom:8px;left:13px}.profile-polaroid>.tape{left:18%;top:-15px;width:70px}.notebook h2{font:35px var(--hand);margin:12px 0 20px}.notebook p{font-size:14px;color:#795e50;line-height:2}.profile-intro{clear:both;padding-top:10px}.identity-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.identity-tags span{background:#eee4c8;padding:3px 10px;border:1px dashed #ad9379;font-size:11px}.notebook-right{background:repeating-linear-gradient(transparent 0,transparent 34px,#e3d5bc70 35px)}.field-entry{margin-bottom:26px}.field-entry h3{font:24px var(--hand);margin-bottom:10px}.field-entry small{font:9px monospace;color:#a37a61}.about-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:20px 0 60px}.about-scene{padding:12px;background:var(--paper);border:1px solid #bca589;position:relative;box-shadow:var(--shadow);transform:rotate(-2deg)}.about-scene:nth-child(2){transform:rotate(3deg)}.about-scene img{aspect-ratio:1.5;object-fit:cover}.about-scene h3{font:24px var(--hand);margin:13px 0 6px}.about-scene p{font-size:12px;color:#806354;margin-bottom:3px}.statement{font:clamp(25px,3vw,39px)/1.7 var(--hand);text-align:center;border-top:1px dashed #b89d84;padding:35px 10px}.tool-workbench{display:grid;grid-template-columns:.8fr 1.4fr;gap:55px;align-items:start;margin:20px 0 55px}.tool-pocket{background:#edc4ca;border:1px solid #b59288;padding:25px;transform:rotate(-3deg);box-shadow:var(--shadow)}.tool-pocket>img{max-height:220px;margin:auto}.tool-pocket h2{font:30px var(--hand);text-align:center;margin:15px 0}.tool-note{font-size:12px;line-height:1.9;color:#805c55}.tool-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.tool-tabs button{background:#e5d7b5;padding:7px 15px;font-size:12px;min-height:40px;border:1px solid #ae977b;transform:rotate(2deg)}.tool-tabs button[aria-selected=true]{background:var(--rose);color:white}.workflow-card{position:relative;background:var(--paper);border:1px solid #b49b82;padding:30px}.workflow-card h2{font:32px var(--hand)}.workflow-step{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:17px 0;border-bottom:1px dashed #ccb99e}.workflow-step:last-child{border-bottom:0}.step-no{border:1px solid #b19478;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font:12px monospace;background:var(--yellow)}.workflow-step h3{font-size:15px;margin-bottom:7px}.workflow-step p{font-size:12px;color:#8c6b55;margin:0}.tool-index{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}.tool-index section{border-top:2px solid var(--rose);padding:20px 0}.tool-index h3{font:26px var(--hand)}.tool-index p{font-size:13px;color:#80614e}.tool-index small{font:10px monospace}
.postcard-workbench{display:grid;grid-template-columns:.8fr 1.3fr;gap:45px;align-items:start;margin:20px 0 70px}.postcard-editor{padding:26px;background:#eee5ce;border:1px solid #b49c81}.postcard-editor h2{font:27px var(--hand)}.postcard-editor label{font-size:12px;display:block;margin:15px 0 5px}.postcard-editor input,.postcard-editor textarea{display:block;width:100%;padding:11px;border:0;border-bottom:1px solid #a58a70;background:#fff9ed;resize:vertical}.postcard-editor .paper-button{margin-top:20px;width:100%}.postcard-theme{display:flex;gap:8px;margin:15px 0}.postcard-theme button{width:32px;height:32px;border:1px solid #9b7a64;border-radius:50%;position:relative}.postcard-theme button[aria-pressed=true]::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:15px}.postcard-preview{position:relative;background:var(--post-bg,#fae1e5);border:1px solid #a88675;box-shadow:var(--shadow);padding:26px;aspect-ratio:1.5;transform:rotate(3deg);display:grid;grid-template-columns:1.25fr .65fr;gap:22px;overflow:hidden}.postcard-preview::after{content:"";position:absolute;inset:7px;border:1px dashed #ae7b70;pointer-events:none}.postcard-message{font:21px/1.8 var(--hand);white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;margin-top:25px}.postcard-to{font:10px monospace;letter-spacing:2px}.postcard-right{position:relative;border-left:1px solid #bd9685;padding-left:20px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.postage{align-self:flex-end;width:76px;aspect-ratio:.8;background:var(--paper);border:4px dotted #c58983;padding:5px;transform:rotate(6deg)}.postage img{height:100%;object-fit:contain}.postcard-signature{font:18px var(--hand);overflow-wrap:anywhere}.postmark{position:absolute;top:27px;right:34px;width:97px;height:97px;border:2px solid #8e4355;border-radius:50%;display:grid;place-items:center;font:10px/1.5 monospace;text-align:center;color:#8e4355;transform:rotate(-14deg) scale(1.4);opacity:0;pointer-events:none}.stamped .postmark{animation:stamp .4s forwards}.postcard-actions{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:25px 0}.postcard-actions button{border-bottom:1px solid #a17b65;padding:4px 1px;font-size:12px}.storage-note{font-size:11px;color:#8f6d56;line-height:1.8;margin-top:15px}.form-error{color:#a82744;min-height:20px;font-size:12px;margin-top:12px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:#fff9ed;padding:11px 22px;font-size:13px;z-index:100;pointer-events:none;transition:.25s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
dialog{border:1px solid #9c816d;background:var(--paper);padding:0;color:var(--ink);box-shadow:12px 15px 0 #30232944;max-width:min(900px,92vw);max-height:90vh}dialog::backdrop{background:#30232988;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:13px;top:10px;width:35px;height:35px;background:var(--paper);border:1px solid #a58a70;border-radius:50%;z-index:5}.welcome-dialog{width:750px;overflow:auto}.welcome-scene{position:relative;background:var(--paper) url('assets/v2-paper.webp') center/cover;min-height:450px;padding:42px 40px;display:grid;grid-template-columns:.9fr 1fr;gap:18px;align-items:center}.welcome-art{position:relative;width:100%;aspect-ratio:1/1.65;background:var(--yellow);border-radius:50%}.typing-frame{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;background-size:contain}.welcome-copy h2{font:37px var(--hand)}.welcome-copy p{font-size:13px;color:#826858}.curiosity-meter{height:19px;border:1.5px solid var(--ink);background:#f4e7c9;margin:22px 0 15px;overflow:hidden}.curiosity-fill{height:100%;width:0;background:var(--rose);transition:width 1.1s ease-in-out}.charging .curiosity-fill{width:100%}.meter-label{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px}.welcome-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.welcome-actions .text-link{font-size:11px}.welcome-dialog.departing{animation:depart .35s forwards}.image-dialog{width:min(1100px,94vw)}.image-dialog img{width:100%;max-height:80vh;object-fit:contain;background:#242832}.image-dialog p{padding:12px 20px;margin:0;font-size:12px}.empty-state{padding:40px;background:var(--paper);border:1px dashed #a78c74;font:25px var(--hand);text-align:center}.reveal{animation:appear .6s both}
@keyframes tiny-jump{0%,100%{transform:translateY(0)}50%{transform:translate(25px,-13px)}}@keyframes hit{50%{transform:rotate(12deg);background:#e3b0a2}}@keyframes stamp{70%{opacity:1;transform:rotate(-14deg) scale(.95)}100%{opacity:.85;transform:rotate(-14deg) scale(1)}}@keyframes depart{to{opacity:0;transform:translateY(-30px) rotate(-2deg)}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* 组合稿 QA 修正：保留图像比例，物件标签留出独立空间。 */
.object-visual img{height:auto}.star-piece{height:auto}.mascot{display:grid;place-items:center}.mascot-frame{height:100%;width:auto;aspect-ratio:1/2;max-width:100%}.island-stage{height:740px}.object-about{left:27%;top:42%;width:15%}.object-laptop{left:9%;top:61%;width:18%}.object-house{right:23%;top:63%;width:15%}
@media(min-width:1600px){.home-frame{max-width:1500px;margin:auto}.island-stage{height:800px}}
@media(max-width:1100px){.site-header{padding:17px 27px}.island-stage{height:650px}.cut-title{left:5%;top:13%}.cut-letter{font-size:47px}.cut-title .title-foot{font-size:13px}.object-label{font-size:20px}.object-about{left:17%;top:39%}.object-laptop{top:67%}.object-skills{right:6%;width:19%}.mascot{left:41%;width:26%;top:27%;height:52%}.moon-paper{left:38%;top:28%;width:33%}.object-house{right:24%;width:18%}.object-mailbox{right:5%;width:16%}.field-note{display:none}.stage-note{left:37%;bottom:9%;font-size:16px}.home-story{gap:30px;padding:0 35px}.page-width{padding:0 32px}.notebook-left,.notebook-right{padding:30px}.project-spread{gap:30px}.tool-workbench{gap:30px}.postcard-workbench{gap:25px}.postcard-preview{padding:22px;gap:15px}.postcard-message{font-size:18px}}
@media(max-width:800px){.site-header{padding:15px 22px;min-height:78px;gap:14px}.brand strong{font-size:22px}.site-nav{gap:17px;font-size:11px}.site-nav a:nth-child(3){display:none}.sound-button{width:29px;height:29px;font-size:12px}.home-frame{margin:0 14px}.island-stage{height:770px}.cut-title{left:7%;top:10%;width:70%}.cut-letter{font-size:clamp(32px,6vw,49px)}.cut-title p{font-size:9px}.moon-paper{left:32%;top:34%;width:43%}.mascot{left:35%;top:35%;width:35%;height:40%}.object-about{left:6%;top:36%;width:23%}.object-laptop{left:6%;top:66%;width:25%}.object-skills{right:4%;top:21%;width:25%}.object-mailbox{right:2%;top:48%;width:20%}.object-house{right:17%;top:73%;width:24%}.object-label{font-size:20px}.object-label small{font-size:7px}.home-edition{left:5%;bottom:14%;font-size:8px}.stage-note{left:34%;bottom:13%;font-size:15px}.star-a{left:48%;top:25%;width:10%}.star-b{right:3%;bottom:5%;width:10%}.speech-bubble{left:34%;top:32%;font-size:14px}.stage-topline,.stage-bottomline{left:20px;right:20px;font-size:8px}.stage-topline span:last-child{display:none}.route-strip{gap:10px;font-size:10px}.home-story{grid-template-columns:1fr 1.3fr;gap:25px;margin:60px auto 45px;padding:0 25px}.home-story h2{font-size:31px}.home-story p{font-size:12px}.mini-path{margin:0 25px;padding:23px 0}.mini-path span{font-size:17px}.mini-path small{font-size:8px}.page-heading{gap:20px;align-items:center}.page-heading p{font-size:12px;max-width:245px}.project-spread{gap:25px;padding:23px}.project-spread h2{font-size:29px}.project-spread p{font-size:12px}.index-number{font-size:30px}.project-intro{gap:30px}.project-intro h2{font-size:26px}.chapter-board{gap:20px}.chapter-panel{padding:24px}.notebook{display:block}.notebook::after{display:none}.notebook-left{border-bottom:1px dashed #bfa88e;padding:35px}.notebook-right{padding:35px}.profile-polaroid{width:28%;max-width:180px}.profile-intro{clear:none}.about-scenes{gap:15px}.about-scene h3{font-size:20px}.tool-workbench{grid-template-columns:.75fr 1.3fr;gap:25px}.tool-pocket{padding:20px}.workflow-card{padding:23px}.tool-index{gap:20px}.postcard-workbench{grid-template-columns:1fr}.postcard-editor{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.postcard-editor h2,.postcard-editor .storage-note,.postcard-editor .form-error{grid-column:1/-1}.postcard-preview{aspect-ratio:1.55;max-width:650px;margin:20px auto 0;width:100%;padding:30px}.postcard-message{font-size:23px}.site-footer{font-size:9px}.site-footer .hand{font-size:15px}}
@media(max-width:560px){body{font-size:14px}.site-header{padding:13px 17px;gap:12px}.brand{gap:7px}.brand-mark{width:36px;height:34px;font-size:14px}.brand strong{font-size:20px;letter-spacing:0}.brand small{font-size:7px;letter-spacing:1px}.site-nav{display:none;position:absolute;top:70px;left:14px;right:14px;z-index:40;flex-direction:column;align-items:stretch;padding:22px;background:var(--paper);border:1px solid #a38874;box-shadow:var(--shadow);font-size:14px}.site-nav.open{display:flex}.site-nav a:nth-child(3){display:block}.post-nav{border-radius:0;transform:none;padding:8px!important}.sound-button{margin-left:auto}.menu-button{display:block;border:1px solid #a58a70;width:34px;height:32px;font-size:19px;background:var(--paper)}.home-frame{margin:0 9px}.island-stage{height:760px}.cut-title{top:9%;left:7%;width:86%}.cut-title p{font-size:8px;letter-spacing:2px;margin-bottom:12px}.cut-line{gap:4px}.cut-line+.cut-line{margin:9px 0 0 13px}.cut-letter{font-size:clamp(30px,8.9vw,46px);padding:1px 5px}.cut-title .title-foot{font-size:12px;margin:14px 0 0 13px;letter-spacing:0}.moon-paper{left:26%;top:40%;width:56%}.mascot{left:30%;top:40%;width:47%;height:34%}.object-about{left:3%;top:34%;width:27%}.object-laptop{left:3%;top:69%;width:30%}.object-skills{right:3%;top:27%;width:28%}.object-mailbox{right:1%;top:51%;width:25%}.object-house{right:9%;top:76%;width:29%}.object-label{font-size:17px}.object-label small{font-size:6px;letter-spacing:1px;margin-top:4px}.stage-topline,.stage-bottomline{left:16px;right:16px;font-size:7px;letter-spacing:1px}.stage-bottomline span:last-child{font-size:6px;letter-spacing:0}.home-edition{left:5%;bottom:8%;font-size:7px;padding:7px}.stage-note{left:31%;bottom:20%;font-size:14px}.star-a{left:48%;top:32%;width:10%}.star-b{right:4%;bottom:6%;width:9%}.speech-bubble{left:28%;top:36%;font-size:12px;max-width:220px}.object-tip{display:none}.route-strip{gap:7px;font-size:9px;padding:13px 8px}.home-story{display:block;margin:55px auto 45px;padding:0 25px}.home-story h2{font-size:34px}.home-story p{max-width:100%;font-size:13px}.home-project-preview{margin:30px 3px 0;transform:rotate(1deg)}.mini-path{gap:10px;flex-wrap:wrap;justify-content:space-between}.mini-path span{font-size:16px}.mini-path small{font-size:7px}.mini-path b{font-size:20px}.site-footer{display:block;text-align:center;padding:23px 17px;line-height:2.4}.site-footer .hand{display:block;font-size:18px}.page-width{padding:0 22px}.page-top{margin:15px 0 27px;font-size:10px;gap:11px}.page-heading{display:block;margin-bottom:30px;position:relative;padding-right:30px}.page-heading h1{font-size:40px}.page-heading p{max-width:100%;font-size:13px;margin-top:20px}.inner-hero-sticker{position:absolute;width:65px;right:0;top:5px;opacity:.8;z-index:-1}.filter-bar{gap:7px}.filter-bar button{padding:7px 12px;font-size:11px}.project-spread{display:flex;flex-direction:column;gap:23px;margin-bottom:32px;padding:15px}.project-spread:nth-child(even) .spread-picture{order:0}.spread-picture{width:100%}.spread-copy{padding:0 8px 10px;width:100%}.project-spread h2{font-size:30px}.project-spread p{font-size:13px;max-width:none}.index-number{top:auto;bottom:19px;font-size:37px}.project-cover{padding:10px;margin-bottom:33px}.project-cover img{aspect-ratio:1.2;object-fit:cover}.project-cover figcaption{font-size:10px;line-height:1.8}.project-intro{display:block;margin-bottom:35px}.project-intro h2{max-width:none;font-size:28px}.project-intro p{font-size:14px}.chapter-board{grid-template-columns:1fr;margin-bottom:45px}.chapter-tabs{border-top:0;gap:6px;flex-direction:row}.chapter-tab{font-size:11px;padding:10px 7px;flex:1;border:1px solid #bca58d;text-align:center}.chapter-tab small{display:block;margin:0 0 5px}.chapter-panel h3{font-size:25px}.chapter-panel p{min-height:80px}.section-label{font-size:25px}.experiment{padding:22px;margin:32px 0 42px}.experiment h3{font-size:27px}.experiment-grid{grid-template-columns:1fr;gap:20px}.action-stage{height:190px}.cube-wrap{height:240px}.project-next strong{font-size:23px}.project-next span{font-size:10px}.notebook-left,.notebook-right{padding:26px}.profile-polaroid{width:40%;margin-right:20px}.notebook h2{font-size:30px}.notebook p{font-size:13px}.profile-intro{clear:both}.about-scenes{grid-template-columns:1fr;gap:25px}.about-scene{padding:13px}.about-scene h3{font-size:26px}.about-scene p{font-size:13px}.tool-workbench{grid-template-columns:1fr;gap:30px}.tool-pocket{transform:rotate(-1deg);display:grid;grid-template-columns:.65fr 1fr;align-items:center;gap:10px;padding:18px}.tool-pocket>img{width:100%}.tool-pocket h2{text-align:left;font-size:27px}.tool-tabs{gap:6px}.tool-tabs button{font-size:11px;padding:6px 13px}.workflow-card{padding:23px}.workflow-card h2{font-size:29px}.tool-index{grid-template-columns:1fr;gap:0}.tool-index section{padding:17px 0}.tool-index h3{font-size:26px;margin-bottom:10px}.postcard-editor{display:block;padding:23px}.postcard-preview{padding:22px;gap:13px;aspect-ratio:auto;min-height:290px;transform:rotate(1deg);grid-template-columns:1.35fr .65fr}.postcard-message{font-size:17px;line-height:1.8;margin-top:16px;max-height:230px}.postcard-right{padding-left:11px}.postage{width:53px}.postcard-signature{font-size:14px}.postmark{right:13px;top:24px;width:70px;height:70px;font-size:8px}.postcard-actions{gap:16px}.welcome-scene{min-height:530px;padding:35px 24px 27px;display:flex;flex-direction:column;gap:10px;text-align:center}.welcome-art{width:110px;height:175px;aspect-ratio:auto}.welcome-copy h2{font-size:32px;margin:10px 0 14px}.welcome-copy p{font-size:12px}.welcome-actions{justify-content:center}.meter-label{font-size:8px}.curiosity-meter{margin-top:15px}.skill-pop span{font-size:7px;padding:2px 3px}.passport-slip{font-size:6px;padding:3px}.statement{font-size:24px}}
@media(max-width:350px){.cut-letter{font-size:29px;padding:0 4px}.island-stage{height:720px}.brand strong{font-size:18px}.stage-note{font-size:12px}.object-label{font-size:15px}.moon-paper{top:42%}.mascot{top:42%}.page-width{padding:0 17px}.page-heading h1{font-size:35px}.postcard-preview{grid-template-columns:1.5fr .6fr;padding:20px 16px}.postcard-message{font-size:16px}.postcard-right{padding-left:8px}}
#cube{width:var(--edge,75px);height:var(--edge,75px)}#cube .cube-face{width:100%;height:100%}#cube .front{transform:translateZ(calc(var(--edge,75px)/2))}#cube .back{transform:rotateY(180deg) translateZ(calc(var(--edge,75px)/2))}#cube .right{transform:rotateY(90deg) translateZ(calc(var(--edge,75px)/2))}#cube .left{transform:rotateY(-90deg) translateZ(calc(var(--edge,75px)/2))}#cube .top{transform:rotateX(90deg) translateZ(calc(var(--edge,75px)/2))}#cube .bottom{transform:rotateX(-90deg) translateZ(calc(var(--edge,75px)/2))}#cube.is-net .front{transform:translate(calc(var(--edge,75px)*-.5),0)}#cube.is-net .right{transform:translate(calc(var(--edge,75px)*.5),0)}#cube.is-net .back{transform:translate(calc(var(--edge,75px)*1.5),0)}#cube.is-net .left{transform:translate(calc(var(--edge,75px)*-1.5),0)}#cube.is-net .top{transform:translate(calc(var(--edge,75px)*-.5),calc(var(--edge,75px)*-1))}#cube.is-net .bottom{transform:translate(calc(var(--edge,75px)*-.5),var(--edge,75px))}
@media(max-width:560px){.cube.is-net{transform:scale(.38)}.stage-note{left:30%;bottom:24%;font-size:12px}.object-laptop{top:67%}.object-house{top:75%}.object-mailbox{right:5%;width:24%}.object-skills{right:5%}.mini-path{display:grid;grid-template-columns:1fr 1fr;gap:22px 15px}.mini-path b{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.island-object:hover,.island-object:focus-visible{transform:rotate(var(--tilt))}.reveal{opacity:1}.welcome-dialog.departing{opacity:1}.stamped .postmark{opacity:.85;transform:rotate(-14deg) scale(1)}}