:root{--cream:#faf8f0;--ink:#303d35;--muted:#657263;--sage:#c6d2bd;--yellow:#efc965;--coral:#d57b65;--line:#34463526;--shadow:0 24px 80px #26362630;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--sage)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #396a58;outline-offset:6px}button{border:0}button:hover,a:hover{filter:brightness(.95)}.system-bar{position:relative;z-index:2;height:54px;display:flex;align-items:center;padding:0 30px;gap:30px;background:#faf8f0ed;border-bottom:1px solid var(--line);font-size:12px}.brand{display:flex;gap:9px;align-items:center;font-size:15px;font-weight:700;letter-spacing:-.5px}.brand-symbol{font:italic 700 24px Georgia}.brand-symbol span{color:#b7784c}.os{font:10px monospace;border:1px solid #b5b8a9;padding:2px 4px;border-radius:3px;letter-spacing:0}.desktop-label{color:var(--muted)}nav{margin-left:auto;display:flex;gap:25px;align-items:center}nav button{background:none;padding:6px 0;font-size:12px}time{font:12px monospace;white-space:nowrap}.connection{font-size:13px;letter-spacing:2px}.desktop{position:relative;min-height:calc(100svh - 54px);overflow:hidden;padding:80px 9% 145px}.wallpaper{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 18% 5%,#e1e6d5 0,transparent 60%)}.wallpaper:after{content:"";position:absolute;inset:0;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.25' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.sun{position:absolute;width:290px;height:290px;border-radius:50%;background:#e9e9c9;right:13%;top:14%;opacity:.8}.hill{position:absolute;border-radius:50%}.hill-back{width:100%;height:72%;background:#acbfa3;right:-38%;bottom:-31%;transform:rotate(-28deg)}.hill-front{width:100%;height:50%;background:#8fa88d;right:-23%;bottom:-37%;transform:rotate(-13deg)}.orbit{position:absolute;width:630px;height:630px;border:1px solid #f4f1d451;border-radius:50%;right:-8%;top:2%}.greeting,.apps,.sticky,.desktop-footer,.dock{position:relative}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;display:flex;align-items:center;gap:8px}.eyebrow span,.desktop-footer i{width:6px;height:6px;background:#597451;border-radius:50%;display:inline-block}h1{font-size:clamp(42px,4.5vw,68px);font-weight:550;letter-spacing:-2px;line-height:1.27;margin:24px 0 17px}.greeting p{font-size:14px;color:#5d6c5a;line-height:1.8}.apps{display:flex;gap:52px;margin-top:55px;width:fit-content}.app{display:flex;flex-direction:column;align-items:center;background:transparent;width:166px;padding:10px 5px;border-radius:16px}.app:hover{background:#fff2;filter:none}.app-name{font-size:14px;font-weight:600;background:#f7f8ef83;border:1px solid #fff5;border-radius:6px;padding:6px 13px;margin-top:20px;box-shadow:0 2px 4px #2d3c2d08}.app-caption{font-size:11px;letter-spacing:1px;margin-top:9px;color:#556750}.folder-art{position:relative;width:142px;height:112px;margin:7px 0;transform:rotate(-5deg);transition:transform .2s;filter:drop-shadow(0 12px 8px #36422b24)}.folder-art:before{content:"";position:absolute;inset:13px 0 0;background:#d7ac4a;border:1px solid #a78536;border-radius:6px 10px 10px 10px}.folder-art:after{content:"";position:absolute;top:0;left:0;width:62px;height:24px;background:#d7ac4a;border:1px solid #a78536;border-bottom:0;border-radius:8px 12px 0 0}.folder-paper{position:absolute;inset:12px 13px 5px;background:#fffdf4;border:1px solid #dacba4;border-radius:3px;transform:rotate(5deg);z-index:1;padding:10px}.folder-paper i{display:block;width:65%;height:2px;background:#c7c9b6;margin:5px}.folder-front{position:absolute;inset:32px -3px -2px;z-index:2;border:1px solid #bd953e;border-radius:5px 5px 9px 9px;background:linear-gradient(#f6d980,#eac260);box-shadow:inset 0 2px #fff7;display:flex;align-items:center;justify-content:center;flex-direction:column}.folder-front b{font:700 28px monospace;color:#a57e35}.folder-front span{font:6px monospace;letter-spacing:2px;margin-top:5px;color:#aa8137}.game-art{width:94px;height:126px;border:1px solid #a25443;border-radius:11px 11px 22px 11px;background:linear-gradient(120deg,#e2967d,#c8715d);box-shadow:3px 4px 0 #ad5d4d,8px 14px 14px #38443124,inset 2px 2px #ffc4a987;transform:rotate(8deg);padding:10px;transition:transform .2s}.game-screen{height:56px;background:#3e5145;border:5px solid #734e43;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#c9dfa3;box-shadow:inset 0 2px 3px #0004}.pixel-star{font-size:25px;line-height:26px}.game-screen>span:last-child{font:5px monospace;letter-spacing:1px}.game-controls{display:flex;align-items:center;gap:6px;margin-top:7px}.game-controls b{font-size:27px;line-height:30px;color:#463f37;margin-right:auto;text-shadow:1px 2px #eda68b}.game-controls i{width:10px;height:10px;background:#e7bc73;border:1px solid #9a743d;border-radius:50%;box-shadow:0 2px #8c5c3e}.game-controls i:last-child{transform:translateY(-6px)}.speaker{display:block;text-align:right;font-size:7px;letter-spacing:1px;color:#954f41;transform:rotate(-20deg)}.app:hover .folder-art,.app:hover .game-art{transform:rotate(0) translateY(-5px)}.sticky{position:absolute;right:12%;top:39%;width:221px;min-height:235px;background:#f4e8ad;box-shadow:2px 10px 15px #3d50351c;padding:26px 23px;transform:rotate(5deg);color:#716641}.tape{position:absolute;top:-12px;left:69px;width:82px;height:25px;background:#f6f2d885;transform:rotate(-7deg);border:1px solid #fff2}.note-kicker{font:9px monospace;letter-spacing:2px}.sticky p{font-size:17px;line-height:1.95;margin:20px 0}.note-doodle{position:absolute;right:18px;bottom:26px;font-size:35px;color:#9d925c}.note-bottom{font-size:10px;color:#988d5d}.desktop-footer{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:flex-end;font-size:11px;color:#42593f}.desktop-footer>span{display:flex;gap:8px;align-items:center}.dock{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;padding:10px 15px;background:#f8f9ed91;border:1px solid #fff9;border-radius:17px;box-shadow:0 6px 25px #273b2520;backdrop-filter:blur(14px)}.dock button{padding:0;background:transparent;width:37px;height:36px;display:grid;place-items:center}.dock-folder{display:block;width:31px;height:24px;background:#e8c567;border:1px solid #b79743;border-radius:4px;position:relative;box-shadow:inset 0 3px #f4d98d}.dock-folder:before{content:"";position:absolute;width:13px;height:5px;background:#d6af53;top:-5px;left:0;border-radius:3px 3px 0 0}.dock-game{display:grid;place-items:center;background:#d8876e;width:27px;height:34px;border-radius:5px 5px 9px 5px;box-shadow:2px 2px #ae614e;color:#41483a}.dock-divider{height:29px;width:1px;background:#71816530}.dock-note{background:#f5e8b0;border:1px solid #d6c67e;width:27px;height:30px;display:grid;place-items:center;font-family:Georgia}.dock-caption{font-size:10px;color:#61705c;margin:0 5px}.window-bar{display:flex;gap:7px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);background:#eeeee4}.window-bar h2{font-size:12px;font-weight:500;margin:0 auto}.close{border-radius:50%;background:#d98b76;border:1px solid #b86e5b;width:20px;height:20px;line-height:16px;padding:0;font-size:17px;color:#583b30}.window-dot{border-radius:50%;width:10px;height:10px;border:1px solid #bcbdaa;background:#d5c998}.window-dot:nth-of-type(2){background:#b6c3a6}.window-corner{font-size:10px;color:#89907f}dialog{padding:0;border:1px solid #828c76;border-radius:12px;width:min(790px,calc(100% - 40px));max-height:calc(100svh - 80px);background:var(--cream);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:#283c3030;backdrop-filter:blur(5px)}.window-body{padding:34px 38px}.crumb{font:10px monospace;color:#7c866e;letter-spacing:1px}.window-body h3{font-size:29px;letter-spacing:-1px;margin:15px 0 10px}.window-body p{color:var(--muted);font-size:13px;line-height:1.9}.file-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.file-card{display:block;text-align:left;padding:25px;border:1px solid #d6d9ca;background:#f0f0e6;border-radius:8px;min-width:0}.file-icon{display:grid;place-items:center;background:#f9f6e8;border:1px solid #cec9ac;border-radius:4px;box-shadow:3px 3px #d9d7c4;width:46px;height:55px;font:23px monospace;margin-bottom:22px;color:#807854}.file-card strong{display:block;font-size:16px}.file-card small{display:block;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.8}.window-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:18px;font:10px monospace;color:#7a816d;gap:14px}.adventure-body{background:#e7ecdd}.adventure-head{display:flex;justify-content:space-between;gap:20px}.preview-badge{font:10px monospace;border:1px solid #b8c3a4;border-radius:20px;padding:6px 10px;height:fit-content;color:#60714f;white-space:nowrap}.map{position:relative;height:280px;overflow:hidden;border:1px solid #bcc8ab;border-radius:10px;margin:24px 0;background:radial-gradient(ellipse at 75% 25%,#f1efd0 0,transparent 50%),#d1dec4}.map:before,.map:after{content:"";position:absolute;background:#a9bf98;width:90%;height:130%;border-radius:50%;top:55%;left:-23%;transform:rotate(-15deg)}.map:after{left:55%;top:45%;background:#b7cda6}.route{position:absolute;inset:0;width:100%;height:100%;z-index:1}.map-point{position:absolute;z-index:2;display:grid;place-items:center;border-radius:50%;width:45px;height:45px;background:#eef1d9;border:1px solid #a1b28a;box-shadow:0 5px #92a57c;color:#839770;font:16px monospace}.point-one{left:14%;top:65%;background:#f2d17e;color:#786539;border-color:#ba9c52;box-shadow:0 5px #b09a5a}.point-two{left:39%;top:44%}.point-three{left:65%;top:35%}.map-castle{position:absolute;right:9%;top:13%;font-size:42px;color:#687e5a;z-index:2}.map-label{position:absolute;z-index:3;bottom:16px;right:19px;font:9px monospace;color:#526948;letter-spacing:2px}.map-star{position:absolute;color:#f9f8d7;font-size:30px;top:15%;left:19%}.coming{display:flex;align-items:center;gap:12px}.coming span{font-size:24px}.coming p{margin:0}.text-link{display:inline-block;border-bottom:1px solid #788570;margin-top:15px;font-size:12px}.sample-code{padding:20px;background:#e9eddf;border:1px solid #c8d0ba;border-radius:6px;line-height:1.8;overflow:auto;font-size:12px}.preview-list{display:grid;gap:10px;margin:23px 0}.preview-list div{border:1px solid #d4d9c7;padding:15px;border-radius:5px;font-size:13px}.preview-list span{float:right;color:#869178;font-family:monospace}.back-button{background:transparent;padding:0;color:#71805f;font-size:12px;margin-bottom:20px}
@media(min-width:1500px){.desktop{padding-top:110px}.apps{margin-top:70px}}
@media(max-width:900px){.desktop{padding:65px 7% 150px}.sticky{right:7%;top:43%;width:185px;padding:25px 18px}.sticky p{font-size:15px}.apps{gap:18px}.sun{right:4%;width:220px;height:220px}.desktop-footer>span{display:none}.dock-caption{display:none}.system-bar{padding:0 20px;gap:20px}nav{gap:18px}.desktop-label{display:none}}
@media(max-width:600px){.system-bar{height:52px;padding:0 17px}.brand{font-size:13px;gap:6px}.brand-symbol{font-size:21px}.os{font-size:8px}nav{gap:13px}nav>a,nav>button[data-open],.connection{display:none}nav button,time{font-size:10px}.desktop{min-height:calc(100svh - 52px);padding:48px 24px 160px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:45px;margin-top:24px}.greeting p{font-size:12px;max-width:270px}.apps{margin:35px auto 0;gap:18px;justify-content:center;width:100%}.app{width:145px;padding:10px 0}.folder-art{transform:scale(.9) rotate(-5deg)}.game-art{transform:scale(.9) rotate(8deg)}.app-name{font-size:13px;margin-top:12px}.app-caption{font-size:10px}.sticky{position:relative;top:auto;right:auto;margin:37px 4px 0 auto;width:191px;min-height:0;padding:17px 19px;transform:rotate(3deg)}.sticky p{font-size:12px;line-height:1.8;margin:12px 0}.note-kicker{font-size:8px}.note-bottom{font-size:9px}.note-doodle{font-size:28px;bottom:15px}.sun{top:8%;right:-70px;width:210px;height:210px}.hill-back{width:170%;height:75%;right:-110%;bottom:-28%}.hill-front{width:170%;height:40%;right:-45%;bottom:-26%}.orbit{right:-340px}.dock{bottom:48px;gap:17px}.desktop-footer{bottom:17px;left:0;right:0;justify-content:center;font-size:10px}dialog{width:100%;height:100%;max-height:100%;margin:0;border:0;border-radius:0}.window-bar{position:sticky;top:0;z-index:4;padding:17px;background:var(--cream)}.window-body{padding:30px 22px}.window-corner{display:none}.window-bar h2{padding-right:38px}.window-body h3{font-size:27px}.file-grid{gap:12px}.file-card{padding:18px 14px}.file-card strong{font-size:14px}.file-card small{font-size:11px}.window-bottom{font-size:9px}.adventure-head{display:block}.preview-badge{display:inline-block;margin-top:12px}.map{height:310px}.map-point{width:37px;height:37px}.map-castle{font-size:35px}.map-label{font-size:8px}.adventure-body{min-height:calc(100% - 55px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.mobile-menu{display:none}@media(max-width:600px){.mobile-menu{display:block}.mobile-menu summary{cursor:pointer;list-style:none;font-size:16px;padding:8px 0}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;right:14px;top:47px;display:grid;gap:8px;min-width:140px;background:var(--cream);padding:16px;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.mobile-menu a,.mobile-menu button{font-size:12px;padding:8px;text-align:left}.system-bar nav{gap:11px}.system-bar time{display:none}}
/* Native, keyboard-operable language switch: off = Chinese, on = English. */
.locale-switch{display:inline-flex;align-items:center;gap:7px;position:relative;flex:none;min-height:36px;cursor:pointer;font:11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#7a8671;white-space:nowrap}
.locale-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.locale-track{display:block;position:relative;width:34px;height:20px;border:1px solid #9aa98c;background:#dce4d2;border-radius:20px;transition:background .18s}
.locale-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fffdf5;box-shadow:0 1px 3px #35472c40;transition:transform .18s}
.locale-switch input:checked + .locale-track{background:#58754e;border-color:#58754e}
.locale-switch input:checked + .locale-track:after{transform:translateX(14px)}
.locale-switch:has(input:not(:checked)) .locale-zh,.locale-switch:has(input:checked) .locale-en{color:#34492f;font-weight:700}
.locale-switch input:focus-visible + .locale-track{outline:2px solid #396a58;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.locale-track,.locale-track:after{transition:none}}
.brand-dog{display:block;width:32px;height:32px;object-fit:contain;border-radius:7px;flex:none}
@media(max-width:600px){.brand-dog{width:28px;height:28px}}

.dock-coffee{display:grid;place-items:center;width:32px;height:32px;font-size:27px;line-height:1}