*{box-sizing:border-box}body{margin:0;font-family:Tahoma,'Microsoft YaHei',sans-serif;font-size:13px;color:#17202b;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffb333;outline-offset:2px}button:disabled{opacity:.45;cursor:default}button{border:1px solid #7f9db9;border-radius:3px;background:linear-gradient(#fff,#ece9d8);padding:6px 13px;color:#182638;box-shadow:inset 0 0 0 1px #fff}button:hover:not(:disabled){border-color:#e5a139;box-shadow:inset 0 0 0 1px #f9d983}a{color:#194b89}#desktop{height:calc(100dvh - 34px);position:relative;overflow:hidden;background:#429cda url('assets/wallpaper.jpg') center/cover no-repeat}#folders{position:absolute;top:30px;left:20px;display:grid;gap:25px;z-index:1}.folder{border:1px solid transparent;background:transparent;box-shadow:none;border-radius:0;width:90px;padding:8px 3px;color:white;text-shadow:1px 1px 2px #152d49;text-align:center}.folder:hover:not(:disabled){background:#316ac54d;border-color:#ffffff80;box-shadow:none}.folder-icon{position:relative;display:block;width:52px;height:37px;margin:5px auto 10px;background:linear-gradient(#fff0b9 0%,#ffe38b 13%,#ffd971 90%);border:1px solid #e8b345;border-radius:2px;box-shadow:0 2px 2px #2a415555,inset 0 1px #fff5d0}.folder-icon:before{content:'';position:absolute;z-index:-1;left:-1px;top:-8px;width:26px;height:12px;border-radius:4px 4px 0 0;background:#ffcc4d;border:1px solid #e7b236}.folder-icon:after{content:'';position:absolute;left:2px;right:2px;top:-2px;height:3px;background:#fff7dd;border-radius:2px}.sticky{position:absolute;right:30px;top:36px;width:254px;padding:24px 20px;background:linear-gradient(120deg,#fff6b2,#fff09a);box-shadow:3px 5px 12px #1c3e4e45;transform:rotate(1.5deg);color:#514c2b;z-index:1}.sticky .pin{position:absolute;top:-12px;left:48%;color:#cc302d;font-size:25px;text-shadow:2px 2px 2px #7d2222}.sticky h2{font-size:21px;font-weight:normal;margin:5px 0 12px}.sticky p{font-size:12px}.sticky a{display:block;margin-top:15px;color:#514c2b;font-size:12px;overflow-wrap:anywhere}.sticky button{font-size:11px;padding:3px 7px;margin-top:6px;background:#fff9ce;border-color:#baac6c}.desktop-player{position:absolute;right:30px;bottom:60px;width:235px;background:#ece9d8;border:3px solid #0862dc;border-radius:8px 8px 3px 3px;box-shadow:3px 5px 10px #18376655;padding:5px 10px 14px;text-align:center;z-index:1}.player-title{margin:-5px -10px 8px;text-align:left;background:linear-gradient(#579af5,#0863e0 18%,#0054c9 85%,#377ff0);color:white;padding:7px 10px;font-size:13px;font-weight:bold;text-shadow:1px 1px #12357b}.avatar{height:180px;background-image:url('assets/identity.png');background-size:270% auto;background-position:12% 40%;border:1px solid #a7b3b2;background-color:#f6f5e9}.desktop-player h2{font-size:20px;margin:12px 0 4px}.desktop-player p{font-size:12px;margin:4px 0 13px}#windows{position:absolute;inset:0;z-index:3;pointer-events:none}.window{position:absolute;left:120px;top:42px;width:min(1140px,calc(100% - 420px));height:min(800px,calc(100% - 85px));min-width:360px;background:#ece9d8;border:3px solid #0854d7;border-top:0;border-radius:8px 8px 3px 3px;box-shadow:4px 6px 15px #001c4766;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden}.window.hidden{display:none}.window.maximized{inset:0!important;width:100%!important;height:100%!important;border-radius:0}.titlebar{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:3px 3px 3px 8px;background:linear-gradient(#70aaf7,#0964df 16%,#0054ca 80%,#2a74e8);color:white;text-shadow:1px 1px #0a367e;cursor:move;touch-action:none;user-select:none}.titlebar h2{font:bold 14px Tahoma,'Microsoft YaHei',sans-serif;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.controls{display:flex;gap:3px}.controls button{width:25px;height:25px;padding:0;border:1px solid white;border-radius:3px;box-shadow:inset 0 0 3px #fff;color:white;font:bold 18px Arial;background:linear-gradient(130deg,#78aff5,#1462d4)}.controls .close{background:linear-gradient(130deg,#eea78d,#d4482f)}.toolbar{flex-shrink:0;display:flex;align-items:center;gap:6px;min-height:42px;padding:5px 9px;border-bottom:1px solid #b5b5a5;box-shadow:inset 0 1px #fff;background:#ece9d8;flex-wrap:wrap}.toolbar button{font-size:12px;padding:5px 9px}.page-count{margin-left:auto;font-size:12px;white-space:nowrap}.viewport{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;background:#101927;container-type:size;position:relative}.slide{position:relative;flex-shrink:0;width:min(100cqw,177.77778cqh);aspect-ratio:16/9;user-select:none;touch-action:manipulation;overflow:hidden}.slide-image{width:100%;height:100%;display:block;pointer-events:none}.hotspot{position:absolute;background:transparent!important;border:0!important;border-radius:0;box-shadow:none!important;padding:0;z-index:3;cursor:pointer}.hotspot:hover{outline:2px solid #f9cc55;background:#ffffff25!important}.hotspot:focus-visible{outline:3px solid #ffab00}.slide video{position:absolute;z-index:4;background:#000;object-fit:contain;cursor:default}.viewport.zoomed{display:block}.viewport.zoomed .slide{width:max(1600px,150%);max-width:none;cursor:default;margin:0 auto}.statusbar{display:flex;justify-content:space-between;padding:4px 8px;gap:10px;font-size:11px;min-height:24px;border-top:1px solid #b6b5a8;box-shadow:inset 0 1px white}.statusbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-base,.chart-reveal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chart-base{clip-path:inset(26% 32.5% 42% 9.8%)}.chart-reveal{clip-path:inset(26% 90.2% 42% 9.8%);animation:chart-reveal 4.2s .35s forwards}.chart-summary-cover{position:absolute;left:75.5%;top:23%;width:19%;height:40%;background:#f9e5f5;animation:summary-reveal .6s 4.5s forwards;pointer-events:none}@keyframes chart-reveal{0%{clip-path:inset(26% 90.2% 42% 9.8%)}23%{clip-path:inset(26% 77% 42% 9.8%)}45%{clip-path:inset(26% 77% 42% 9.8%)}65%{clip-path:inset(26% 57% 42% 9.8%)}78%{clip-path:inset(26% 57% 42% 9.8%)}100%{clip-path:inset(26% 32.5% 42% 9.8%)}}@keyframes summary-reveal{to{opacity:0}}#taskbar{height:34px;position:fixed;bottom:0;left:0;right:0;background:linear-gradient(#3a91f4,#1a65dc 13%,#205bd5 86%,#1646b6);border-top:1px solid #6eaeff;display:flex;align-items:stretch;z-index:900;color:white}#start{padding:0 20px 1px 10px;border:0;border-radius:0 13px 13px 0;background:linear-gradient(#93c589,#3b963b 18%,#32862d 75%,#57a345);color:white;font:bold italic 19px Arial,'Microsoft YaHei';text-shadow:1px 2px #254f24;box-shadow:inset 0 2px 3px #c4e3b7;display:flex;align-items:center;gap:6px}.windows-mark{display:grid;grid-template-columns:10px 10px;gap:2px;transform:skewY(-10deg) rotate(8deg)}.windows-mark i{height:10px;background:#ee6b31}.windows-mark i:nth-child(2){background:#83c64d}.windows-mark i:nth-child(3){background:#43a5ed}.windows-mark i:nth-child(4){background:#ffda56}#tasks{flex:1;min-width:0;display:flex;gap:3px;overflow:auto;padding:3px 6px}#tasks button{color:white;background:#3d80ec;border:1px solid #164ba8;box-shadow:inset 1px 1px 1px #7eb4fb;min-width:90px;max-width:180px;flex:0 1 180px;text-align:left;padding:3px 8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tasks button.active{background:#1653b6;box-shadow:inset 1px 1px 3px #0c327f}.tray{display:flex;align-items:center;gap:13px;background:linear-gradient(#22c2fb,#1299e7 20%,#148bdc);padding:0 13px;border-left:1px solid #0958b1;font-size:12px;box-shadow:inset 1px 0 1px #54d2ff}#show-desktop{background:transparent;color:white;border:0;box-shadow:none;padding:0 9px}#start-menu{position:fixed;left:0;bottom:34px;width:310px;z-index:950;background:#fff;border:2px solid #1a5ac2;border-radius:7px 7px 0 0;box-shadow:4px 0 12px #00244d55}#start-menu[hidden]{display:none}#start-menu header{padding:17px 15px;background:linear-gradient(#5b9ae9,#1465ce);color:white;font-size:20px;text-shadow:1px 1px #174b90}.user-icon{border:2px solid #fff;padding:3px 7px;background:#92bcd8;border-radius:4px}#start-items{padding:8px}#start-items button{display:flex;align-items:center;gap:12px;width:100%;border:0;border-radius:0;box-shadow:none;background:white;text-align:left;color:#153c65;font-size:14px;padding:12px}#start-items button:hover{background:#316ac5;color:white}#start-items .folder-icon{width:32px;height:24px;margin:0;z-index:1}#start-menu footer{padding:12px 16px;background:#357edd;color:#fff;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#toast{position:fixed;bottom:52px;left:50%;transform:translateX(-50%);z-index:3000;background:#ffffe1;border:1px solid #555;padding:12px 22px;box-shadow:2px 3px 8px #0004;opacity:0;pointer-events:none}#toast.visible{opacity:1}#boot{position:fixed;inset:0;z-index:2000;background:#050608;color:#ddd;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s}#boot.done{opacity:0;pointer-events:none}#boot[hidden]{display:none}#boot p{margin-top:50px;font-size:19px;font-weight:300}#boot small{color:#737984;font-size:12px;position:absolute;bottom:70px}#skip{position:absolute;bottom:30px;right:35px;background:transparent;border:1px solid #657080;color:#ccc;box-shadow:none}.boot-logo{height:70px;width:70px;position:relative;filter:drop-shadow(0 0 18px #fff9);transform:rotate(-8deg)}.boot-logo i{position:absolute;width:31px;height:31px;background:#ec6544;left:0;top:0;border-radius:5px;animation:bootlight 2.5s both;--x:-130px;--y:-80px;box-shadow:0 0 12px currentColor}.boot-logo i:nth-child(2){left:37px;background:#7abf45;--x:130px;--y:-90px;animation-delay:.1s}.boot-logo i:nth-child(3){top:37px;background:#4aa4e3;--x:-100px;--y:100px;animation-delay:.2s}.boot-logo i:nth-child(4){top:37px;left:37px;background:#f8d458;--x:110px;--y:95px;animation-delay:.3s}@keyframes bootlight{0%{opacity:0;transform:translate(var(--x),var(--y)) scale(.08);border-radius:50%}25%{opacity:1}70%{transform:translate(0,0) scale(.4);border-radius:50%}100%{transform:scale(1);opacity:1}}@media(max-width:1000px){.window{left:110px;width:calc(100% - 130px);height:calc(100% - 70px)}.sticky{right:22px;width:230px}.desktop-player{right:22px;width:220px}}@media(max-width:650px){#folders{top:25px;left:12px;right:12px;grid-template-columns:repeat(4,1fr);gap:4px}.folder{width:100%;font-size:12px;padding:8px 0}.folder-icon{width:44px;height:32px}.sticky{top:150px;left:20px;right:auto;width:235px}.desktop-player{width:170px;bottom:25px;right:20px}.avatar{height:130px}.desktop-player h2{font-size:17px}.window,.window.maximized{inset:0!important;width:100%!important;height:100%!important;min-width:0;border-radius:0}.titlebar{height:35px}.toolbar{gap:5px;padding:5px}.toolbar button{padding:6px 8px}.page-count{font-size:11px}.statusbar{font-size:10px}.tray{padding:0 8px}.tray>span{display:none}#start{font-size:17px;padding-right:12px}#tasks button{min-width:40px;padding:3px 5px}#show-desktop{padding:0 6px}.viewport.zoomed .slide{width:1300px}.controls button{height:26px;width:27px}}@media(max-height:680px) and (min-width:651px){.desktop-player{bottom:20px;width:190px}.avatar{height:115px}.sticky{top:20px;padding:16px;width:225px}.desktop-player p{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.chart-base,.chart-reveal,.chart-summary-cover{display:none!important}}
/* Pinned note with a lifted lower-right paper corner. */
.sticky{top:56px;right:38px;width:265px;min-height:245px;padding:37px 24px 38px;background:linear-gradient(180deg,#fff08b 0 18%,#fff7a8 18%,#fff9ae 100%);transform:rotate(-6deg);border-radius:0 0 65px 0;box-shadow:5px 10px 12px #24394b50;color:#4c4728}.sticky:after{content:'';position:absolute;right:0;bottom:0;width:64px;height:59px;background:linear-gradient(135deg,#fff7a8 0%,#ffe577 45%,#e2c65f 70%,transparent 72%);border-radius:0 0 64px 0;filter:drop-shadow(-4px -3px 3px #6b5c2720);pointer-events:none}.sticky .pin{position:absolute;left:53%;top:-22px;width:28px;height:34px;background:radial-gradient(circle at 30% 23%,#ff7773,#ed0804 45%,#a60000 100%);border-radius:50%;transform:rotate(30deg);box-shadow:4px 10px 8px #67552b55;font-size:0;z-index:2}.sticky .pin:before{content:'';position:absolute;width:22px;height:24px;border-radius:50%;top:-13px;left:1px;background:radial-gradient(circle at 30% 20%,#ff4c3d,#e40000 70%);box-shadow:0 1px 1px #ad0000}.sticky .pin:after{content:'';position:absolute;width:4px;height:14px;left:13px;bottom:-10px;background:linear-gradient(90deg,#ddd,#666,#fff);border-radius:0 0 3px 3px;z-index:-1}.sticky h2{margin:4px 0 17px}.sticky a{position:relative;z-index:1}.sticky button{position:relative;z-index:1}.desktop-player h2{margin-bottom:14px}@media(max-width:650px){.sticky{top:159px;left:25px;right:auto;width:250px;min-height:238px}}@media(max-height:680px) and (min-width:651px){.sticky{top:35px;min-height:225px;padding:27px 20px;width:245px}}
/* Reference-based transparent stationery and full portrait. */
.sticky{top:25px;right:16px;width:310px;height:310px;min-height:0;padding:0;background:transparent url('assets/pinned-note.png') center/contain no-repeat;border-radius:0;box-shadow:none;transform:none}.sticky:after,.sticky .pin{display:none}.note-content{position:absolute;left:20%;top:30%;width:66%;transform:rotate(-6deg);transform-origin:center}.sticky h2{font-size:21px;margin:0 0 12px}.sticky a{margin-top:12px;font-size:12px}.sticky button{margin-top:5px}.avatar{display:block;width:100%;height:auto!important;aspect-ratio:auto;object-fit:contain;background:none;border:1px solid #a7b3b2}.desktop-player{width:220px;bottom:30px}.folder.selected{background:#316ac566;border:1px dotted #c5deff}.folder.selected>span+span{background:#245fbb}.progress-character{position:absolute;width:3.7%;aspect-ratio:543/724;bottom:8%;pointer-events:none;z-index:2;transition:left .3s ease-out;image-rendering:pixelated}.idle-sprite{width:100%;height:100%;background:url('assets/idle-sprite.png') 0 0/400% 100% no-repeat;animation:pixel-idle 1.2s steps(1,end) infinite;image-rendering:pixelated}.progress-label{position:absolute;top:97%;left:50%;transform:translateX(-50%);font:bold clamp(7px,.8vw,13px) Arial,sans-serif;white-space:nowrap;color:#164b62;background:#e8f8ffed;border:1px solid #6595ad;border-radius:2px;padding:1px 4px;box-shadow:1px 1px 0 #42677c40}@keyframes pixel-idle{0%,100%{background-position:0% 0}25%{background-position:33.333333% 0}50%{background-position:66.666667% 0}75%{background-position:100% 0}}.window.hidden .idle-sprite{animation-play-state:paused}@media(max-width:650px){.sticky{top:130px;left:0;right:auto;width:300px;height:300px;min-height:0;padding:0}.desktop-player{width:160px;bottom:17px;right:16px}.avatar{height:auto!important}.progress-label{font-size:7px;padding:0 2px}.progress-character{width:4.2%;bottom:8%}}@media(max-height:680px) and (min-width:651px){.sticky{top:10px;right:10px;width:275px;height:275px;min-height:0;padding:0}.desktop-player{width:160px;bottom:14px}.avatar{height:auto!important}.note-content{top:28%}.sticky h2{font-size:18px}.sticky a{font-size:11px}}@media(prefers-reduced-motion:reduce){.idle-sprite{animation:none!important;background-position:0 0!important}.progress-character{transition:none!important}}
/* Keep the shoe centers fixed between independently drawn frames. */
@keyframes pixel-idle{0%,100%{background-position:0% 0;transform:translateX(2.9466%)}25%{background-position:33.333333% 0;transform:translateX(-.4604%)}50%{background-position:66.666667% 0;transform:translateX(.3683%)}75%{background-position:100% 0;transform:translateX(-1.5654%)}}
@media(prefers-reduced-motion:reduce){.idle-sprite{transform:translateX(2.9466%)!important}}
@media(max-width:650px) and (max-height:760px){#desktop{overflow-y:auto}.sticky{top:118px;width:260px;height:260px}.note-content{top:28%;left:20%;width:70%}.sticky h2{font-size:18px;margin-bottom:8px}.sticky a{font-size:11px;margin-top:8px}.sticky button{font-size:10px;padding:2px 6px}.desktop-player{width:140px;top:400px;bottom:auto}#desktop:after{content:'';position:absolute;top:675px;left:0;width:1px;height:1px;pointer-events:none}#windows{position:fixed;top:0;bottom:34px;left:0;right:0}}
@font-face{font-family:'Cubic 11';src:url('assets/fonts/Cubic_11.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}.window,.window button,.window .titlebar h2,.window .controls button,.window .toolbar,.window .statusbar{font-family:'Cubic 11','Microsoft YaHei',sans-serif}.progress-label{display:none}