.control-panel[data-v-3f935e5a]{z-index:10000;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.panel-body[data-v-3f935e5a]{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-inset), var(--glass-depth), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-radius:14px;align-items:stretch;gap:8px;padding:10px;display:flex}.selector[data-v-3f935e5a]{flex-direction:column;gap:6px;min-width:0;display:flex}.selector-label[data-v-3f935e5a]{color:var(--text-tertiary);letter-spacing:.5px;padding:0 2px;font-size:11px;font-weight:600}.option-row[data-v-3f935e5a]{gap:4px;display:flex}.option-btn[data-v-3f935e5a]{border:1px solid var(--border-light);background:var(--bg-subtle);min-width:48px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;transition:background-color .2s,border-color .2s,color .2s,transform .15s;display:inline-flex}.option-btn[data-v-3f935e5a]:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.option-btn.active[data-v-3f935e5a]{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--accent-solid) 40%, transparent)}.icon[data-v-3f935e5a]{fill:currentColor;width:18px;height:18px}.option-text[data-v-3f935e5a]{white-space:nowrap;font-size:10px;font-weight:500}.selector-sling[data-v-3f935e5a]{justify-content:center}.sling-slider[data-v-3f935e5a]{width:110px;accent-color:var(--accent);cursor:pointer;margin:auto 0}.toggle-btn[data-v-3f935e5a]{border:1px solid var(--glass-border);background:var(--glass-bg);width:44px;height:44px;color:var(--accent);cursor:pointer;box-shadow:var(--glass-inset), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .25s,background-color .2s,color .2s;display:inline-flex}.toggle-btn[data-v-3f935e5a]:hover{transform:rotate(45deg)scale(1.05)}.toggle-btn.active[data-v-3f935e5a]{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff;transform:rotate(45deg)}.toggle-icon[data-v-3f935e5a]{fill:currentColor;width:22px;height:22px}.panel-pop-enter-active[data-v-3f935e5a],.panel-pop-leave-active[data-v-3f935e5a]{transition:opacity .22s,transform .22s}.panel-pop-enter-from[data-v-3f935e5a],.panel-pop-leave-to[data-v-3f935e5a]{opacity:0;transform:translate(8px)scale(.96)}@media (width<=480px){.control-panel[data-v-3f935e5a]{bottom:12px;right:12px}.option-btn[data-v-3f935e5a]{min-width:42px;padding:5px 6px}.option-text[data-v-3f935e5a]{font-size:9px}}.theme-backdrop{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.tb-layer{opacity:0;transition:opacity .5s;position:absolute;inset:0}.tb-layer:before,.tb-layer:after{content:"";opacity:0;transition:opacity .5s;position:absolute;inset:0}.tb-base{background:linear-gradient(180deg, var(--scene-bg-1), var(--scene-bg-2) 45%, var(--scene-bg-3))}.tb-base:before{background:radial-gradient(120% 90% at 72% 12%, var(--scene-fog-1) 0%, transparent 62%);opacity:0}html[data-theme=light] .tb-base,html[data-theme=dark] .tb-base,html[data-theme=eye-care] .tb-base{opacity:1}html[data-theme=dark] .tb-base:before{opacity:.12}.tb-fog:before,.tb-fog:after{opacity:.7;background-repeat:no-repeat}.tb-fog:before{background-image:radial-gradient(closest-side, var(--scene-fog-1) 0%, transparent 70%), radial-gradient(closest-side, var(--scene-fog-2) 0%, transparent 70%);background-position:6% 10%,88% 58%;background-size:62vw 62vw,46vw 46vw;animation:55s linear infinite alternate tbFogDrift,26s ease-in-out infinite alternate tbFogBreath}.tb-fog:after{background-image:radial-gradient(closest-side, var(--scene-fog-1) 0%, transparent 70%);background-position:44% 94%;background-size:70vw 54vw;animation:90s linear infinite alternate tbFogDrift,26s ease-in-out infinite alternate tbFogBreath}.tb-rain{inset:-240px 0 0}.tb-rain:before{background-image:repeating-linear-gradient(180deg, var(--scene-rain) 0, var(--scene-rain) 62px, transparent 62px, transparent 240px);opacity:.18;background-size:100% 240px;animation:6s linear infinite tbRainFall;-webkit-mask-image:repeating-linear-gradient(102deg,#0000 0 6px,#000 6px 7px,#0000 7px 14px);mask-image:repeating-linear-gradient(102deg,#0000 0 6px,#000 6px 7px,#0000 7px 14px)}.tb-stars:before,.tb-stars:after{opacity:.7;background-repeat:no-repeat}.tb-stars:before{background-image:radial-gradient(2.6px 2.6px at 17% 71%, var(--scene-star), transparent 100%), radial-gradient(2px 2px at 83% 12%, var(--scene-star), transparent 100%), radial-gradient(2.8px 2.8px at 44% 33%, var(--scene-star), transparent 100%), radial-gradient(2px 2px at 66% 88%, var(--scene-star), transparent 100%), radial-gradient(2.4px 2.4px at 9% 46%, var(--scene-star), transparent 100%), radial-gradient(2px 2px at 92% 63%, var(--scene-star), transparent 100%), radial-gradient(2.8px 2.8px at 31% 8%, var(--scene-star), transparent 100%);background-position:0 0;background-size:100% 100%;animation:9s ease-in-out infinite alternate tbTwinkle}.tb-stars:after{background-image:radial-gradient(2px 2px at 27% 24%, var(--scene-star), transparent 100%), radial-gradient(2.8px 2.8px at 58% 57%, var(--scene-star), transparent 100%), radial-gradient(2px 2px at 74% 41%, var(--scene-star), transparent 100%), radial-gradient(2.4px 2.4px at 12% 92%, var(--scene-star), transparent 100%), radial-gradient(2px 2px at 96% 78%, var(--scene-star), transparent 100%), radial-gradient(2.4px 2.4px at 39% 66%, var(--scene-star), transparent 100%), radial-gradient(2px 2px at 68% 15%, var(--scene-star), transparent 100%);background-position:30% 60%;background-size:120% 120%;animation:15s ease-in-out infinite alternate tbTwinkle}.tb-grass:before,.tb-grass:after{opacity:1;background-repeat:no-repeat}.tb-grass:before{background-image:radial-gradient(54vw 42vw at 12% 16%, var(--scene-grass-1) 0%, transparent 55%, transparent 100%), radial-gradient(48vw 36vw at 82% 22%, var(--scene-grass-2) 0%, transparent 55%, transparent 100%), radial-gradient(62vw 40vw at 58% 78%, var(--scene-grass-3) 0%, transparent 55%, transparent 100%), radial-gradient(40vw 44vw at 6% 88%, var(--scene-grass-2) 0%, transparent 55%, transparent 100%);animation:30s ease-in-out infinite alternate tbGrassBreath}.tb-grass:after{background-image:radial-gradient(44vw 34vw at 92% 62%, var(--scene-grass-1) 0%, transparent 55%, transparent 100%), radial-gradient(36vw 30vw at 34% 6%, var(--scene-grass-3) 0%, transparent 55%, transparent 100%), radial-gradient(52vw 38vw at 70% 96%, var(--scene-grass-2) 0%, transparent 55%, transparent 100%);animation:30s ease-in-out -14s infinite alternate tbGrassBreath}html[data-theme=light] .tb-fog,html[data-theme=light] .tb-rain,html[data-theme=dark] .tb-stars,html[data-theme=eye-care] .tb-grass{opacity:1}html:not([data-theme=light]) .tb-fog:before,html:not([data-theme=light]) .tb-fog:after,html:not([data-theme=light]) .tb-rain:before,html:not([data-theme=dark]) .tb-stars:before,html:not([data-theme=dark]) .tb-stars:after,html:not([data-theme=eye-care]) .tb-grass:before,html:not([data-theme=eye-care]) .tb-grass:after{animation-play-state:paused}@keyframes tbFogDrift{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes tbFogBreath{0%{opacity:.55}to{opacity:.85}}@keyframes tbRainFall{0%{transform:translate(0,0)}to{transform:translateY(240px)}}@keyframes tbTwinkle{0%{opacity:.45}to{opacity:1}}@keyframes tbGrassBreath{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.03)translate(1.5%,-1%)}}@media (prefers-reduced-motion:reduce){.tb-layer,.tb-layer:before,.tb-layer:after{animation:none!important}}@media (width<=768px){.tb-rain{display:none}html[data-theme=light] .tb-fog{opacity:.6}html[data-theme=dark] .tb-stars{opacity:.55}html[data-theme=eye-care] .tb-grass{opacity:.6}}.mouse-fx-canvas[data-v-69409fde]{pointer-events:none;z-index:9990;width:100%;height:100%;position:fixed;inset:0}.pet-sprite-frame[data-v-c1e1b10c]{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.pet-widget[data-v-1baf9185]{z-index:90;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.pet-widget-loading[data-v-1baf9185]{opacity:.6;font-size:40px;animation:2s ease-in-out infinite petFloat-1baf9185}.pet-drag-line[data-v-1baf9185]{z-index:89;pointer-events:none;position:fixed;inset:0}.pet-restore[data-v-1baf9185]{z-index:90;border:1px solid var(--border-light);background:var(--bg-card);width:48px;height:48px;box-shadow:var(--shadow-hover);cursor:pointer;border-radius:50%;font-size:22px;transition:transform .2s,box-shadow .2s;position:fixed;bottom:24px;right:24px}.pet-restore[data-v-1baf9185]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.pet-bubble[data-v-1baf9185]{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);max-width:220px;box-shadow:var(--shadow-hover);word-break:break-word;border-radius:12px;padding:8px 12px;font-size:13px;position:absolute;bottom:calc(100% + 8px);right:0}.pet-sprite[data-v-1baf9185]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:96px;height:104px;transition:transform .2s;animation:2.4s ease-in-out infinite petFloat-1baf9185;display:flex;position:relative}.pet-sprite[data-v-1baf9185]:hover{transform:translateY(-2px)scale(1.03)}.pet-sprite.no-float[data-v-1baf9185]{animation:none}.pet-sprite[data-v-1baf9185]:active{cursor:grabbing}.pet-sprite.shake[data-v-1baf9185]{animation:2.4s ease-in-out infinite petFloat-1baf9185,.35s petShake-1baf9185}@keyframes petShake-1baf9185{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.pet-popover[data-v-1baf9185]{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-hover);border-radius:12px;flex-direction:column;gap:8px;min-width:180px;padding:10px;display:flex;position:absolute;bottom:0;right:calc(100% + 8px)}.pet-info[data-v-1baf9185]{flex-direction:column;gap:2px;padding:2px 4px;display:flex}.pet-name[data-v-1baf9185]{color:var(--text-primary);font-size:14px;font-weight:600}.pet-level[data-v-1baf9185]{color:var(--accent);margin-left:4px;font-size:12px;font-weight:500}.pet-stats[data-v-1baf9185]{color:var(--text-tertiary);font-size:12px}.pet-actions[data-v-1baf9185]{gap:6px;display:flex}.pet-actions .pet-act[data-v-1baf9185]{white-space:nowrap;flex:1}.pet-act[data-v-1baf9185]{border:1px solid var(--border-light);background:var(--bg-subtle);color:var(--text-regular);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:13px;transition:background-color .15s,color .15s,border-color .15s}.pet-act[data-v-1baf9185]:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.pet-act-sm[data-v-1baf9185]{padding:6px 10px}.pet-rename[data-v-1baf9185]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pet-rename-input[data-v-1baf9185]{border:1px solid var(--border-base);background:var(--bg-input);color:var(--text-primary);border-radius:8px;outline:none;flex:100%;padding:6px 8px;font-size:13px}.pet-rename-input[data-v-1baf9185]:focus{border-color:var(--accent)}.pet-rename-error[data-v-1baf9185]{color:var(--danger);flex:100%;margin:0;font-size:12px}@keyframes petFloat-1baf9185{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pet-float[data-v-1baf9185]{z-index:91;color:var(--accent);pointer-events:none;text-shadow:0 1px 4px #00000026;font-size:13px;font-weight:600;animation:.9s ease-out forwards petFloatUp-1baf9185;position:fixed;transform:translate(-50%,-100%)}@keyframes petFloatUp-1baf9185{0%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,calc(-100% - 32px))}}.bubble-enter-active[data-v-1baf9185],.bubble-leave-active[data-v-1baf9185]{transition:opacity .2s,transform .2s}.bubble-enter-from[data-v-1baf9185],.bubble-leave-to[data-v-1baf9185]{opacity:0;transform:translateY(6px)}.popover-enter-active[data-v-1baf9185],.popover-leave-active[data-v-1baf9185]{transition:opacity .15s,transform .15s}.popover-enter-from[data-v-1baf9185],.popover-leave-to[data-v-1baf9185]{opacity:0;transform:translateY(8px)}@media (width<=768px){.pet-widget[data-v-1baf9185],.pet-restore[data-v-1baf9185]{bottom:12px;right:12px}.pet-sprite[data-v-1baf9185]{width:72px;height:78px}}.site-header[data-v-63fc258a]{background:var(--bg-header);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-inset), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));z-index:100;border-radius:0;transition:background-color .3s,border-color .3s;position:sticky;top:0}.header-inner[data-v-63fc258a]{align-items:center;gap:24px;height:64px;display:flex}.logo[data-v-63fc258a]{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.logo-text[data-v-63fc258a]{color:var(--text-primary);letter-spacing:.5px;font-size:18px;font-weight:700}.nav[data-v-63fc258a]{flex:1;align-items:center;gap:8px;display:flex}.nav-item[data-v-63fc258a]{color:var(--text-secondary);border-radius:6px;align-items:center;gap:4px;padding:8px 14px;font-size:14px;text-decoration:none;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.nav-item[data-v-63fc258a]:hover,.nav-item[data-v-63fc258a]:focus-visible{background:var(--bg-subtle);color:var(--accent);box-shadow:var(--glass-inset);text-decoration:none}.nav-item.active[data-v-63fc258a]{background:var(--accent-bg);color:var(--accent);font-weight:500}.user-area[data-v-63fc258a]{flex-shrink:0;align-items:center;gap:8px;display:flex}.user-info[data-v-63fc258a]{align-items:center;gap:8px;margin-right:4px;display:flex}.avatar[data-v-63fc258a]{object-fit:cover;border:2px solid var(--border-light);border-radius:50%;width:32px;height:32px}.avatar-fallback[data-v-63fc258a]{background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.user-nickname[data-v-63fc258a]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;font-weight:500;overflow:hidden}@media (width<=768px){.header-inner[data-v-63fc258a]{gap:6px;height:56px;padding:0 12px}.logo-text[data-v-63fc258a]{font-size:15px}.nav[data-v-63fc258a]{gap:2px}.nav-item[data-v-63fc258a]{padding:6px 8px;font-size:13px}.user-nickname[data-v-63fc258a]{display:none}}.app-layout[data-v-53d9e9cb]{flex-direction:column;min-height:100vh;display:flex}.main[data-v-53d9e9cb]{flex:1;padding:24px 0}.main-inner[data-v-53d9e9cb]{display:block}.content[data-v-53d9e9cb]{width:100%;min-width:0}.fade-enter-active[data-v-53d9e9cb],.fade-leave-active[data-v-53d9e9cb]{transition:opacity .2s}.fade-enter-from[data-v-53d9e9cb],.fade-leave-to[data-v-53d9e9cb]{opacity:0}@media (width<=768px){.main[data-v-53d9e9cb]{padding:16px 0}}:root,[data-theme=light]{--scene-bg-1:#e9eef5;--scene-bg-2:#dde4ee;--scene-bg-3:#ccd6e2;--scene-fog-1:#ffffffb8;--scene-fog-2:#aebed380;--scene-rain:#60748c8c;--scene-star:transparent;--scene-grass-1:transparent;--scene-grass-2:transparent;--scene-grass-3:transparent;--glass-bg:#fcfdffb3;--glass-bg-strong:#fcfdffed;--glass-border:#8ca0b857;--glass-highlight:#fffffff2;--glass-highlight-grad:linear-gradient(180deg, #ffffffd9, #fff0 58%);--glass-inset:inset 0 1px 0 #fff;--glass-depth:inset 0 -2px 6px -2px #5a6e8c47;--glass-shadow:0 18px 40px -20px #34486273, 0 6px 14px -8px #34486238;--glass-shadow-hover:0 24px 50px -20px #3448628c, 0 8px 18px -8px #34486242;--glass-blur:16px;--glass-blur-card:10px;--glass-sat:140%;--bg-page:#dde4ee;--bg-card:var(--glass-bg);--bg-header:#fafcffbd;--bg-subtle:#8c9eb624;--bg-input:var(--glass-bg-strong);--bg-auth-grad-1:#eef3fa;--bg-auth-grad-2:#e2e9f3;--bg-404-grad-1:#e6ecf5;--bg-404-grad-2:#ccd6e2;--text-primary:#161d28;--text-regular:#26303d;--text-secondary:#46525f;--text-tertiary:#57636f;--border-base:#788ca557;--border-light:#788ca538;--border-lighter:#ffffff9e;--accent:#2b67ab;--accent-hover:#1e5289;--accent-bg:#2b67ab1f;--accent-border:#2b67ab47;--accent-solid:#2b67ab;--danger:#b0342a;--danger-bg:#b0342a1a;--danger-border:#b0342a42;--danger-solid:#b0342a;--success:#1f6b3a;--warning:#8a5f0e;--shadow-card:var(--glass-shadow);--shadow-hover:var(--glass-shadow-hover);--shadow-auth:0 18px 48px -20px #3448626b;--hover-overlay:#2b67ab14}[data-theme=dark]{--scene-bg-1:#070a12;--scene-bg-2:#0b1020;--scene-bg-3:#131c2e;--scene-fog-1:#4866a01a;--scene-fog-2:#1c2a4c33;--scene-rain:transparent;--scene-star:#d6e8fff2;--scene-grass-1:transparent;--scene-grass-2:transparent;--scene-grass-3:transparent;--glass-bg:#1e263699;--glass-bg-strong:#161c2ae6;--glass-border:#ffffff29;--glass-highlight:#ffffff29;--glass-highlight-grad:linear-gradient(180deg, #ffffff1a, #fff0 60%);--glass-inset:inset 0 1px 0 #ffffff38;--glass-depth:inset 0 -2px 8px -2px #0000008c;--glass-shadow:0 18px 44px -18px #000000e6, 0 6px 14px -8px #00000080;--glass-shadow-hover:0 24px 54px -18px #000000f2, 0 8px 18px -8px #0000008c;--glass-blur:16px;--glass-blur-card:10px;--glass-sat:130%;--bg-page:#0b1020;--bg-card:var(--glass-bg);--bg-header:#101521bd;--bg-subtle:#7896c81a;--bg-input:var(--glass-bg-strong);--bg-auth-grad-1:#0b1020;--bg-auth-grad-2:#070a12;--bg-404-grad-1:#070a12;--bg-404-grad-2:#131c2e;--text-primary:#eef2f9;--text-regular:#dde4ee;--text-secondary:#a9b4c5;--text-tertiary:#8e99ab;--border-base:#96aac83d;--border-light:#96aac829;--border-lighter:#ffffff14;--accent:#79b6f2;--accent-hover:#9ac9f7;--accent-bg:#79b6f224;--accent-border:#79b6f24d;--accent-solid:#1d4f86;--danger:#f2938f;--danger-bg:#f2938f1f;--danger-border:#f2938f4d;--danger-solid:#9c3c3c;--success:#85c96a;--warning:#e6b856;--shadow-card:var(--glass-shadow);--shadow-hover:var(--glass-shadow-hover);--shadow-auth:0 20px 52px -20px #000000e6;--hover-overlay:#ffffff0f}[data-theme=eye-care]{--scene-bg-1:#bccfb6;--scene-bg-2:#aac0a4;--scene-bg-3:#c8d8c1;--scene-fog-1:#e2eeda4d;--scene-fog-2:#8caa822e;--scene-rain:transparent;--scene-star:transparent;--scene-grass-1:#d8e8ced9;--scene-grass-2:#7c9c748c;--scene-grass-3:#a0be9499;--glass-bg:#f0f7ecb8;--glass-bg-strong:#f4f9f1f0;--glass-border:#78946e4d;--glass-highlight:#ffffffe6;--glass-highlight-grad:linear-gradient(180deg, #fffc, #fff0 58%);--glass-inset:inset 0 1px 0 #fff;--glass-depth:inset 0 -2px 6px -2px #48663e47;--glass-shadow:0 18px 40px -20px #2e482873, 0 6px 14px -8px #2e482838;--glass-shadow-hover:0 24px 50px -20px #2e48288c, 0 8px 18px -8px #2e482842;--glass-blur:16px;--glass-blur-card:10px;--glass-sat:135%;--bg-page:#aac0a4;--bg-card:var(--glass-bg);--bg-header:#ecf5e8bd;--bg-subtle:#5a78501f;--bg-input:var(--glass-bg-strong);--bg-auth-grad-1:#c8d8c1;--bg-auth-grad-2:#bccfb6;--bg-404-grad-1:#bccfb6;--bg-404-grad-2:#aac0a4;--text-primary:#1b2a18;--text-regular:#27371f;--text-secondary:#43563b;--text-tertiary:#4d6043;--border-base:#5a78504d;--border-light:#5a785033;--border-lighter:#ffffff80;--accent:#2d6a3f;--accent-hover:#245530;--accent-bg:#2d6a3f1f;--accent-border:#2d6a3f42;--accent-solid:#2d6a3f;--danger:#a34444;--danger-bg:#a344441a;--danger-border:#a344443d;--danger-solid:#9a3f3f;--success:#226034;--warning:#7d5a12;--shadow-card:var(--glass-shadow);--shadow-hover:var(--glass-shadow-hover);--shadow-auth:0 18px 48px -20px #34502c6b;--hover-overlay:#2d6a3f14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{color:var(--text-regular);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:LXGW WenKai Lite,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400;line-height:1.5;transition:background-color .3s,color .3s}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:LXGW WenKai Lite,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-weight:700}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-16{padding:16px}.p-24{padding:24px}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-inset), inset 0 30px 28px -24px var(--glass-highlight), var(--glass-depth), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border-radius:12px;transition:background-color .35s,border-color .35s,box-shadow .25s,transform .18s;position:relative}.glass-panel:hover{box-shadow:var(--glass-inset), inset 0 30px 28px -24px var(--glass-highlight), var(--glass-depth), var(--glass-shadow-hover)}.glass-lift:hover{transform:translateY(-2px)}.card{background:var(--glass-bg);box-shadow:var(--glass-inset), inset 0 30px 28px -24px var(--glass-highlight), var(--glass-depth), var(--glass-shadow);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur-card)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur-card)) saturate(var(--glass-sat));border-radius:8px;padding:24px;transition:background-color .3s,border-color .3s,box-shadow .2s,transform .15s}.btn{border:1px solid var(--glass-border);cursor:pointer;background:var(--glass-bg);color:var(--text-primary);box-shadow:var(--glass-inset);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent-solid);color:#fff;border-color:var(--accent-solid)}.btn-primary:hover:not(:disabled){background:var(--accent-solid);border-color:var(--accent-solid);color:#fff;filter:brightness(.92)}.btn-outline{border-color:var(--border-base);color:var(--text-secondary);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--danger-solid);color:#fff;border-color:var(--danger-solid)}.btn-danger:hover:not(:disabled){background:var(--danger-solid);filter:brightness(.9);border-color:var(--danger-solid);color:#fff}.btn-sm{padding:4px 12px;font-size:12px}.form-item{margin-bottom:16px}.form-label{color:var(--text-primary);margin-bottom:6px;font-weight:500;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--border-base);width:100%;color:var(--text-primary);background:var(--glass-bg-strong);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s,background-color .3s,color .3s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-error{color:var(--danger);margin-top:4px;font-size:12px}.tag{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);box-shadow:inset 0 1px 0 var(--glass-highlight);border-radius:12px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag-sm{padding:0 8px;font-size:11px}.pagination{justify-content:center;align-items:center;gap:4px;padding:16px 0;display:flex}.pagination-btn{border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;min-width:32px;height:32px;color:var(--text-secondary);box-shadow:var(--glass-inset);border-radius:4px;padding:0 8px;font-size:13px;transition:background-color .2s,border-color .2s,color .2s}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-btn.active{background:var(--accent-solid);border-color:var(--accent-solid);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-tertiary);margin:0 8px;font-size:13px}@media (width<=768px){.container{padding:0 12px}.card{padding:16px}.hide-sm{display:none}.glass-panel,.card,.btn,.pagination-btn{-webkit-backdrop-filter:none;backdrop-filter:none}.glass-panel,.card{background:var(--glass-bg-strong)}:root{--glass-blur:0px;--glass-blur-card:0px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel,.card{background:var(--glass-bg-strong)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}