:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{background:#efe8d8;place-items:center;min-height:100vh;padding:0;display:grid;overflow:hidden}.desktop,.desktop *{cursor:none!important}.crt-shell{box-sizing:border-box;background:linear-gradient(#d8cfbb 0%,#c9bea8 100%);border-radius:28px;width:min(1800px,100vw);min-height:98vh;padding:1.2rem 1.2rem .7rem;box-shadow:inset 0 2px 8px #ffffff80,inset 0 -5px 10px #69583c3d,0 14px 35px #54422659}.crt-bezel{background:#232223;border-radius:22px;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #4b4949,inset 0 14px 30px #ffffff17,inset 0 -18px 28px #00000061}.desktop{--screen-size-scale:1;--fisheye-scale-x:1.015;--fisheye-scale-y:1.035;--fisheye-perspective:2000px;--fisheye-vignette-opacity:.2;--fisheye-highlight-opacity:.2;--crt-hue-shift:3deg;--rg-shift:.8px;--cursor-hotspot-x:2px;--cursor-hotspot-y:0px;color:#111;isolation:isolate;min-height:86vh;transform:perspective(var(--fisheye-perspective)) scale(var(--screen-size-scale)) scaleX(var(--fisheye-scale-x)) scaleY(var(--fisheye-scale-y));transform-origin:50%;background-color:#7aa6d4;border-radius:20px;margin:4px;position:relative;overflow:hidden}.desktop-parallax-sky{z-index:0;border-radius:inherit;pointer-events:none;background-color:#7aa6d4;background-image:url(/sky.png);background-position:top;background-repeat:repeat-x;background-size:auto 100%;position:absolute;inset:0}.desktop-parallax-cloud,.desktop-parallax-grass{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.desktop-parallax-cloud{z-index:1}.desktop-parallax-grass{z-index:2}.desktop-parallax-track{will-change:background-position;backface-visibility:hidden;background-position:top;background-repeat:repeat-x;background-size:auto 100%;width:200%;height:100%}.desktop-parallax-track--cloud{background-image:url(/cloud.png)}.desktop-parallax-track--grass{background-image:url(/guanmu.png)}.crt-bezel,.window,.desktop-icon,.icon-badge,.window-btn{filter:drop-shadow(calc(var(--rg-shift) * -1) 0 0 #ff404073) drop-shadow(var(--rg-shift) 0 0 #48ff7e66)}.crt-cursor-image{pointer-events:none;z-index:2200;width:16px;height:16px;transform:translate(calc(-1 * var(--cursor-hotspot-x)), calc(-1 * var(--cursor-hotspot-y)));filter:drop-shadow(-1px 0 #ff4040bf)drop-shadow(1px 0 #48ff7ebf);background:url(/cursor-half.png) 50%/contain no-repeat;position:absolute;top:0;left:0}.screen-surface{box-sizing:border-box;z-index:10;filter:hue-rotate(var(--crt-hue-shift));padding:1.2rem 1.2rem calc(1.65rem + 38px);position:absolute;inset:0}.screen-surface:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at center, transparent 48%, rgb(0 0 0/var(--fisheye-vignette-opacity)) 100%), radial-gradient(ellipse at 72% 16%, rgb(255 255 255/var(--fisheye-highlight-opacity)) 0%, transparent 42%);z-index:1101;position:absolute;inset:0}.screen-surface:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:multiply;opacity:.58;z-index:1100;background:linear-gradient(#0000 0% 44%,#fff3 47%,#ffffff0f 49%,#0000 53% 100%) 0 -180%/100% 200%,repeating-linear-gradient(#fff0 0 2px,#12203026 2px 3px) 0 0/100% 100%;animation:2.8s step-end infinite crt-scan-jitter,.18s steps(2,jump-none) infinite crt-scan-flicker,3.9s cubic-bezier(.25,.6,.4,1) infinite crt-tear-line;position:absolute;inset:0}@keyframes crt-scan-jitter{0%,96%,to{filter:brightness();transform:translate(0,0)}20%{transform:translate(-.4px,.2px)}40%{transform:translate(.5px,-.2px)}72%{filter:brightness(1.08);transform:translate(-.2px,.2px)}}@keyframes crt-scan-flicker{0%,to{opacity:.54}25%{opacity:.6}50%{opacity:.52}75%{opacity:.62}}@keyframes crt-tear-line{0%,86%,to{background-position:0 -180%,0 0}90%{background-position:0 40%,0 0}93%{background-position:0 70%,0 0}96%{background-position:0 130%,0 0}}@media (prefers-reduced-motion:reduce){.screen-surface:after{animation:none}}.desktop-icons{flex-direction:column;gap:.65rem;width:138px;display:flex;position:absolute;top:1rem;left:1rem}.desktop-icon{color:#08181d;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:.2rem;transition:background-color .15s;display:flex}.desktop-icon:hover{background:#fff3}.desktop-icon.active{background:#ffffff52}.icon-badge{text-align:center;background:0 0;border:none;place-items:center;min-width:44px;height:64px;padding:.2rem;display:grid}.icon-badge img{object-fit:contain;width:64px;height:64px;image-rendering:pixelated}.icon-label{text-align:center;color:#0b1d2d;text-shadow:0 1px #ffffff80;margin-top:.25rem;font-size:.78rem;font-weight:700;line-height:1.15}.sticky-note{color:#2d2208;cursor:move;touch-action:none;z-index:12;background:repeating-linear-gradient(90deg,#ffee9ab3 0 6px,#ffe781b3 6px 12px),linear-gradient(#ffe995 0 50%,#ffde79 50% 100%);border:0;width:min(380px,92vw);margin:0;padding:1.5rem 1.2rem 1.2rem;font-family:Consolas,Courier New,monospace;position:absolute;transform:rotate(-1deg);box-shadow:0 0 0 2px #3b2f0f,0 0 0 4px #f3d367,8px 8px #00000047}.sticky-note:before{content:"";background:repeating-linear-gradient(90deg,#f0e1c0e0 0 7px,#e1d2b2e0 7px 14px);border:2px solid #665842bf;width:118px;height:24px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:inset 0 0 0 1px #ffffff40,0 2px #0000001f}.sticky-note h1{letter-spacing:.03em;text-transform:uppercase;margin-bottom:.6rem;font-size:1.2rem;font-weight:700}.sticky-note p+p{margin-top:.35rem}.window{width:min(620px,100vw - 24px);image-rendering:pixelated;background:#cfcfcf;border:0;border-radius:0;position:fixed;box-shadow:0 0 0 2px #111,0 0 0 4px #f2f2f2,0 0 0 6px #4b4b4b,8px 8px #00000059}.window-header{color:#f8f8ff;cursor:move;-webkit-user-select:none;user-select:none;background:#4d62d3;border-bottom:2px solid #111;justify-content:space-between;align-items:center;gap:1rem;padding:.32rem .42rem;display:flex;position:relative;overflow:hidden}.window-header:before{content:"";pointer-events:none;background:linear-gradient(90deg,#2a2f95 0%,#4d62d3 55%,#6f89e6 100%),radial-gradient(circle,#262d83c7 0 41%,#0000 45%) 0 0/8px 8px,radial-gradient(circle,#4c60cbbf 0 41%,#0000 45%) 4px 4px/8px 8px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0 34%,#000000eb 48%,#0000008f 70%,#0000 100%);mask-image:linear-gradient(90deg,#000 0 34%,#000000eb 48%,#0000008f 70%,#0000 100%)}.window-header>*{z-index:1;position:relative}.window-header h2{letter-spacing:.03em;text-transform:uppercase;text-shadow:1px 1px #0b0c2f;font-family:Consolas,Courier New,monospace;font-size:.78rem;font-weight:700}.window-body{color:#1d1d1d;background:#f3f3f3;border:2px solid #272727;min-height:160px;margin:.4rem;padding:.95rem;font-family:Consolas,Courier New,monospace;box-shadow:inset 0 0 0 2px #fff}.window-controls{gap:.2rem;display:flex}.window-btn{color:#111;cursor:pointer;background:#d6d6d6;border:2px solid #111;border-radius:0;width:22px;height:20px;font-family:Consolas,Courier New,monospace;font-size:.82rem;font-weight:700;line-height:1;box-shadow:inset -1px -1px #8a8a8a,inset 1px 1px #fff}.window-btn:active{transform:translate(1px,1px);box-shadow:inset 1px 1px #8a8a8a,inset -1px -1px #fff}.window-subtitle{color:#535353;margin-bottom:.5rem;font-size:.8rem}.taskbar{z-index:1202;background:silver;border-top:2px solid #f5f5f5;align-items:center;gap:.35rem;height:38px;padding:.2rem .32rem;display:flex;position:absolute;bottom:0;left:0;right:0}.crt-brand-strip{color:#5f5441;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#cfc4b0 0%,#c2b59d 100%);border-radius:14px;justify-content:space-between;align-items:center;height:38px;margin-top:.7rem;padding:0 .9rem;font-size:.74rem;display:flex}.brand-name{font-weight:700}.brand-led{background:#66ce58;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #66ce58d9}.start-btn{text-align:left;cursor:pointer;background:silver;border:2px outset #efefef;min-width:74px;height:30px;padding:0 .55rem;font-size:.84rem;font-weight:700}.start-btn:active{border-style:inset}.task-items{flex:1;gap:.3rem;display:flex;overflow-x:auto}.task-item{text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:silver;border:2px outset #efefef;min-width:150px;max-width:220px;height:30px;padding:0 .5rem;font-size:.78rem;overflow:hidden}.task-item.active{background:#aeb6c4;border-style:inset}.task-time{border:2px inset #efefef;place-items:center;min-width:74px;height:30px;font-size:.8rem;display:grid}@media (width<=900px){#app{padding:.35rem}.crt-shell{border-radius:16px;padding:.6rem .6rem .45rem}.crt-bezel{border-radius:12px;padding:8px}.desktop{border-radius:8px;min-height:84vh}.screen-surface{padding:1rem 1rem calc(1.4rem + 38px)}.desktop-icons{flex-flow:wrap;width:100%;max-width:none;margin-bottom:1rem;position:static}.desktop-icon{width:calc(50% - .5rem)}.sticky-note{width:100%;margin-top:.5rem}.window{width:calc(100vw - 24px);top:12px!important;left:12px!important}.task-item{min-width:120px}}