*{box-sizing:border-box} :root{--yellow:#f0b90b;--ink:#141414;--paper:#f5f3eb}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);font-weight:700}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:3px solid #bd8700;outline-offset:4px}button{border:0} .desktop{height:100dvh;min-height:720px;overflow:hidden;position:relative;background-color:var(--paper);background-image:radial-gradient(#bbb9b1 1px,transparent 1px);background-size:22px 22px}header{height:79px;border-bottom:2px solid var(--ink);background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;background:none}.brand img{width:43px;height:43px;border-radius:12px}.brand b{font-size:25px;letter-spacing:-1px}.brand span{font-size:12px;margin-left:15px;border:1px solid #bbb;padding:5px 8px}.top-right{display:flex;gap:25px;align-items:center;font-size:13px}.online:before,.dot{content:"";display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:8px}.icons{position:absolute;top:112px;left:31px;display:grid;gap:24px;z-index:2}.icons button{background:none;display:grid;justify-items:center;gap:9px;font-size:13px}.app-icon{display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--ink);border-radius:16px;font-size:34px;box-shadow:3px 3px 0 var(--ink);transition:.2s}.icons button:hover .app-icon{transform:translateY(-4px);box-shadow:3px 7px 0 var(--ink)}.yellow{background:var(--yellow)}.white{background:#fff}.black{background:var(--ink);color:var(--yellow)}.terminal-icon{font-size:25px}.welcome{position:absolute;left:15.5%;top:22%;z-index:1}.eyebrow{font-size:12px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;background:var(--ink)}h1{font-size:clamp(48px,5.5vw,86px);line-height:1.16;letter-spacing:-5px;font-weight:950;margin:27px 0 23px}h1 span{background:var(--yellow);padding:0 8px 3px}.welcome p{font-size:19px;line-height:1.9;color:#66645e}.primary{background:var(--ink);color:#fff;padding:18px 23px;font-size:17px;margin-top:16px;display:flex;gap:36px;align-items:center;border-radius:4px;box-shadow:4px 4px 0 var(--yellow)}.primary span{color:var(--yellow);font-size:23px}.version{margin-top:42px;font-size:11px;color:#777}.version b{background:#e7e4da;padding:4px 6px;margin:0 10px}.version span{margin-left:10px}.mascot{position:absolute;width:43%;max-width:620px;right:5%;top:14%;transform:rotate(3deg)}.mascot>img{width:100%;display:block;border:3px solid var(--ink);border-radius:32px;box-shadow:12px 12px 0 var(--yellow)}.mascot-label{position:absolute;bottom:-20px;left:12%;right:6%;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:16px 18px;display:flex;align-items:center;font-size:20px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-3deg)}.mascot-label small{font-size:12px;color:#777;margin-left:14px}.mascot-label button{margin-left:auto;background:var(--yellow);border-radius:50%;width:32px;height:32px}.desktop-note{position:absolute;bottom:145px;right:6%;display:flex;gap:15px;transform:rotate(-5deg);font-size:17px;line-height:1.6}.desktop-note>span{font-size:45px}.coordinate{position:absolute;bottom:117px;left:32px;font-size:10px;line-height:1.7;color:#777}footer{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:#fff;padding:9px 12px;border:2px solid var(--ink);box-shadow:5px 5px 0 #181818;border-radius:17px;z-index:1000}footer button{background:#f0eee7;width:48px;height:48px;border-radius:10px;font-size:27px;display:grid;place-items:center;transition:.18s}footer button:hover{background:var(--yellow);transform:translateY(-5px)}footer img{width:40px;height:40px;border-radius:9px}#start{background:var(--yellow);font-size:37px}.dock-divider{height:29px;width:1px;background:#d8d5cb;margin:0 4px}.dock-caption{font-size:11px;white-space:nowrap;padding:0 8px}.bottom-status{position:absolute;bottom:0;width:100%;padding:10px 32px;display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #ccc9bf}.bottom-status span:first-child{color:#777}#startmenu{position:absolute;bottom:120px;left:calc(50% - 300px);z-index:1100;width:350px;background:#fff;border:2px solid var(--ink);border-radius:18px;padding:25px;box-shadow:7px 7px 0 var(--ink)}#startmenu>img{width:60px;border-radius:14px}#startmenu h2{font-size:27px}#startmenu p{color:#777;font-size:13px}#startmenu button{display:block;width:100%;padding:15px;text-align:left;border-radius:7px;margin-top:7px;background:#f4f2eb}#startmenu button:hover{background:var(--yellow)}.window{position:absolute;top:12%;left:25%;width:650px;max-width:calc(100% - 28px);height:510px;max-height:75%;border:2px solid var(--ink);background:var(--paper);border-radius:15px;box-shadow:10px 10px 0 #0003;overflow:hidden;display:flex;flex-direction:column}.window.max{top:88px!important;left:14px!important;width:calc(100% - 28px);height:calc(100% - 210px)}.titlebar{display:flex;align-items:center;justify-content:space-between;background:var(--yellow);border-bottom:2px solid var(--ink);padding:10px 15px;cursor:move;touch-action:none;user-select:none;font-size:15px}.controls{display:flex;gap:7px}.controls button{width:27px;height:27px;border:1.5px solid var(--ink);border-radius:5px;background:#fff8}.controls button:last-child{background:var(--ink);color:#fff}.content{padding:26px;overflow:auto;flex:1}.content h2{font-size:34px;line-height:1.25;margin:0 0 17px;letter-spacing:-1px}.content p{font-size:17px;line-height:1.9;color:#666}.about-grid{display:grid;grid-template-columns:180px 1fr;gap:25px}.about-grid img{width:100%;border-radius:15px}.tag{display:inline-block;padding:8px 12px;background:var(--yellow);font-size:12px;border-radius:6px;margin:5px 5px 5px 0}.model-content{padding:0;position:relative;background:radial-gradient(ellipse,#ffe888,#dedbd1)}model-viewer{width:100%;height:100%;min-height:300px}.model-hint{position:absolute;bottom:15px;left:20px;background:#fff;padding:9px 15px;border-radius:20px;font-size:12px;pointer-events:none}.gallery{display:flex;gap:23px;align-items:center}.gallery img{width:52%;border-radius:15px}.download{display:inline-block;color:#fff;background:var(--ink);text-decoration:none;padding:12px 16px;border-radius:6px;font-size:15px}.terminal{background:#151515;color:#f0b90b;font-family:Consolas,monospace;font-size:15px}.terminal p{font:inherit;color:#eee;line-height:1.7;white-space:pre-wrap}.terminal form{display:flex;gap:10px}.terminal input{width:100%;font:inherit;background:none;border:0;color:#fff;outline:0}.setting-row{padding:20px 0;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:space-between;gap:10px}.setting-row button{padding:10px 15px;background:var(--yellow);border-radius:7px}.dark{--paper:#252521;--ink:#faf8ee;color:var(--ink);background-image:radial-gradient(#444 1px,transparent 1px)}.dark .welcome p,.dark .content p{color:#c6c4b8}.dark footer,.dark #startmenu,.dark .mascot-label{background:#333}.dark button{color:inherit}.dark .primary,.dark .download{color:#181818}.dark .white,.dark footer button,.dark #startmenu button{background:#444}.dark .titlebar,.dark .yellow,.dark .setting-row button{color:#171717}.dark .terminal{color:var(--yellow)}
@media(min-width:1600px){.mascot{top:15%;right:9%}.welcome{left:19%}}@media(max-height:820px) and (min-width:901px){.mascot{width:35%;right:10%;top:15%}.welcome{top:18%}h1{font-size:65px}.desktop-note{bottom:128px}.version{margin-top:23px}}@media(max-width:900px){.top-right .online,.top-right>span{display:none}header{padding:0 18px}.brand span{display:none}.desktop{min-height:920px;height:100dvh;overflow-y:auto}.icons{left:15px;top:100px;gap:20px}.app-icon{width:46px;height:46px;font-size:28px}.icons button{font-size:11px}.welcome{left:100px;top:120px}.eyebrow{font-size:9px}h1{font-size:53px;letter-spacing:-3px}.welcome p{font-size:16px}.primary{font-size:14px;padding:13px 17px}.version{display:none}.mascot{width:300px;right:calc(50% - 180px);top:470px}.mascot-label{padding:10px;font-size:15px}.mascot-label small{font-size:9px;margin-left:7px}.desktop-note,.coordinate,.dock-caption{display:none}footer{position:fixed;bottom:30px;gap:5px;padding:7px}footer button{width:38px;height:38px;font-size:23px}footer img{width:33px;height:33px}.bottom-status{position:fixed;background:var(--paper);z-index:999;padding:7px 14px}.window{position:fixed;top:100px!important;left:14px!important;width:calc(100% - 28px);height:65dvh;max-height:70dvh}.window.max{height:73dvh}.content{padding:20px}.about-grid{grid-template-columns:1fr}.about-grid img{width:120px}.gallery{flex-direction:column;align-items:start}.gallery img{width:190px}.content h2{font-size:28px}#startmenu{position:fixed;left:15px;bottom:100px;width:calc(100% - 30px)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Desktop workspace */
.header-x{color:inherit;text-decoration:none;padding:8px 11px;border:1px solid #c9c5b9;border-radius:6px}.header-x:hover{background:var(--yellow);color:#111}.icons{gap:17px;top:105px}.icons .app-icon{width:51px;height:51px;font-size:29px}.desktop-x{text-decoration:none;color:inherit;display:grid;justify-items:center;gap:9px;font-size:13px}.welcome{top:17%;left:14%;max-width:39%}.eyebrow{font-size:10px}h1{font-size:clamp(48px,4.8vw,73px);margin:20px 0 15px;letter-spacing:-3px}.welcome p{font-size:17px;margin:10px 0}.primary{font-size:15px;padding:13px 19px;margin-top:14px}.version{margin-top:24px}.mascot{transform:none;right:6%;top:13%;width:40%;max-width:650px;height:57%;border:2px solid #161616;border-radius:17px;background:radial-gradient(ellipse at 50% 58%,#ffe78c 0%,#f1d163 32%,#e8e5db 72%);box-shadow:7px 7px 0 #151515;overflow:hidden}.scene-heading{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #141414;padding:13px 17px;font-size:12px;background:#fff9;color:#151515;z-index:1}.scene-heading span:last-child{font-size:10px;letter-spacing:2px}.mascot model-viewer{height:calc(100% - 50px);min-height:0;margin-top:30px;width:100%;--poster-color:transparent}.mascot-label{left:auto;right:13px;bottom:13px;padding:8px 11px;font-size:14px;box-shadow:2px 2px 0 #151515;transform:none;color:#151515;border-radius:7px}.mascot-label small{display:none}.mascot-label button{width:25px;height:25px;margin-left:12px}.scene-instruction{position:absolute;bottom:18px;left:18px;font-size:11px;color:#363321;pointer-events:none}.loading-label{position:absolute;top:50%;left:30%;font-size:17px;color:#151515}.desktop-widgets{position:absolute;bottom:135px;left:14%;right:6%;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:17px;z-index:1}.widget{border:2px solid #161616;border-radius:13px;padding:16px 19px;background:#fff;box-shadow:4px 4px 0 #151515;color:#151515;min-width:0}.widget-title{font-size:11px;display:flex;justify-content:space-between;align-items:center;letter-spacing:1px;margin-bottom:13px}.ticker{font-size:34px;line-height:1.2;font-weight:950}.ticker small{font-size:13px;color:#777;margin-left:6px}.widget p{font-size:12px;line-height:1.7;margin:10px 0 0;color:#666}.widget-tags{display:flex;gap:6px;margin-top:13px}.widget-tags span{font-size:9px;padding:4px 6px;border:1px solid #bbb;border-radius:4px}.social-widget{text-decoration:none;background:#171717;color:#fff;transition:transform .2s}.social-widget:hover{transform:translateY(-5px)}.social-widget .widget-title{color:var(--yellow)}.social-widget strong,.memo-widget strong{font-size:25px;line-height:1.3;font-weight:950}.social-handle{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:18px;color:#f0b90b}.social-handle span{font-size:13px;color:white;margin-right:auto}.memo-widget{background:#f0b90b;transform:rotate(2deg)}.memo-widget p{color:#504016}.ambient-code{position:absolute;right:6%;top:72%;font-size:11px;font-family:Consolas,monospace;letter-spacing:3px;color:#777;display:none}.ambient-code span{letter-spacing:1px}footer{bottom:41px}.coordinate{bottom:110px;font-size:9px}.dark .widget{background:#333;color:#faf8ee}.dark .widget p{color:#ddd}.dark .social-widget{background:#111}.dark .memo-widget{background:#f0b90b;color:#151515}.dark .memo-widget p{color:#504016}@media(min-height:900px) and (min-width:901px){.mascot{height:55%}.desktop-widgets{bottom:150px}.welcome{top:20%}}@media(max-height:800px) and (min-width:901px){.mascot{top:15%;height:49%}.welcome{top:16%}h1{font-size:55px}.welcome p{font-size:15px}.version{margin-top:16px}.desktop-widgets{bottom:125px}.widget{padding:12px 16px}.widget-title{margin-bottom:9px}.social-widget strong,.memo-widget strong{font-size:22px}.ticker{font-size:30px}.widget p{margin-top:7px}.widget-tags{margin-top:8px}.icons{gap:15px}.icons .app-icon{width:47px;height:47px}.icons button,.desktop-x{font-size:11px}}@media(max-width:1100px) and (min-width:901px){.header-x{font-size:11px}.top-right{gap:12px}.welcome{left:15%}.mascot{right:3%;width:40%}.desktop-widgets{left:15%;right:3%;gap:12px}.widget{padding:12px}.social-widget strong,.memo-widget strong{font-size:21px}.ticker small{display:block;margin:6px 0}.mascot-label{display:none}}@media(max-width:900px){.desktop{height:auto;min-height:1280px;overflow:hidden}.header-x{display:none}.welcome{top:110px;left:100px;max-width:calc(100% - 115px)}h1{font-size:48px}.eyebrow{font-size:8px}.welcome p{font-size:15px}.mascot{top:445px;left:100px;right:15px;width:auto;height:365px;border-radius:15px;transform:none}.mascot model-viewer{height:320px}.mascot-label{display:none}.desktop-widgets{top:840px;bottom:auto;left:100px;right:15px;grid-template-columns:1fr;gap:17px}.widget{padding:15px}.identity-widget{display:none}.memo-widget{transform:rotate(1deg)}.social-widget strong{font-size:25px}.memo-widget strong{font-size:23px}.coordinate{display:none}.icons{top:110px;left:17px;gap:22px}.icons .app-icon{width:45px;height:45px}.scene-instruction{font-size:10px}.scene-heading{font-size:10px;padding:11px}.scene-heading span:last-child{font-size:8px}.mascot{box-shadow:4px 4px 0 #151515}}