:root{--paper:#f8f9fb;--ink:#222a36;--muted:#68717e;--line:#e2e5e9;--orange:#d54e2f;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #c65431;outline-offset:5px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--ink);color:white;z-index:10}.skip:focus{top:15px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:15px;font-size:15px;font-weight:600;letter-spacing:1px}.brand small{display:block;font:9px/1.8 monospace;letter-spacing:2px;color:var(--muted)}.brand-mark{font:italic 700 34px/1 Georgia,serif;letter-spacing:-3px;position:relative;padding-right:8px}.brand-mark i{position:absolute;right:0;bottom:3px;width:6px;height:6px;background:var(--orange);border-radius:50%}nav{display:flex;gap:36px;font-size:13px}nav a{color:var(--muted);padding:10px 0}nav a[aria-current=page]{color:var(--ink);font-weight:600}.header-note{font-size:11px;color:var(--muted)}.header-note span{margin-left:17px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding:76px 0 80px;align-items:center}.hello{font:11px monospace;letter-spacing:2px;display:flex;align-items:center;gap:9px}.hello>span{width:7px;height:7px;background:var(--orange);border-radius:50%}.hero h1{font-size:clamp(38px,4vw,54px);line-height:1.45;letter-spacing:-1px;margin:26px 0 22px;font-weight:650}.hero h1>span:first-child{font-family:Georgia,serif;font-weight:400}.hero h1 i{font:38px Georgia;color:var(--orange);display:inline-block;margin-left:13px;vertical-align:top}.underline{position:relative;white-space:nowrap;background:linear-gradient(transparent 82%,#f2c7b8 82%)}.intro{font-size:14px;color:var(--muted);line-height:2;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:25px}.button{background:var(--ink);color:#fff;padding:15px 21px;border-radius:5px;font-size:12px;display:inline-flex;gap:35px;align-items:center}.button:hover{background:#3b4553}.quiet-link{font-size:12px;color:var(--muted)}.interest-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:31px}.interest-tags span{border:1px solid var(--line);font-size:10px;color:var(--muted);padding:6px 10px;border-radius:4px}.hero-board{background:#ebede8;border-radius:9px;padding:23px 25px 0;position:relative;transform:rotate(2deg);box-shadow:0 16px 30px #25362e06}.board-caption{font:9px monospace;letter-spacing:1.4px;display:flex;justify-content:space-between;color:#657067}.board-main{text-align:center;padding:32px 0 54px}.avatar{background:#d2d9c8;width:100px;height:100px;border-radius:50%;font:italic 51px/100px Georgia,serif;margin:auto;position:relative;color:#394c3c}.avatar span{position:absolute;right:-8px;top:-16px;font-size:45px;color:#bd5b3f}.board-main h2{font-size:29px;font-weight:500;line-height:1.6;letter-spacing:1px;margin:18px 0 10px}.board-main p{font:8px monospace;letter-spacing:1.5px;color:#677363}.board-stickers{display:flex;justify-content:center;gap:13px;margin-top:-32px;padding-bottom:24px}.sticker{width:96px;padding:12px 5px 10px;text-align:center;font-size:28px;border-radius:5px;box-shadow:0 5px 10px #00000008}.sticker small{display:block;font-size:9px;margin-top:6px}.sticker-music{background:#e9ddef;color:#684d77;transform:rotate(-9deg)}.sticker-code{background:#f5e3b9;color:#84632a;transform:rotate(5deg)}.sticker-pixel{background:#d8e6ef;color:#3b647f;transform:rotate(-4deg)}.board-bottom{display:flex;justify-content:space-between;border-top:1px solid #d0d6cc;font-size:10px;padding:17px 0;color:#5e6a5c}.board-bottom>span:last-child{font-size:17px}.section-heading{border-top:1px solid var(--line);padding-top:41px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font:10px/1.8 monospace;letter-spacing:1.7px;color:var(--muted)}.section-heading h2{font-size:30px;font-weight:550;margin:13px 0 12px;letter-spacing:-.5px}.section-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.section-count{font:11px monospace;color:var(--muted)}.section-count i{display:block;text-align:right;font-size:34px;font-style:normal;margin-top:15px;color:var(--ink)}.filters{display:flex;gap:8px;margin:30px 0 25px;flex-wrap:wrap}.filters button{border:1px solid transparent;border-radius:5px;background:transparent;font-size:12px;color:var(--muted);padding:10px 15px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.filters button span{margin-left:10px;font:9px monospace;opacity:.65}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;min-height:380px;align-items:start}.project-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--white);transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #222a360a}.project-visual{height:230px;position:relative;overflow:hidden;padding:24px;display:flex;align-items:center;justify-content:center}.visual-label{position:absolute;right:11px;bottom:9px;font-size:8px;letter-spacing:1px;opacity:.65}.card-copy{padding:20px 21px 22px}.card-top{display:flex;justify-content:space-between;align-items:center}.type{font-size:10px;color:var(--muted)}.card-arrow{font-size:19px;color:#7a8390}.card-copy h3{font-size:20px;font-weight:550;margin:10px 0}.card-copy p{font-size:12px;line-height:1.9;color:var(--muted);min-height:45px;margin:0 0 20px}.card-foot{font-size:9px;letter-spacing:.5px;color:#78818c;border-top:1px solid #edf0f3;display:block;padding-top:13px}
.receipt{background:#e2eaf1;color:#39546c}.mini-window{width:100%;background:#f9fbfd;box-shadow:0 7px 18px #53738b1c;border-radius:5px;transform:rotate(-3deg)}.mini-top{display:flex;justify-content:space-between;border-bottom:1px solid #e0e6eb;font-size:9px;padding:9px 12px}.mini-top i{font:8px monospace}.receipt-body{display:flex;gap:20px;padding:14px 18px;justify-content:center;align-items:center}.paper{background:#fff;padding:12px;width:99px;box-shadow:0 2px 7px #33445b13;text-align:center}.paper b{font:9px monospace;letter-spacing:2px}.paper hr{border:0;border-top:1px dashed #d1d8de;margin:9px 0}.paper>span{display:block;height:3px;margin:7px 0;background:#dfe5e9}.paper>span:nth-of-type(2){width:70%}.paper strong{font:5px monospace;letter-spacing:1px}.receipt-tools{display:grid;gap:12px;font-size:9px;white-space:nowrap}.mini-button{background:#567895;color:#fff;padding:8px 9px;border-radius:3px;font-size:8px}.music{background:#ece4f1;display:block;padding:20px 23px;color:#59416e}.music-art{height:125px;position:relative;text-align:center}.record{display:inline-block;width:112px;height:112px;border-radius:50%;background:repeating-radial-gradient(#494253 0 2px,#37313f 3px 4px);box-shadow:0 9px 17px #4a355d28;position:relative;transform:rotate(-20deg)}.record>i{width:43px;height:43px;border-radius:50%;background:#b9a4c9;display:block;position:absolute;left:35px;top:35px;border:16px solid #b9a4c9;box-shadow:inset 0 0 0 5px #e0d3eb}.music-float{position:absolute;right:30px;top:22px;font-size:42px;transform:rotate(14deg);color:#a990bb}.music-bottom{display:flex;align-items:center;justify-content:space-between}.music-bottom b{font-size:12px;font-weight:500}.music-bottom div>span{display:block;font-size:8px;margin-top:9px}.play{display:grid;place-items:center;background:#775b90;color:#fff;border-radius:50%;width:30px;height:30px;font-size:10px}.map{background:#e3ebe3;color:#55715b}.floorplan{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:82px 45px;width:205px;gap:5px;transform:rotate(-6deg);border:3px solid #8da38b;background:#8da38b;padding:5px;border-radius:2px}.room{background:#eaf0e4;position:relative;padding:7px;font-size:8px}.room i{position:absolute;inset:27px 0 0;text-align:center;font-size:30px;font-style:normal;color:#acbfa4}.room.living{grid-row:span 2;background:#d4e0ca}.map-tag{position:absolute;right:20px;bottom:24px;background:#fffaf1;box-shadow:0 3px 8px #49654010;padding:10px 13px;border-radius:4px;font-size:10px;transform:rotate(7deg)}.pixel{background:#f3e8d8;gap:22px;color:#8c6d49}.pixel-board{display:grid;grid-template-columns:repeat(9,13px);gap:3px;padding:11px;background:#fbf6eb;box-shadow:0 6px 15px #84684716;transform:rotate(-6deg)}.pixel-board i{width:13px;height:13px;border-radius:3px;background:#e9dfcf}.pixel-board i.on{background:#bc8e60}.pixel-board i.eye{background:#493e35}.palette{display:grid;gap:10px}.palette i{width:17px;height:17px;background:#bb9068;border:3px solid #fffaf0;border-radius:50%}.palette i:nth-child(2){background:#514438}.palette i:nth-child(3){background:#e4b866}.palette i:nth-child(4){background:#6c947a}.palette i:nth-child(5){background:#d9c3af}.game{background:#dfeaf0;display:block;text-align:center;padding:17px;color:#35546b}.game-title{font:8px/1.7 monospace;letter-spacing:2px}.game-title b{font-size:14px;letter-spacing:1px}.game-versus{display:flex;justify-content:center;align-items:center;gap:23px;margin:11px 0 9px}.game-versus>span{font-size:40px;background:#f5f8fb;border-radius:50%;height:58px;width:58px;display:grid;place-items:center}.game-versus i{font:italic 15px Georgia}.game-field{border:1px solid #9fb7b6;width:175px;height:32px;transform:perspective(70px) rotateX(30deg);margin:auto;background:#b6d0c2;position:relative}.game-field>span{height:100%;width:1px;background:#e4ede4;display:block;margin:auto}.game-caption{font-size:8px;letter-spacing:3px;display:block;margin-top:11px}.food{background:#f4e4da;justify-content:start;color:#81533d}.food-question{font-size:22px;line-height:1.7;z-index:1}.food-question b{font-weight:500}.food-plate{position:absolute;right:22px;top:25px;background:#fffaf1;border:7px solid #e7c9b5;border-radius:50%;width:111px;height:111px;box-shadow:0 7px 15px #9c694616;display:grid;place-items:center;transform:rotate(12deg)}.food-plate span{font-size:66px}.food-tags{position:absolute;bottom:34px;left:24px;display:flex;gap:8px;font-size:8px}.food-tags span{border:1px solid #d5b3a1;border-radius:25px;padding:7px 12px}
.toolbox{margin-top:65px;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:35px 0 50px;border-bottom:1px solid var(--line)}.toolbox h2{font-size:25px;font-weight:500;margin:16px 0}.toolbox p{font-size:13px;line-height:1.9;color:var(--muted)}.tool-list>div{display:flex;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.tool-list>div:last-child{border:0}.tool-icon{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;font:22px Georgia}.tool-icon.cloud{background:#e2edf9;color:#347cad}.tool-icon.git{background:#f7e7dc;color:#ce6d39}.tool-icon.ref{background:#e5e9ed;color:#4c5967;font-size:16px}.tool-list b{display:block;font-size:13px;font-weight:500}.tool-list small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.tool-list em{font-size:9px;color:var(--muted);font-style:normal;margin-left:auto}.about-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:60px 0 65px}.about-heading h2{font-size:30px;line-height:1.6;font-weight:500;margin:15px 0}.about-copy p{font-size:14px;line-height:2;color:var(--muted);margin:0 0 16px}.about-sign{font:italic 32px Georgia;display:flex;align-items:center;gap:20px;margin-top:24px}.about-sign span{font:11px "PingFang SC",sans-serif;color:var(--muted)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:25px 0 30px;color:var(--muted);font-size:10px}.footer-brand{font:italic 23px Georgia;color:var(--ink)}.footer-brand span{font:10px "PingFang SC",sans-serif;margin-left:10px;color:var(--muted)}.footer p{margin:0}.footer small{margin-left:auto;font:9px monospace}.detail{padding-block:40px 65px;min-height:70vh}.back{font-size:12px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;margin-top:40px;align-items:center}.detail-grid .project-visual{height:390px;border-radius:10px}.detail-grid .mini-window{max-width:340px}.detail-grid .music-art{height:240px;display:grid;place-items:center}.detail-grid .music-bottom{padding:0 30px}.detail-grid .record{width:160px;height:160px}.detail-grid .record>i{left:59px;top:59px}.detail-grid .food-question{font-size:36px;padding-left:15px}.detail-grid .food-plate{width:160px;height:160px;top:55px;right:35px}.detail-grid .food-plate span{font-size:95px}.detail-grid .food-tags{bottom:65px;left:40px}.detail-grid .game-title{padding-top:15px}.detail-grid .game-versus{margin:30px 0}.detail-grid .game-caption{margin-top:30px}.detail-copy h1{font-size:36px;line-height:1.5;margin:15px 0}.detail-copy>p{font-size:14px;line-height:2;color:var(--muted)}.detail-copy .detail-lead{font-size:18px;color:var(--ink)}.detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.detail-tags span{font-size:10px;padding:7px 10px;background:#edf0f3;border-radius:4px}.detail-copy .detail-kind{font-size:11px;margin:25px 0 15px}.access-note{display:block;font-size:10px;color:var(--muted);margin-top:13px;line-height:1.8}.detail-note{margin-top:40px;font-size:11px;color:var(--muted);line-height:1.9;border-top:1px solid var(--line);padding-top:20px}.not-found{padding:80px 0;min-height:65vh}
@media(max-width:1050px){.hero{gap:35px}.hero h1{font-size:43px}.project-grid{gap:17px}.project-visual{height:210px;padding:17px}.food-plate{right:10px;width:95px;height:95px}.food-question{font-size:20px}.receipt-body{padding:12px;gap:12px}.floorplan{width:180px}.pixel-board{grid-template-columns:repeat(9,11px)}.pixel-board i{width:11px;height:11px}.pixel{gap:12px}.header-note{display:none}.detail-grid{gap:30px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px}.brand{font-size:12px;gap:10px}.brand-mark{font-size:30px}.brand small{font-size:8px}nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;gap:35px;padding:40px 0 50px}.hero h1{font-size:42px;margin-block:22px}.intro{font-size:13px}.hero-board{max-width:450px;width:calc(100% - 12px);margin:auto}.board-main{padding-top:22px;padding-bottom:42px}.avatar{width:80px;height:80px;font-size:40px;line-height:80px}.board-main h2{font-size:25px}.sticker{width:90px}.board-caption{font-size:8px;letter-spacing:1px}.section-heading{padding-top:30px}.section-heading h2{font-size:26px}.section-heading p{font-size:12px;max-width:260px}.section-count{font-size:9px}.section-count i{font-size:27px}.filters{margin:22px 0;gap:0}.filters button{font-size:11px;padding:9px 11px}.project-grid{grid-template-columns:1fr 1fr;gap:16px}.project-visual{height:210px}.card-copy{padding:17px}.card-copy h3{font-size:18px}.card-copy p{font-size:11px}.toolbox{grid-template-columns:1fr;gap:15px;margin-top:35px;padding-top:25px}.about-section{grid-template-columns:1fr;gap:20px;padding-top:35px}.about-heading h2 br{display:none}.about-heading h2{font-size:26px}.about-copy p{font-size:13px}.footer{gap:14px;flex-wrap:wrap}.footer p{display:none}.detail-grid{grid-template-columns:1fr;gap:25px}.detail-grid .project-visual{height:300px}.detail-copy h1{font-size:30px}.detail-grid .music-art{height:175px}.detail-grid .food-plate{width:125px;height:125px;right:25px}.detail-grid .food-plate span{font-size:75px}.detail-grid .food-tags{bottom:35px}.detail-grid .game-versus{margin:20px 0}.detail-grid .game-caption{margin-top:15px}}@media(max-width:520px){.project-grid{grid-template-columns:1fr;gap:22px}.project-visual{height:240px;padding:25px}.mini-window{max-width:300px}.receipt-body{padding:16px;gap:24px}.paper{width:105px}.floorplan{width:225px;grid-template-rows:90px 46px}.pixel-board{grid-template-columns:repeat(9,14px);gap:3px}.pixel-board i{width:14px;height:14px}.pixel{gap:25px}.food-question{font-size:26px}.food-plate{width:125px;height:125px;right:25px;top:28px}.food-plate span{font-size:77px}.food-tags{bottom:30px}.music-art{height:140px}.music-bottom{padding-inline:8px}.music-float{right:40px}.game-title{padding-top:0}.game-versus{margin:18px 0 14px}.card-copy p{min-height:0;font-size:12px}.card-copy{padding:20px}.card-copy h3{font-size:21px}}@media(max-width:360px){.wrap{width:calc(100% - 32px)}nav{gap:13px;font-size:11px}.brand{gap:8px}.hero h1{font-size:35px}.hero h1 i{font-size:29px}.board-caption{font-size:7px}.hero-board{padding-inline:17px}.board-stickers{gap:8px}.sticker{width:78px}.interest-tags{gap:5px}.interest-tags span{font-size:9px;padding:6px 8px}.hero-actions{gap:17px}.button{padding:14px 17px;gap:23px}.section-heading h2{font-size:23px}.section-count{display:none}.filters button{font-size:10px;padding:9px 10px}.food-question{font-size:23px}.food-plate{right:15px;width:105px;height:105px}.food-plate span{font-size:66px}.pixel{gap:15px}.pixel-board{grid-template-columns:repeat(9,12px)}.pixel-board i{width:12px;height:12px}.receipt-body{gap:15px}.board-main h2{font-size:23px}.detail-grid .food-question{font-size:28px;padding:0}.detail-grid .food-plate{width:105px;height:105px;right:17px}.detail-grid .food-plate span{font-size:66px}.footer small{font-size:8px}.footer-brand span{font-size:9px}}
@media(max-width:760px){.hero h1{font-size:clamp(28px,8.5vw,38px)}.hero h1 i{font-size:.75em}}
.filing{text-align:center;padding:0 0 25px;font-size:11px;line-height:1.8;color:var(--muted)}.filing a:hover{text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}