.app-nav[data-v-503556ac]{background-color:var(--color-bg-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.nav-container[data-v-503556ac]{max-width:1200px;margin:0 auto;padding:var(--spacing-4) var(--spacing-4);display:flex;align-items:center;justify-content:space-between}.nav-brand[data-v-503556ac]{flex:1;display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;transition:opacity var(--transition-base) var(--ease-out)}.nav-brand[data-v-503556ac]:hover{opacity:.8}.brand-logo[data-v-503556ac]{width:36px;height:36px;object-fit:contain;flex-shrink:0}@media (min-width: 768px){.brand-logo[data-v-503556ac]{width:40px;height:40px}}.brand-title[data-v-503556ac]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary-600);margin:0}.nav-menu[data-v-503556ac]{display:none;gap:var(--spacing-2);list-style:none;margin:0;padding:0}.nav-item[data-v-503556ac]{margin:0}.nav-link[data-v-503556ac]{display:block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base) var(--ease-out)}.nav-link[data-v-503556ac]:hover{color:var(--color-primary-600);background-color:var(--color-bg-secondary)}.nav-link-active[data-v-503556ac]{color:var(--color-primary-600);background-color:var(--color-primary-50);font-weight:var(--font-weight-medium)}.nav-toggle[data-v-503556ac]{display:flex;flex-direction:column;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;cursor:pointer}.toggle-icon[data-v-503556ac]{position:relative;width:24px;height:2px;background-color:var(--color-text-primary);transition:all var(--transition-base) var(--ease-out)}.toggle-icon[data-v-503556ac]:before,.toggle-icon[data-v-503556ac]:after{content:"";position:absolute;width:24px;height:2px;background-color:var(--color-text-primary);transition:all var(--transition-base) var(--ease-out)}.toggle-icon[data-v-503556ac]:before{top:-8px}.toggle-icon[data-v-503556ac]:after{bottom:-8px}.nav-menu-mobile[data-v-503556ac]{display:block;list-style:none;margin:0;padding:var(--spacing-4);background-color:var(--color-bg-primary);border-top:1px solid var(--color-border-light)}.nav-item-mobile[data-v-503556ac]{margin:0}.nav-link-mobile[data-v-503556ac]{display:block;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base) var(--ease-out)}.nav-link-mobile[data-v-503556ac]:hover{color:var(--color-primary-600);background-color:var(--color-bg-secondary)}.nav-link-mobile.nav-link-active[data-v-503556ac]{color:var(--color-primary-600);background-color:var(--color-primary-50);font-weight:var(--font-weight-medium)}.mobile-menu-enter-active[data-v-503556ac],.mobile-menu-leave-active[data-v-503556ac]{transition:all var(--transition-base) var(--ease-out);max-height:500px;overflow:hidden}.mobile-menu-enter-from[data-v-503556ac],.mobile-menu-leave-to[data-v-503556ac]{max-height:0;opacity:0}@media (min-width: 768px){.nav-container[data-v-503556ac]{padding:var(--spacing-4) var(--spacing-6)}.nav-menu[data-v-503556ac]{display:flex}.nav-toggle[data-v-503556ac],.nav-menu-mobile[data-v-503556ac]{display:none}}@media (min-width: 1024px){.nav-container[data-v-503556ac]{padding:var(--spacing-5) var(--spacing-8)}.brand-logo[data-v-503556ac]{width:48px;height:48px}.brand-title[data-v-503556ac]{font-size:var(--font-size-2xl)}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-bottom:var(--spacing-8)}:root{--breakpoint-mobile: 320px;--breakpoint-mobile-lg: 480px;--breakpoint-tablet: 768px;--breakpoint-tablet-lg: 1024px;--breakpoint-desktop: 1280px;--breakpoint-desktop-lg: 1440px;--breakpoint-desktop-xl: 1920px;--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-accent-500: #8b5cf6;--color-accent-600: #7c3aed;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-disabled: #cbd5e1;--color-text-inverse: #ffffff;--color-border-light: #e2e8f0;--color-border-medium: #cbd5e1;--color-border-dark: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--font-family-cn: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-en: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}@media (min-width: 1024px){:root{--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--font-size-3xl: 36px;--font-size-4xl: 48px}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-cn);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-secondary);min-height:100vh}#app{min-height:100vh}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-base) var(--ease-out)}a:hover{color:var(--color-primary-700)}button{font-family:inherit;font-size:inherit;line-height:inherit;border:none;background:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}input:focus,textarea:focus,select:focus{outline:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}input[type=number]{-moz-appearance:textfield}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}::selection{background-color:var(--color-primary-200);color:var(--color-text-primary)}.container{width:100%;padding-left:var(--spacing-4);padding-right:var(--spacing-4);margin-left:auto;margin-right:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px;padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media (min-width: 1024px){.container{max-width:1024px;padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}@media (min-width: 1280px){.container{max-width:1200px}}