:root{--sky:#8cc4ef;--ink:#1f2c47;--ink-2:#4c5b78;--ink-3:#8593aa;--line:#d9e3ee;--win-bg:#fbfdff;--win-edge:#93aac7;--title-a:#e7f2fd;--title-b:#c9def6;--panel:#eef3f9;--btn-edge:#8da4c1;--accent:#3b7dd8;--accent-soft:#deecfc;--accent-ink:#1d4f96;--pink:#ff7fac;--note:#fff3ad;--note-2:#fde58a;--note-ink:#4d3d10;--menubar-h:36px;--taskbar-h:46px;--radius:8px;--shadow-win:0 18px 40px -18px #18386680, 0 3px 10px #1838661f;--shadow-win-hover:0 24px 48px -18px #1838668c, 0 4px 12px #18386629;--font-sans:system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", Menlo, "PingFang SC", "Microsoft YaHei", monospace;--font-hand:"LXGW WenKai Screen", "Kaiti SC", STKaiti, KaiTi, serif;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}html.has-max{overflow:hidden}body{min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:var(--sky);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}body:before{content:"";z-index:-1;background:url(/wallpaper.png) center bottom / cover no-repeat, linear-gradient(#6fb1ea, var(--sky));image-rendering:pixelated;position:fixed;inset:0}img,svg,video,canvas{max-width:100%;display:block}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.desk{max-width:1140px;padding:24px 20px calc(var(--taskbar-h) + 40px);margin:0 auto}.win{background:var(--win-bg);border:1px solid var(--win-edge);border-radius:var(--radius);min-width:0;box-shadow:var(--shadow-win);flex-direction:column;display:flex;overflow:hidden}.win-title{background:linear-gradient(var(--title-a), var(--title-b));border-bottom:1px solid var(--win-edge);height:34px;color:var(--ink);user-select:none;flex-shrink:0;align-items:center;gap:8px;padding:0 6px 0 10px;font-size:14px;font-weight:600;display:flex}.win-name{min-width:0;font-size:inherit;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.win-ctrls{gap:4px;display:flex}.win-btn{border:1px solid var(--btn-edge);width:24px;height:22px;color:var(--ink);cursor:pointer;background:linear-gradient(#fff,#edf2f8);border-radius:4px;place-items:center;padding:0;display:grid;box-shadow:inset 1px 1px #fff}.win-btn:hover{border-color:var(--accent);background:#fff}.win-btn:active{box-shadow:inset 1px 1px 2px #00000026}.win-btn[data-win-action=close]:hover{color:#fff;background:#ff7a7a;border-color:#d94c4c}.win-body{flex:1;min-height:0}.win-status{background:var(--panel);border-top:1px solid var(--line);color:var(--ink-2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex}.status-cell{border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;background:#fff;border-radius:3px;padding:1px 8px}.status-spacer{flex:1}.win.is-min{display:none}.win.is-max{inset:calc(var(--menubar-h) + 8px) 8px calc(var(--taskbar-h) + 8px);z-index:60;position:fixed;transform:none!important}.btn{font:inherit;color:var(--ink);border:1px solid var(--btn-edge);cursor:pointer;white-space:nowrap;background:linear-gradient(#fff,#e9f0f8);border-radius:5px;align-items:center;gap:6px;padding:5px 14px;font-size:14px;text-decoration:none;display:inline-flex;box-shadow:inset 0 -1px #0000000d}.btn:hover{border-color:var(--accent);background:#fff}.btn:active{transform:translateY(1px)}.btn--primary{color:#fff;background:linear-gradient(#5b9ae8,#3b7dd8);border-color:#2f69ba}.btn--primary:hover{background:linear-gradient(#6aa5ee,#4588e0);border-color:#2f69ba}.chip{font:inherit;color:var(--ink);border:1px solid var(--btn-edge);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 13px;font-size:14px;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.chip-count{opacity:.7;font-size:12px}.badge{color:var(--accent-ink);background:var(--accent-soft);white-space:nowrap;border:1px solid #bcd5f4;border-radius:999px;align-items:center;gap:4px;padding:1px 9px;font-size:12px;font-weight:500;display:inline-flex}.sticky{font-family:var(--font-hand);color:var(--note-ink);background:linear-gradient(170deg, var(--note), var(--note-2));border-radius:2px 2px 6px 18px/2px 2px 6px 12px;padding:26px 22px 20px;font-size:17px;line-height:1.75;position:relative;transform:rotate(-1.5deg);box-shadow:0 14px 24px -14px #5a460a8c,0 2px 4px #5a460a1f}.sticky:before{content:"";background:radial-gradient(circle at 35% 35%,#ffb3cc,#e2548a 55%,#a8305f);border-radius:50%;width:18px;height:18px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #00000040}.sticky p{margin:0 0 .6em}.sticky p:last-child{margin-bottom:0}.sticky a{color:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
