: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)}}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}:root{--color-primary:#409eff;--color-primary-light:#ecf5ff;--color-primary-bg:#409eff14;--color-sidebar-bg:#fff;--color-sidebar-width:200px;--color-sidebar-collapsed-width:0px;--color-sidebar-hover:#f5f7fa;--color-sidebar-active:#ecf5ff;--color-sidebar-active-indicator:#409eff;--color-sidebar-text:#303133;--color-sidebar-text-secondary:#606266;--color-sidebar-divider:#e4e7ed;--color-topbar-height:56px;--color-topbar-bg:#ffffffbf;--color-page-bg:#f5f7fa;--color-text-primary:#303133;--color-text-secondary:#606266;--color-text-tertiary:#909399;--color-border:#0000000f;--color-topbar-divider:#0000000f;--radius-sm:6px;--radius-md:8px;--shadow-sm:0 1px 3px #0000000a;--shadow-topbar:0 1px 4px #0000000a;--transition-fast:.2s ease;--transition-base:.3s ease;--sidebar-expand-btn-size:40px;--sidebar-expand-btn-bg:#ffffffd9}*,:before,:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text-primary);background:var(--color-page-bg);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:14px;line-height:1.6}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#0003}#app{min-height:100vh}.side-nav[data-v-f38807c4]{width:var(--color-sidebar-width);min-width:var(--color-sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-divider);height:100vh;transition:width var(--transition-base), min-width var(--transition-base), background-color var(--transition-base), opacity var(--transition-base);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.side-nav.collapsed[data-v-f38807c4]{opacity:0;border-right:none;width:0;min-width:0}.brand[data-v-f38807c4]{border-bottom:1px solid var(--color-sidebar-divider);flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 20px;display:flex}.brand-icon[data-v-f38807c4]{color:var(--color-primary);flex-shrink:0;font-size:18px}.brand-text[data-v-f38807c4]{color:var(--color-primary);white-space:nowrap;font-size:16px;font-weight:700}.nav-list[data-v-f38807c4]{flex:1;padding:8px 0;overflow-y:auto}.nav-item[data-v-f38807c4]{cursor:pointer;height:44px;color:var(--color-sidebar-text-secondary);transition:all var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;padding:0 20px;display:flex;position:relative}.nav-item[data-v-f38807c4]:before{content:"";background:var(--color-sidebar-active-indicator);width:3px;height:0;transition:height var(--transition-fast);border-radius:0 2px 2px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item[data-v-f38807c4]:hover{background:var(--color-sidebar-hover);color:var(--color-sidebar-text)}.nav-item.active[data-v-f38807c4]{background:var(--color-sidebar-active);color:var(--color-primary);font-weight:600}.nav-item.active[data-v-f38807c4]:before{height:20px}.nav-icon[data-v-f38807c4]{flex-shrink:0}.nav-label[data-v-f38807c4]{font-size:14px}.collapse-btn[data-v-f38807c4]{cursor:pointer;height:48px;color:var(--color-text-tertiary);border-top:1px solid var(--color-sidebar-divider);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;padding:0 20px;display:flex}.collapse-btn[data-v-f38807c4]:hover{background:var(--color-sidebar-hover);color:var(--color-text-secondary)}.collapse-label[data-v-f38807c4]{font-size:13px}.sidebar-expand-btn[data-v-7bd5b7b7]{z-index:1000;width:var(--sidebar-expand-btn-size);height:var(--sidebar-expand-btn-size);background:var(--sidebar-expand-btn-bg);-webkit-backdrop-filter:blur(8px);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:16px;left:12px;box-shadow:0 2px 8px #0000001a}.sidebar-expand-btn[data-v-7bd5b7b7]:hover{color:var(--color-primary);transform:scale(1.05);box-shadow:0 4px 12px #00000026}.top-bar[data-v-98fbadbc]{height:var(--color-topbar-height);background:var(--color-topbar-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-topbar-divider);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.top-bar-left[data-v-98fbadbc]{flex:1;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.top-menu-item[data-v-98fbadbc]{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:14px;display:flex;position:relative}.top-menu-item[data-v-98fbadbc]:hover{background:var(--color-primary-bg);color:var(--color-primary)}.top-menu-item.active[data-v-98fbadbc]{color:var(--color-primary);font-weight:500}.top-menu-item.active[data-v-98fbadbc]:after{content:"";background:var(--color-primary);border-radius:1px;width:60%;height:2px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.top-bar-right[data-v-98fbadbc]{flex-shrink:0;align-items:center;margin-left:16px;display:flex}.user-dropdown-trigger[data-v-98fbadbc]{cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast);align-items:center;gap:4px;padding:4px 8px;display:flex}.user-dropdown-trigger[data-v-98fbadbc]:hover{background:var(--color-primary-bg)}.username[data-v-98fbadbc]{font-size:14px}.floating-user-menu[data-v-3b796bb5]{z-index:999;position:fixed;top:16px;right:24px}.user-trigger[data-v-3b796bb5]{-webkit-backdrop-filter:blur(8px);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);color:var(--color-text-primary);background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000001a}.user-trigger[data-v-3b796bb5]:hover{color:var(--color-primary);box-shadow:0 4px 12px #00000026}.avatar[data-v-3b796bb5]{line-height:1}.loading-mask[data-v-bf937343]{background:var(--color-page-bg);min-height:100vh}.app-layout[data-v-bf937343]{min-height:100vh;display:flex}.app-right[data-v-bf937343]{flex-direction:column;flex:1;width:100%;min-width:0;display:flex}.app-main[data-v-bf937343]{flex:1;padding:0;overflow-y:auto}.app-main.no-topbar[data-v-bf937343]{min-height:100vh}