*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,Tahoma,sans-serif;overflow:hidden;background:#5a8ec4;background-image:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.3) 100%),linear-gradient(135deg,#5a8ec4,#3d6ea5);height:100vh;-webkit-user-select:none;user-select:none;image-rendering:pixelated}html[data-theme=dark] body{background:#0a0a0a!important;background-image:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.7) 100%),linear-gradient(135deg,#0a0a0a,#000)!important}#desktop{position:relative;width:100%;height:calc(100vh - 40px);background-image:url(/icons/background.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;animation:backgroundFloat 60s ease-in-out infinite}@keyframes backgroundFloat{0%,to{background-position:center center}25%{background-position:2% 1%}50%{background-position:center 2%}75%{background-position:98% 1%}}html[data-theme=dark] .desktop-icon{color:#fff}html[data-theme=dark] .desktop-icon .icon-label{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.selection-box{position:absolute;border:2px dashed rgba(51,153,255,.8);background:#3399ff1a;pointer-events:none;z-index:999}.desktop-icon.group-icon{background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:8px}html[data-theme=dark] .desktop-icon.group-icon{background:#ffffff1a!important;border-color:#fff3!important}.desktop-icon.group-icon:hover{background:#ffffff40;border:2px solid rgba(255,255,255,.5)}html[data-theme=dark] .desktop-icon.group-icon:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.group-panel{position:absolute;background:#000c;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:10px;z-index:1000;min-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html[data-theme=dark] .group-panel{background:#000000f2!important;border-color:#ffffff4d!important;box-shadow:0 4px 20px #000c!important}.group-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#fff;font-size:14px;font-weight:700}.group-panel-content{display:flex;flex-wrap:wrap;gap:8px}.group-panel-icon{width:60px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:4px;border:1px solid transparent;border-radius:4px;transition:all .2s ease}.group-panel-icon:hover{background:#fff3;border:1px solid rgba(255,255,255,.4)}html[data-theme=dark] .group-panel-icon:hover{background:#ffffff26!important;border-color:#ffffff4d!important}.group-panel-icon .icon-image{width:32px;height:32px;margin-bottom:2px}.group-panel-icon[data-app=tictactoe] .icon-image{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:6px;padding:6px;box-shadow:0 2px 6px #0000004d}.group-panel-icon[data-app=battleship] .icon-image{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:6px;padding:6px;box-shadow:0 2px 6px #0000004d}.group-panel-icon .icon-label{font-size:9px;text-align:center;word-wrap:break-word;max-width:100%}html[data-theme=dark] .group-panel-icon .icon-label{color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.desktop-icon:hover{background:#fff3;border:2px solid rgba(255,255,255,.4);transform:translateY(-2px)}html[data-theme=dark] .desktop-icon:hover{background:#ffffff1a!important;border-color:#fff3!important}.desktop-icon.selected{background:#3399ff4d;border:2px solid rgba(51,153,255,.6)}html[data-theme=dark] .desktop-icon.selected{background:#6496ff33!important;border-color:#6496ff66!important}.desktop-icon.dragging{opacity:.6;cursor:move;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.desktop-icon.drop-target{background:#3399ff80!important;border:2px solid rgba(51,153,255,.8)!important;transform:scale(1.1);box-shadow:0 0 20px #39f9}.desktop-icon{position:absolute;width:80px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:8px;border:2px solid transparent;transition:all .2s ease}.icon-image{width:48px;height:48px;margin-bottom:4px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.icon-image img{width:100%;height:100%;object-fit:contain}.icon-label{color:#fff;font-size:11px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;max-width:100%}.desktop-icon[data-app=tictactoe] .icon-image{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000004d}html[data-theme=dark] .desktop-icon[data-app=tictactoe] .icon-image{background:linear-gradient(135deg,#2e7d32,#1b5e20)!important;box-shadow:0 2px 8px #00000080!important}.desktop-icon[data-app=reversi] .icon-image{background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000004d}html[data-theme=dark] .desktop-icon[data-app=reversi] .icon-image{background:linear-gradient(135deg,#f57c00,#e65100)!important;box-shadow:0 2px 8px #00000080!important}.desktop-icon[data-app=battleship] .icon-image{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:8px;padding:8px}html[data-theme=dark] .desktop-icon[data-app=battleship] .icon-image{background:linear-gradient(135deg,#1976d2,#0d47a1)!important;box-shadow:0 2px 8px #00000080!important}.desktop-icon[data-app=tictactoe] .icon-image{background:linear-gradient(135deg,#4caf50,#2e7d32)!important;border-radius:8px!important;padding:8px!important;box-shadow:0 2px 8px #0000004d!important}.desktop-icon[data-app=battleship] .icon-image{background:linear-gradient(135deg,#2196f3,#1976d2)!important;border-radius:8px!important;padding:8px!important;box-shadow:0 2px 8px #0000004d!important}.battleship-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.battleship-board-title{width:100%;text-align:center;font-size:.8rem;font-weight:700;color:#333;margin:8px 0 -8px}html[data-theme=dark] .battleship-board-title{color:#fff}.battleship-board{display:grid;grid-template-columns:repeat(10,22px);grid-template-rows:repeat(10,22px);gap:2px;background-color:#a2d2ff;padding:5px;border:2px solid #0077b6;border-radius:4px;margin:0 auto}html[data-theme=dark] .battleship-board{background-color:#1a3a5c;border-color:#4a90e2}.battleship-cell{width:22px;height:22px;background-color:#bde0fe;border-radius:3px;transition:background-color .2s;cursor:pointer}html[data-theme=dark] .battleship-cell{background-color:#2a4a6b}.battleship-cell.ship{background-color:#6c757d}html[data-theme=dark] .battleship-cell.ship{background-color:#8a8a8a}.battleship-cell.miss{background-color:#e9ecef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='1.5' fill='%236c757d'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}html[data-theme=dark] .battleship-cell.miss{background-color:#4a4a4a}.battleship-cell.hit{background-color:#e63946;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");background-size:60%;background-position:center;background-repeat:no-repeat}html[data-theme=dark] .battleship-cell.hit{background-color:#dc3545}.battleship-placement-ui{display:flex;gap:16px;align-items:flex-start}.placement-controls{display:flex;flex-direction:column;gap:8px;min-width:150px}.placement-controls .ship-list{display:flex;flex-direction:column;gap:4px}.placement-controls .ship-list button.primary{border-width:2px}.placement-controls .ship-list button:disabled{opacity:.5;text-decoration:line-through}.placement-board .battleship-cell:hover{background-color:#a8dadc}html[data-theme=dark] .placement-board .battleship-cell:hover{background-color:#3a5a7b}.placement-board .placement-preview{background-color:#4682b480}html[data-theme=dark] .placement-board .placement-preview{background-color:#6496c880}.placement-board .placement-preview.invalid{background-color:#dc143c80}html[data-theme=dark] .placement-board .placement-preview.invalid{background-color:#ff325080}.opponent-board.playable .battleship-cell.empty:hover{cursor:crosshair;background-color:#48cae4}html[data-theme=dark] .opponent-board.playable .battleship-cell.empty:hover{background-color:#5a9ae4}.game-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}html[data-theme=dark] .game-container{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.game-header{text-align:center;font-weight:700;margin-bottom:12px;color:#333}html[data-theme=dark] .game-header{color:#fff}.game-actions,.game-actions-footer{margin-top:15px;text-align:center}.btn{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;cursor:pointer;font-size:14px;transition:all .2s}html[data-theme=dark] .btn{background:#3a3a3a;border-color:#555;color:#fff}.btn.primary{background:#0078d4;color:#fff;border-color:#0078d4}.btn.small{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){background:#e9ecef}html[data-theme=dark] .btn:hover:not(:disabled){background:#4a4a4a}.btn.primary:hover:not(:disabled){background:#005a9e}.recycle-bin.drag-over{background:#ff64644d;border:2px dashed rgba(255,100,100,.8);transform:scale(1.15);animation:wiggle .3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:scale(1.15) rotate(0)}25%{transform:scale(1.15) rotate(-2deg)}75%{transform:scale(1.15) rotate(2deg)}}#taskbar{position:fixed;bottom:0;left:0;width:100%;height:40px;background:linear-gradient(to bottom,#2d5fa7,#1e4d8b,#1a4478);display:flex;align-items:center;padding:0;z-index:9999;overflow:visible}html[data-theme=dark] #taskbar{background:linear-gradient(to bottom,#1a1a1a,#0d0d0d,#000)!important}.start-button{display:flex;align-items:center;padding:8px 16px;background:linear-gradient(to bottom,#4a9d4f,#3d8b41);border:1px solid #2d6b2f;color:#fff;font-weight:700;font-size:12px;cursor:pointer;margin-right:2px;box-shadow:inset 0 1px #ffffff4d;transition:all .1s;-webkit-user-select:none;user-select:none;height:40px;width:auto;min-width:100px;max-width:150px;border-radius:0 20px 20px 0}.start-button:hover{background:linear-gradient(to bottom,#5ab05f,#4a9d4f)}.start-button:active{background:linear-gradient(to bottom,#3d8b41,#2d6b2f);box-shadow:inset 0 1px 3px #0000004d}.taskbar-programs{display:flex;gap:2px;flex:1;overflow-x:auto;overflow-y:hidden;padding:0 4px;height:32px;align-items:center}.taskbar-programs::-webkit-scrollbar{height:4px}.taskbar-button{padding:4px 12px;background:linear-gradient(to bottom,#3d7ab8,#2d5fa7);border:1px solid #1e4d8b;border-radius:3px;color:#fff;font-size:12px;cursor:pointer;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px #fff3;height:24px}.taskbar-button:hover{background:linear-gradient(to bottom,#4a8bc4,#3d7ab8)}.taskbar-button.active{background:linear-gradient(to bottom,#2d5fa7,#1e4d8b);box-shadow:inset 0 1px 3px #0000004d}.taskbar-button img{width:16px;height:16px}.system-tray{display:flex;gap:4px;margin-left:auto;margin-right:4px;height:100%;position:absolute;right:8px;bottom:0;padding:0 8px;background:transparent;border-left:none;align-items:center;box-shadow:none}#clock{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;white-space:nowrap;z-index:10002;color:#fff;height:100%;padding:0 6px;margin:0;background:transparent;border-radius:0;box-shadow:none}.clock{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:0;color:#fff;text-align:center;font-family:Segoe UI,Microsoft YaHei,sans-serif;line-height:1;cursor:default;-webkit-user-select:none;user-select:none;transition:background .12s ease,transform .12s ease,opacity .2s ease;border-radius:0;background:transparent}.clock .clock-time,.clock .clock-date{display:block;padding:0;margin:0}.clock .clock-time{font-size:14px;font-weight:600;letter-spacing:0;text-shadow:0 1px 1px rgba(0,0,0,.35);line-height:1}.clock .clock-date{font-size:10px;opacity:.85;margin-top:2px;color:#ffffffe6;line-height:1}.clock:hover{background:transparent;transform:none}@media (max-width: 480px){.system-tray{right:6px;padding:0 6px}#clock{padding:0 4px;min-width:48px}.clock .clock-time{font-size:13px}.clock .clock-date{display:none}}.start-menu{position:fixed;bottom:42px;left:4px;width:300px;background:#d4d0c8;border:3px solid;border-color:#ffffff #404040 #404040 #ffffff;border-radius:0;box-shadow:4px 4px 12px #00000080;z-index:10000;display:none;opacity:0;visibility:hidden;transition:opacity .2s ease}html[data-theme=dark] .start-menu{background:#1a1a1a!important;border-color:#444444 #000000 #000000 #444444!important;box-shadow:4px 4px 20px #000c!important}.start-menu-header{height:70px;padding:12px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:700;font-size:18px;background:linear-gradient(to bottom,#4a8bc4,#3d7ab8,#2d5fa7);border-bottom:2px solid #1e4d8b;font-family:Trebuchet MS,Microsoft YaHei,sans-serif;letter-spacing:.5px}.start-menu-items{padding:6px;background:#d4d0c8}html[data-theme=dark] .start-menu-items{background:#1a1a1a!important}.start-menu-item{padding:6px 10px;display:flex;align-items:center;gap:10px;cursor:pointer;border-radius:0;transition:all .1s;color:#000;font-size:12px;border:1px solid transparent;position:relative;font-family:"MS Sans Serif",Microsoft YaHei,sans-serif}html[data-theme=dark] .start-menu-item{color:#fff}.start-menu-item:hover{background:linear-gradient(to bottom,#4a8bc4,#3d7ab8,#2d5fa7);color:#fff;border:1px solid;border-color:#5a9bd4 #1e4d8b #1e4d8b #5a9bd4;box-shadow:inset 1px 1px #fff6,inset -1px -1px #0000004d}html[data-theme=dark] .start-menu-item:hover{background:linear-gradient(to bottom,#3a5a7a,#2a4a6a,#1a3a5a)!important;color:#fff!important;border-color:#4a6a8a #0a2a4a #0a2a4a #4a6a8a!important}.start-menu-item:hover span{text-shadow:0 1px 2px rgba(0,0,0,.5)}.start-menu-item:active{background:linear-gradient(to bottom,#1e4d8b,#2d5fa7);border:1px solid;border-color:#0d3d7b #5a9bd4 #5a9bd4 #0d3d7b;box-shadow:inset 2px 2px 3px #0006,inset -1px -1px 1px #ffffff1a;transform:translate(1px,1px)}.start-menu-item img{width:20px;height:20px;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.3))}.start-menu-item[data-app=tictactoe] img{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:4px;padding:4px;box-shadow:0 2px 4px #0003}.start-menu-item[data-app=battleship] img{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:4px;padding:4px;box-shadow:0 2px 4px #0003}.start-menu-item[data-app=spritetool]>div,.start-menu-item[data-app=cardelimination]>div{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.start-menu-item:hover img{filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.start-menu-divider{height:0;border-top:1px solid #b8b8b8;border-bottom:1px solid #ffffff;margin:6px 4px}.window{position:absolute;background:#fff;border:2px solid #0054a6;border-radius:8px 8px 0 0;box-shadow:4px 4px 12px #0000004d;min-width:300px;min-height:200px;display:flex;flex-direction:column;z-index:100}html[data-theme=dark] .window{background:#2a2a2a;border-color:#555}.window.maximized{top:0!important;left:0!important;width:100%!important;height:calc(100vh - 40px)!important;border-radius:0}.window.minimized{display:none}.window-titlebar{background:linear-gradient(to bottom,#3d7ab8,#2d5fa7);color:#fff;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;cursor:move;border-radius:6px 6px 0 0;-webkit-user-select:none;user-select:none}.window-titlebar.inactive{background:linear-gradient(to bottom,#7d98b8,#6d88a7)}.window-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.window-title img{width:16px;height:16px}.window-controls{display:flex;gap:4px}.window-control-btn{width:24px;height:24px;border:1px solid rgba(255,255,255,.4);background:linear-gradient(to bottom,#4a8bc4,#3d7ab8);color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .1s}.window-control-btn:hover{background:linear-gradient(to bottom,#5a9bd4,#4a8bc4)}.window-control-btn:active{background:linear-gradient(to bottom,#3d7ab8,#2d5fa7)}.window-control-btn.close:hover{background:linear-gradient(to bottom,#e74c3c,#c0392b)}.window-content{flex:1;overflow:auto;padding:12px;background:#fff}html[data-theme=dark] .window-content{background:#2a2a2a;color:#fff}.window-content iframe{width:100%;height:100%;border:0;display:block;background:#fff}.window-content .notepad-btn{padding:6px 10px;font-size:12px;height:28px}.file-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:12px}.file-icon.video-icon{position:relative;background:#4a90e2;border-radius:4px;display:flex;align-items:center;justify-content:center}.file-icon.video-icon:before{content:"▶";color:#fff;font-size:24px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.file-item{display:flex;flex-direction:column;align-items:center;padding:8px;cursor:pointer;border:2px solid transparent;border-radius:4px;transition:all .1s;position:relative}.file-item:hover{background:#3399ff1a;border-color:#3399ff4d}.file-item.selected{background:#39f3;border-color:#3399ff80}.file-item.dragging{opacity:.6}.file-checkbox{position:absolute;top:4px;left:4px;z-index:10;cursor:pointer;width:16px;height:16px;accent-color:#0078d4}.file-item:hover .file-checkbox{opacity:1}.file-group-header{grid-column:1 / -1;padding:8px;background:#e8e8e8;border-bottom:1px solid #ccc;font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.file-group-header:hover{background:#d8d8d8}.file-group-header .group-checkbox{cursor:pointer;width:16px;height:16px;accent-color:#0078d4}html[data-theme=dark] .file-group-header{background:#3a3a3a;border-bottom-color:#555;color:#fff}html[data-theme=dark] .file-group-header:hover{background:#4a4a4a}.file-icon{width:48px;height:48px;margin-bottom:8px;background:#e0e0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-icon img{max-width:100%;max-height:100%;object-fit:contain}.file-name{font-size:11px;text-align:center;word-break:break-word;max-width:100%}.notepad-content{width:100%;height:100%;border:1px solid #ccc;padding:8px;font-family:Courier New,monospace;font-size:13px;resize:none;outline:none}html[data-theme=dark] .notepad-content{background:#1e1e1e;color:#fff;border-color:#555}.notepad-toolbar{padding:8px;border-bottom:1px solid #ddd;display:flex;gap:8px;background:#f5f5f5}html[data-theme=dark] .notepad-toolbar{background:#2a2a2a;border-bottom-color:#555}.notepad-btn{padding:6px 16px;background:linear-gradient(to bottom,#f8f8f8,#e8e8e8,#d8d8d8);border:1px solid #acacac;border-radius:3px;cursor:pointer;font-size:12px;transition:all .1s;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #0000001a;color:#000}html[data-theme=dark] .notepad-btn{background:linear-gradient(to bottom,#3a3a3a,#2a2a2a,#1a1a1a);border-color:#555;color:#fff;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0000004d}.notepad-btn:hover{background:linear-gradient(to bottom,#fff,#f0f0f0,#e0e0e0);border-color:#5c9dd1;box-shadow:inset 0 1px #fffc,0 1px 3px #00000026}html[data-theme=dark] .notepad-btn:hover{background:linear-gradient(to bottom,#4a4a4a,#3a3a3a,#2a2a2a);border-color:#0078d7}.notepad-btn:active{background:linear-gradient(to bottom,#d8d8d8,#e8e8e8);box-shadow:inset 0 1px 3px #00000026,0 1px #ffffff4d;transform:translateY(1px)}html[data-theme=dark] .notepad-btn:active{background:linear-gradient(to bottom,#1a1a1a,#2a2a2a);box-shadow:inset 0 1px 3px #00000080,0 1px #ffffff1a}.login-window-content{padding:24px;max-width:400px}.login-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid #ddd}html[data-theme=dark] .login-tabs{border-bottom-color:#555}.login-tab{padding:8px 16px;cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-bottom:none;border-radius:4px 4px 0 0;transition:all .1s}html[data-theme=dark] .login-tab{background:#3a3a3a;border-color:#555;color:#fff}.login-tab:hover{background:#e0e0e0}html[data-theme=dark] .login-tab:hover{background:#4a4a4a}.login-tab.active{background:#fff;border-bottom:2px solid white;margin-bottom:-2px}html[data-theme=dark] .login-tab.active{background:#2a2a2a;border-bottom-color:#2a2a2a;color:#fff}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{padding:8px;border:1px solid #ccc;border-radius:3px;font-size:13px}html[data-theme=dark] .login-input{background:#2a2a2a;border-color:#555;color:#fff}.login-input:focus{outline:none;border-color:#2d5fa7}html[data-theme=dark] .login-input:focus{border-color:#4a8bc4}.login-checkbox{display:flex;align-items:center;gap:8px;font-size:12px}html[data-theme=dark] .login-checkbox{color:#fff}.login-btn{padding:10px;background:linear-gradient(to bottom,#5ba056,#4d9048,#3d7035);color:#fff;border:1px solid #2d5020;border-radius:3px;cursor:pointer;font-size:13px;font-weight:700;transition:all .1s;box-shadow:inset 0 1px #ffffff4d,0 2px 4px #0003}html[data-theme=dark] .login-btn{background:linear-gradient(to bottom,#3a3a3a,#2a2a2a,#1a1a1a)!important;border-color:#555!important;color:#fff!important;box-shadow:inset 0 1px #ffffff1a,0 2px 4px #0006!important}.login-btn:hover{background:linear-gradient(to bottom,#6bb061,#5da058,#4d8045);box-shadow:inset 0 1px #fff6,0 2px 5px #0000004d}html[data-theme=dark] .login-btn:hover{background:linear-gradient(to bottom,#4a4a4a,#3a3a3a,#2a2a2a)!important;box-shadow:inset 0 1px #fff3,0 2px 5px #00000080!important}.login-btn:active{background:linear-gradient(to bottom,#3d7035,#4d9048);box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000001a;transform:translateY(1px)}html[data-theme=dark] .login-btn:active{background:linear-gradient(to bottom,#2a2a2a,#1a1a1a)!important;box-shadow:inset 0 2px 4px #0009,0 1px 2px #0000004d!important}.login-message{font-size:12px;color:#e74c3c;min-height:18px}html[data-theme=dark] .login-message{color:#ff6b6b}#bsod{position:fixed;top:0;left:0;width:100%;height:100%;background:#00a;color:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace}.bsod-content{text-align:center;padding:40px}.bsod-content h1{font-size:32px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.bsod-content p{font-size:18px;margin:10px 0}.bsod-progress{width:300px;height:20px;background:#008;border:2px solid white;margin:20px auto;overflow:hidden}.bsod-progress-bar{height:100%;background:#fff;width:0%;animation:bsodProgress 2s ease-in-out forwards}@keyframes bsodProgress{0%{width:0%}to{width:100%}}.bsod-text{font-size:14px;opacity:.8}@keyframes fadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.window{animation:fadeIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.window-shake{animation:shake .5s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.icon-bounce{animation:bounce .4s ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 5px #ffffff80}50%{box-shadow:0 0 20px #fffc}}.window-glow{animation:glow .5s ease-in-out}@media (max-width: 768px){.desktop-icon{width:60px;height:70px}.icon-image{width:32px;height:32px}.icon-label{font-size:10px}.window{width:90%!important;max-width:100%}}.empty-state{text-align:center;padding:40px;color:#999}.empty-state img{width:64px;height:64px;opacity:.5;margin-bottom:16px}.context-menu{position:fixed;background:#f0f0f0;border:2px solid #999;border-radius:0;box-shadow:4px 4px 8px #0000004d;min-width:180px;z-index:100000;padding:4px}html[data-theme=dark] .context-menu{background:#2a2a2a;border-color:#555}.context-menu-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;font-size:13px;transition:background .1s}html[data-theme=dark] .context-menu-item{color:#fff}.context-menu-item:hover{background:#0078d7;color:#fff}.context-menu-divider{height:1px;background:#ccc;margin:4px 0}.tooltip{position:absolute;background:#ffc;border:1px solid #333;padding:4px 8px;font-size:11px;border-radius:2px;box-shadow:2px 2px 4px #0000004d;pointer-events:none;z-index:100001;white-space:nowrap}.loading-spinner{width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid #0078d7;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:silver;border:2px solid #f0f0f0}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}::-webkit-scrollbar-corner{background:#f0f0f0}.selection-box{position:absolute;border:1px dashed #0078d7;background:#0078d71a;pointer-events:none;z-index:1000}.xp-notification{position:fixed;right:20px;bottom:70px;width:320px;background:linear-gradient(#f7f8fb,#e6eefc);border:1px solid #9db5e6;box-shadow:0 6px 18px #00000040;border-radius:6px;display:flex;gap:10px;padding:8px;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0b2a66;z-index:12000;opacity:0;transform:translateY(6px);transition:opacity .24s ease,transform .24s ease}.xp-notification.show{opacity:1;transform:translateY(0)}.xp-notification .avatar{width:48px;height:48px;border-radius:4px;background-size:cover;background-position:center;flex:0 0 48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background-color:#9db5e6;box-shadow:inset 0 -2px #00000014}.xp-notification .content{flex:1 1 auto;min-width:0}.xp-notification .title{font-weight:700;font-size:14px;margin-bottom:2px}.xp-notification .body{font-size:12px;opacity:.9}.xp-notification .actions{margin-left:8px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.xp-notification .actions a{font-size:12px;color:#0054a6;text-decoration:none;background:#0054a614;padding:2px 6px;border-radius:3px;border:1px solid rgba(0,84,166,.12)}.xp-notification .close-xp{position:absolute;top:6px;right:8px;font-size:12px;color:#0b2a6699;cursor:pointer}@media (max-width:600px){.xp-notification{right:8px;left:8px;width:auto;bottom:80px}}.window .resize-handle{position:absolute;z-index:1001;background:transparent}.window .resize-handle.n,.window .resize-handle.s{left:0;right:0;height:10px}.window .resize-handle.n{top:-5px;cursor:ns-resize}.window .resize-handle.s{bottom:-5px;cursor:ns-resize}.window .resize-handle.e,.window .resize-handle.w{top:0;bottom:0;width:10px}.window .resize-handle.e{right:-5px;cursor:ew-resize}.window .resize-handle.w{left:-5px;cursor:ew-resize}.window .resize-handle.nw,.window .resize-handle.ne,.window .resize-handle.sw,.window .resize-handle.se{width:12px;height:12px;background:transparent}.window .resize-handle.nw{left:-6px;top:-6px;cursor:nwse-resize}.window .resize-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.window .resize-handle.ne{right:-6px;top:-6px;cursor:nesw-resize}.window .resize-handle.sw{left:-6px;bottom:-6px;cursor:nesw-resize}.window .resize-handle:hover{background:#0000000a;border-radius:2px}.game-2048-container{padding:15px;background:#faf8ef;font-family:Microsoft YaHei,sans-serif;height:100%;display:flex;flex-direction:column}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.game-header h2{font-size:36px;font-weight:700;color:#776e65;margin:0}.score-container{display:flex;gap:8px}.score-box{background:#bbada0;padding:6px 12px;border-radius:6px;text-align:center;min-width:50px}.score-label{color:#eee4da;font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:2px}.score-value{color:#fff;font-size:16px;font-weight:700}.game-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.game-info p{color:#776e65;font-size:12px;margin:0}.game-buttons{display:flex;gap:8px}.new-game-btn,.continue-game-btn,.sound-toggle-btn{background:#8f7a66;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s}.new-game-btn:hover,.continue-game-btn:hover,.sound-toggle-btn:hover{background:#9f8a76}.continue-game-btn{background:#4a90e2}.continue-game-btn:hover{background:#5ba0f2}.sound-toggle-btn{background:#6c757d;padding:8px 12px;font-size:16px}.sound-toggle-btn:hover{background:#7c858c}.game-board{background:#bbada0;border-radius:8px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:8px;aspect-ratio:1;margin:0 auto;width:100%;max-width:300px}.game-cell{background:#eee4da59;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#776e65;transition:all .15s ease-in-out;position:relative}.game-cell.moving{transition:transform .15s ease-in-out;z-index:10}.game-cell.merging{animation:mergeAnimation .2s ease-in-out;z-index:20}@keyframes mergeAnimation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.game-cell.spawning{animation:spawnAnimation .2s ease-in-out}@keyframes spawnAnimation{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;font-size:18px}.tile-256{background:#edcc61;color:#f9f6f2;font-size:18px}.tile-512{background:#edc850;color:#f9f6f2;font-size:18px}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:14px}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:14px}.game-over{position:absolute;top:0;left:0;right:0;bottom:0;background:#eee4dae6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;z-index:1000}.game-over h3{font-size:28px;color:#776e65;margin-bottom:8px}.game-over p{font-size:16px;color:#776e65;margin-bottom:16px}.restart-btn{background:#8f7a66;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.restart-btn:hover{background:#9f8a76}.game-over-buttons{display:flex;gap:12px;margin-top:16px}.back-to-main-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.back-to-main-btn:hover{background:#7c858c}.main-leaderboard{margin-top:20px;padding:15px;background:#faf8ef;border-radius:8px;border:2px solid #bbada0}.main-leaderboard h4{margin:0 0 15px;color:#776e65;font-size:16px;text-align:center}.main-leaderboard .leaderboard-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.main-leaderboard .leaderboard-item{display:flex;align-items:center;padding:8px;background:#eee4da;border-radius:6px;transition:background .2s}.main-leaderboard .leaderboard-item.current-user{background:#edc22e;color:#f9f6f2;font-weight:700}.main-leaderboard .leaderboard-item:hover{background:#ede0c8}.main-leaderboard .leaderboard-item.current-user:hover{background:#f2b179}.main-leaderboard .rank{width:24px;height:24px;background:#bbada0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;margin-right:10px}.main-leaderboard .leaderboard-item.current-user .rank{background:#8f7a66}.main-leaderboard .player-info{flex:1}.main-leaderboard .player-name{font-size:12px;font-weight:700;color:#776e65;margin-bottom:1px}.main-leaderboard .leaderboard-item.current-user .player-name{color:#f9f6f2}.main-leaderboard .player-score{font-size:10px;color:#8f7a66}.main-leaderboard .leaderboard-item.current-user .player-score{color:#f9f6f2}.main-leaderboard .loading,.main-leaderboard .error{text-align:center;color:#8f7a66;font-size:12px;padding:10px}.leaderboard-btn{background:gold;color:#333;padding:8px 12px;font-size:16px}.leaderboard-btn:hover{background:#ffed4e}.leaderboard-container{padding:20px;background:#faf8ef;font-family:Microsoft YaHei,sans-serif}.leaderboard-container h3{text-align:center;color:#776e65;margin-bottom:20px;font-size:20px}.leaderboard-list{display:flex;flex-direction:column;gap:8px}.leaderboard-item{display:flex;align-items:center;padding:12px;background:#eee4da;border-radius:8px;transition:background .2s}.leaderboard-item.current-user{background:#edc22e;color:#f9f6f2;font-weight:700}.leaderboard-item:hover{background:#ede0c8}.leaderboard-item.current-user:hover{background:#f2b179}.rank{width:30px;height:30px;background:#bbada0;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:12px}.leaderboard-item.current-user .rank{background:#8f7a66}.player-info{flex:1}.player-name{font-size:14px;font-weight:700;color:#776e65;margin-bottom:2px}.leaderboard-item.current-user .player-name{color:#f9f6f2}.player-score{font-size:12px;color:#8f7a66}.leaderboard-item.current-user .player-score{color:#f9f6f2}.desktop-icon[data-app=tetris] .icon-image{background:linear-gradient(135deg,#8e44ad,#5e3370);border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000004d}html[data-theme=dark] .desktop-icon[data-app=tetris] .icon-image{background:linear-gradient(135deg,#5e3370,#3d1a5e)!important;box-shadow:0 2px 8px #00000080!important}.tetris-container{display:flex;gap:15px;padding:10px;background:#f0f0f0;height:100%;font-family:Courier New,monospace}#tetris-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);width:250px;height:500px;background:#111;border:4px solid #555;border-radius:4px}.tetris-board-cell{background-color:#222;border:1px solid #333}.tetris-board-cell.T{background-color:#8e44ad}.tetris-board-cell.O{background-color:#f1c40f}.tetris-board-cell.L{background-color:#e67e22}.tetris-board-cell.J{background-color:#3498db}.tetris-board-cell.I{background-color:#1abc9c}.tetris-board-cell.S{background-color:#2ecc71}.tetris-board-cell.Z{background-color:#e74c3c}.tetris-sidebar{display:flex;flex-direction:column;gap:15px;color:#333}.tetris-sidebar-box{background:#ddd;padding:10px;border:2px solid #bbb;border-radius:4px;text-align:center}.tetris-sidebar-box h4{margin:0 0 10px;font-size:14px;text-transform:uppercase}#tetris-score,#tetris-level,#tetris-lines{font-size:18px;font-weight:700}#tetris-next-piece{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);width:80px;height:80px;background:#111}.tetris-game-over{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.window.xp-explorer-window .window-content{padding:0;overflow:hidden}.xp-explorer{display:flex;flex-direction:column;height:100%;background:#f0f0f0;font-family:Tahoma,Microsoft YaHei,sans-serif;font-size:11px}.xp-menu-bar{background:#ece9d8;border-bottom:1px solid #dcdcdc;padding:4px 6px;display:flex;gap:12px;color:#000;flex-shrink:0}.xp-menu-bar span{cursor:default}.xp-toolbar{background:linear-gradient(to bottom,#f3f3f3,#ece9d8);border-bottom:1px solid #c9c9c9;padding:4px;display:flex;gap:8px;align-items:center;flex-shrink:0}.xp-toolbar-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid transparent;border-radius:3px;cursor:pointer}.xp-toolbar-btn:hover{border-color:#b9b9b9;background:linear-gradient(to bottom,#fff,#f0f0f0)}.xp-toolbar-btn img{width:20px;height:20px}.xp-toolbar-btn span{font-size:11px}.xp-address-bar{background:#ece9d8;border-bottom:1px solid #c9c9c9;padding:4px 8px;display:flex;align-items:center;gap:8px;flex-shrink:0}.xp-address-bar label{color:#777}.xp-address-bar select{flex:1;font-family:Tahoma,sans-serif;font-size:11px;border:1px solid #b9b9b9}.xp-body{display:flex;flex:1;overflow:hidden;background:#fff}.xp-sidebar{width:200px;flex-shrink:0;background:linear-gradient(to bottom,#7ba2e7,#4477d8);color:#fff;padding:10px;overflow-y:auto;border-right:1px solid #a0a0a0}.xp-sidebar-group{background:linear-gradient(to bottom,#f3f7fd,#e6eefc);border:1px solid #9db5e6;border-radius:4px;margin-bottom:12px;box-shadow:0 1px 2px #0000001a}.xp-sidebar-header{background:linear-gradient(to bottom,#d8e5f7,#c4d7f3);border-bottom:1px solid #9db5e6;padding:6px 8px;font-weight:700;color:#0b2a66;font-size:11px}.xp-sidebar-content label{color:#333;font-size:11px;margin-bottom:4px;display:block}.xp-sidebar-content input,.xp-sidebar-content select{width:100%;font-family:Tahoma,sans-serif;font-size:11px;border:1px solid #9db5e6;border-radius:2px;padding:2px;background:#fff;color:#000;margin-top:4px}.xp-sidebar-link{color:#039;text-decoration:none;cursor:pointer;display:block;padding:4px 0;font-size:11px}.xp-sidebar-link:hover{text-decoration:underline}.xp-sidebar-link.danger{color:#b30000}.xp-sidebar-link[data-disabled=true]{color:#999;cursor:not-allowed;text-decoration:none}.xp-sidebar-link[data-disabled=true]:hover{text-decoration:none}.xp-main-content{flex:1;background:#fff;overflow:auto;border-left:1px solid #fff}.xp-main-content .file-list{padding:12px}.xp-status-bar{background:#ece9d8;border-top:1px solid #dcdcdc;padding:4px 8px;display:flex;gap:12px;color:#555;flex-shrink:0}html[data-theme=dark] .xp-explorer{background:#2a2a2a}html[data-theme=dark] .xp-menu-bar{background:#1e1e1e;color:#ddd;border-bottom:1px solid #444}html[data-theme=dark] .xp-toolbar{background:linear-gradient(to bottom,#3a3a3a,#2a2a2a);border-bottom:1px solid #444}html[data-theme=dark] .xp-toolbar-btn{color:#ddd}html[data-theme=dark] .xp-toolbar-btn:hover{border-color:#666;background:linear-gradient(to bottom,#4a4a4a,#3a3a3a)}html[data-theme=dark] .xp-address-bar{background:#2a2a2a;border-bottom:1px solid #444}html[data-theme=dark] .xp-address-bar label{color:#aaa}html[data-theme=dark] .xp-address-bar select{background:#3a3a3a;color:#ddd;border:1px solid #555}html[data-theme=dark] .xp-body{background:#2a2a2a}html[data-theme=dark] .xp-sidebar{background:linear-gradient(to bottom,#3a4a6a,#2a3a5a);color:#ddd;border-right:1px solid #444}html[data-theme=dark] .xp-sidebar-group{background:linear-gradient(to bottom,#3a3a3a,#303030);border:1px solid #555}html[data-theme=dark] .xp-sidebar-header{background:linear-gradient(to bottom,#4a4a4a,#404040);border-bottom:1px solid #555;color:#4a90e2}html[data-theme=dark] .xp-sidebar-content label{color:#ddd}html[data-theme=dark] .xp-sidebar-content input,html[data-theme=dark] .xp-sidebar-content select{background:#2a2a2a;color:#ddd;border:1px solid #555}html[data-theme=dark] .xp-sidebar-content select option{background:#2a2a2a;color:#ddd}html[data-theme=dark] .xp-sidebar-link{color:#4a90e2}html[data-theme=dark] .xp-sidebar-link.danger{color:#ff6b6b}html[data-theme=dark] .xp-sidebar-link[data-disabled=true]{color:#777}html[data-theme=dark] .xp-main-content{background:#2a2a2a;border-left:1px solid #3a3a3a}html[data-theme=dark] .xp-status-bar{background:#1e1e1e;border-top:1px solid #444;color:#aaa}.xp-sidebar-content{padding:10px;color:#000}.xp-sidebar-content label{color:#333;font-size:11px;display:block;margin-bottom:4px}.xp-sidebar-content input,.xp-sidebar-content select{font-size:11px;border:1px solid #9db5e6;border-radius:2px;padding:2px;width:100%;margin-top:4px;background:#fff;color:#000}