.navbar[data-v-5e54d298]{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);z-index:200}.navbar-inner[data-v-5e54d298]{max-width:600px;margin:0 auto;padding:0 16px;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-logo[data-v-5e54d298]{font-size:1.25rem;font-weight:700;color:var(--color-primary);text-decoration:none}.navbar-logo[data-v-5e54d298]:hover{opacity:.8}.navbar-desktop[data-v-5e54d298]{display:flex;align-items:center;gap:12px}.navbar-search[data-v-5e54d298]{position:relative;flex:1;max-width:200px}.navbar-search .search-icon[data-v-5e54d298]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-tertiary);pointer-events:none}.navbar-search input[data-v-5e54d298]{width:100%;height:var(--tap-target-min);padding:0 12px 0 36px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-secondary);font-size:.875rem;color:var(--color-text-primary)}.navbar-search input[data-v-5e54d298]:focus{border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-primary)}.navbar-search input[data-v-5e54d298]::placeholder{color:var(--color-text-tertiary)}.navbar-username[data-v-5e54d298]{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-logout[data-v-5e54d298]{height:var(--tap-target-min);padding:0 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.navbar-logout[data-v-5e54d298]:hover{border-color:var(--color-danger);color:var(--color-danger);background:var(--color-danger-light)}.hamburger-btn[data-v-5e54d298]{display:none;width:var(--tap-target-min);height:var(--tap-target-min);border:none;background:transparent;padding:10px;border-radius:var(--radius-md);flex-direction:column;justify-content:space-around;align-items:center}.hamburger-btn[data-v-5e54d298]:hover{background:var(--color-bg-hover)}.hamburger-line[data-v-5e54d298]{display:block;width:20px;height:2px;background:var(--color-text-primary);border-radius:2px;transition:all var(--transition-normal)}.mobile-menu-overlay[data-v-5e54d298]{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:#0006;z-index:150;animation:fadeIn var(--transition-fast)}.mobile-menu[data-v-5e54d298]{position:fixed;top:var(--navbar-height);right:0;width:280px;max-width:calc(100vw - 60px);height:calc(100vh - var(--navbar-height));background:var(--color-bg-primary);box-shadow:var(--shadow-xl);z-index:180;padding:16px;transform:translate(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;gap:16px}.mobile-menu.active[data-v-5e54d298]{transform:translate(0)}.mobile-menu-header[data-v-5e54d298]{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.mobile-menu-username[data-v-5e54d298]{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.mobile-menu-close[data-v-5e54d298]{width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;display:flex;align-items:center;justify-content:center}.mobile-menu-close[data-v-5e54d298]:hover{background:var(--color-bg-hover)}.mobile-menu-close svg[data-v-5e54d298]{width:20px;height:20px;color:var(--color-text-secondary)}.mobile-menu-search[data-v-5e54d298]{position:relative}.mobile-menu-search .search-icon[data-v-5e54d298]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-tertiary);pointer-events:none}.mobile-menu-search input[data-v-5e54d298]{width:100%;height:var(--tap-target-min);padding:0 12px 0 40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text-primary);background:var(--color-bg-secondary)}.mobile-menu-search input[data-v-5e54d298]:focus{border-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.mobile-menu-logout[data-v-5e54d298]{display:flex;align-items:center;justify-content:center;gap:8px;height:var(--tap-target-min);margin-top:auto;border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-danger-light);color:var(--color-danger);font-size:.9375rem;font-weight:500}.mobile-menu-logout[data-v-5e54d298]:hover{background:var(--color-danger);color:#fff}.mobile-menu-logout svg[data-v-5e54d298]{width:18px;height:18px}@media (max-width: 600px){.navbar-desktop[data-v-5e54d298]{display:none}.hamburger-btn[data-v-5e54d298]{display:flex}}:root{--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-primary-light: #e6f7ff;--color-primary-dark: #096dd9;--color-danger: #ff4d4f;--color-danger-hover: #ff7875;--color-danger-light: #fff1f0;--color-success: #52c41a;--color-success-light: #f6ffed;--color-warning: #fa8c16;--color-warning-light: #fff7e6;--color-purple: #722ed1;--color-purple-light: #f9f0ff;--color-text-primary: #1a1a1a;--color-text-secondary: #5c5c5c;--color-text-tertiary: #8c8c8c;--color-text-disabled: #bfbfbf;--color-bg-primary: #ffffff;--color-bg-secondary: #f7f8fa;--color-bg-tertiary: #edf0f5;--color-bg-hover: #e8ecf2;--color-border: #e8e8e8;--color-border-hover: #d9d9d9;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .16);--shadow-primary: 0 2px 8px rgba(24, 144, 255, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--tap-target-min: 44px;--navbar-height: 60px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-text-primary);background:#edf0f5;min-height:100vh}@media (max-width: 480px){html{font-size:15px}}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;cursor:pointer}.container{max-width:600px;margin:0 auto;padding:0;min-height:100vh;padding-top:var(--navbar-height)}@media (max-width: 480px){.container{padding:12px;padding-top:calc(var(--navbar-height) + 12px)}}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}button,a,input,textarea{transition:all var(--transition-fast)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}