.app-shell[data-v-50527e02]{position:relative;z-index:1;min-height:100vh}.app-shell.has-bottom-tab[data-v-50527e02]{padding-bottom:var(--bottom-tab-height)}.app-header[data-v-50527e02]{position:sticky;top:0;z-index:100;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light)}.header-inner[data-v-50527e02]{max-width:var(--max-width);margin:0 auto;padding:0 var(--xl);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--lg)}.logo[data-v-50527e02]{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:700;color:var(--color-primary);cursor:pointer;margin:0}.logo svg[data-v-50527e02]{color:var(--color-accent)}.app-nav[data-v-50527e02]{display:flex;gap:var(--xs)}.nav-item[data-v-50527e02]{display:flex;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:var(--radius);transition:all var(--duration) var(--ease)}.nav-item[data-v-50527e02]:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item.active[data-v-50527e02]{color:var(--color-primary);background:var(--color-primary-ultralight)}.nav-item.active svg[data-v-50527e02]{color:var(--color-primary)}.app-header-mobile[data-v-50527e02]{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light);height:var(--header-height);padding:0 var(--md);display:flex;align-items:center}.logo-mobile[data-v-50527e02]{display:flex;align-items:center;gap:6px;font-size:18px;font-weight:700;color:var(--color-primary);cursor:pointer;margin:0}.logo-mobile svg[data-v-50527e02]{color:var(--color-accent)}.bottom-tab-bar[data-v-50527e02]{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-tab-height);padding-bottom:env(safe-area-inset-bottom,0);background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-light);display:flex;align-items:center;z-index:200}.tab-item[data-v-50527e02]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-tertiary);font-size:10px;font-weight:500;transition:color var(--duration) var(--ease);padding:var(--sm) 0;min-height:44px;cursor:pointer}.tab-item.active[data-v-50527e02]{color:var(--color-primary)}.tab-item.active svg[data-v-50527e02]{color:var(--color-primary)}.app-content[data-v-50527e02]{background:transparent;min-height:calc(100vh - var(--header-height))}.app-shell.has-bottom-tab .app-content[data-v-50527e02]{min-height:calc(100vh - var(--header-height) - var(--bottom-tab-height))}*{box-sizing:border-box}:root{--color-primary: #3B82F6;--color-primary-dark: #2563EB;--color-primary-light: #DBEAFE;--color-primary-ultralight: #EFF6FF;--color-accent: #8B5CF6;--color-accent-light: #EDE9FE;--color-success: #10B981;--color-success-light: #D1FAE5;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-danger: #EF4444;--color-danger-light: #FEE2E2;--text-primary: #1E293B;--text-secondary: #64748B;--text-tertiary: #94A3B8;--text-inverse: #FFFFFF;--bg-page: #F8FAFC;--bg-card: #FFFFFF;--bg-hover: #F1F5F9;--bg-active: #F0F4FF;--border: #E2E8F0;--border-light: #F1F5F9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--xs: 4px;--sm: 8px;--md: 12px;--lg: 16px;--xl: 24px;--2xl: 32px;--3xl: 48px;--header-height: 60px;--bottom-tab-height: 56px;--max-width: 1100px;--max-content: 900px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary)}body{background-color:transparent}#app{min-height:100vh}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 20% 0%,rgba(59,130,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.04) 0%,transparent 50%),linear-gradient(180deg,#f0f4ff,#f8fafc 40%,#fafafe);pointer-events:none}.container{padding:var(--lg);max-width:var(--max-content);margin:0 auto}@media (max-width: 767px){.container{padding:var(--md) var(--sm);max-width:100%}}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--lg);box-shadow:var(--shadow);border:1px solid var(--border-light);transition:box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.card:hover{box-shadow:var(--shadow-lg)}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 var(--lg) 0}.section-title-sm{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 var(--md) 0}.tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500;background:var(--bg-active);color:var(--color-primary)}.tag-success{background:var(--color-success-light);color:#059669}.tag-warning{background:var(--color-warning-light);color:#d97706}.tag-danger{background:var(--color-danger-light);color:#dc2626}.tag-accent{background:var(--color-accent-light);color:#7c3aed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sm);border:none;border-radius:var(--radius);padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:var(--shadow)}.btn-sm{padding:6px 12px;font-size:13px}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.empty-state{text-align:center;padding:var(--3xl) var(--lg);color:var(--text-tertiary);font-size:14px}.loading-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:fadeIn var(--duration) var(--ease)}.animate-slide{animation:slideUp .3s var(--ease)}@media (max-width: 767px){button,a,.menu-item{min-height:44px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}