.bottom-nav[data-v-440d79b0]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;height:60px;background:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;z-index:100}.nav-item[data-v-440d79b0]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;color:var(--text-secondary);text-decoration:none;font-size:12px;transition:color .2s}.nav-item .icon[data-v-440d79b0]{font-size:20px;line-height:1}.nav-item.active[data-v-440d79b0]{color:var(--primary)}#app-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);transition:background .3s,color .3s;max-width:430px;margin:0 auto;position:relative}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}:root{--primary: #1677FF;--secondary: #52C41A;--bg-primary: #F5F7FA;--bg-surface: #FFFFFF;--text-primary: #1F2937;--text-secondary: #6B7280;--border-color: #E5E7EB;--card-radius: 12px;--font-family: system-ui, -apple-system, sans-serif;--danger: #EF4444;--warning: #F59E0B;--success: #10B981}.theme-dark-elegant{--primary: #6366F1;--secondary: #10B981;--bg-primary: #0F172A;--bg-surface: #1E293B;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--border-color: #334155;--card-radius: 16px;--font-family: "Inter", system-ui, sans-serif}.theme-warm-coffee{--primary: #B45309;--secondary: #D97706;--bg-primary: #FFFBEB;--bg-surface: #FEF3C7;--text-primary: #451A03;--text-secondary: #92400E;--border-color: #FDE68A;--card-radius: 20px;--font-family: "Noto Serif SC", serif}.theme-fresh-green{--primary: #059669;--secondary: #34D399;--bg-primary: #ECFDF5;--bg-surface: #D1FAE5;--text-primary: #064E3B;--text-secondary: #047857;--border-color: #A7F3D0;--card-radius: 24px;--font-family: "PingFang SC", sans-serif}.theme-royal-purple{--primary: #7C3AED;--secondary: #A78BFA;--bg-primary: #F5F3FF;--bg-surface: #EDE9FE;--text-primary: #2E1065;--text-secondary: #5B21B6;--border-color: #DDD6FE;--card-radius: 12px;--font-family: "Noto Sans SC", sans-serif}.theme-coral-sunset{--primary: #EA580C;--secondary: #FB923C;--bg-primary: #FFF7ED;--bg-surface: #FFEDD5;--text-primary: #431407;--text-secondary: #9A3412;--border-color: #FED7AA;--card-radius: 16px;--font-family: system-ui, sans-serif}.theme-ocean-breeze{--primary: #0EA5E9;--secondary: #38BDF8;--bg-primary: #F0F9FF;--bg-surface: #E0F2FE;--text-primary: #0C4A6E;--text-secondary: #075985;--border-color: #BAE6FD;--card-radius: 20px;--font-family: "Helvetica Neue", sans-serif}.theme-rose-gold{--primary: #E11D48;--secondary: #FB7185;--bg-primary: #FFF1F2;--bg-surface: #FFE4E6;--text-primary: #881337;--text-secondary: #BE123C;--border-color: #FECDD3;--card-radius: 32px;--font-family: "SF Pro Display", system-ui}.theme-forest-mist{--primary: #065F46;--secondary: #34D399;--bg-primary: #F0FDF4;--bg-surface: #DCFCE7;--text-primary: #022C22;--text-secondary: #065F46;--border-color: #86EFAC;--card-radius: 12px;--font-family: "Songti SC", serif}.theme-midnight-city{--primary: #3B82F6;--secondary: #60A5FA;--bg-primary: #020617;--bg-surface: #0F172A;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--border-color: #1E293B;--card-radius: 8px;--font-family: "Roboto", sans-serif}.theme-sakura-spring{--primary: #DB2777;--secondary: #F472B6;--bg-primary: #FDF2F8;--bg-surface: #FCE7F3;--text-primary: #831843;--text-secondary: #9D174D;--border-color: #FBCFE8;--card-radius: 24px;--font-family: "Noto Sans SC", sans-serif}.theme-golden-harvest{--primary: #B45309;--secondary: #D97706;--bg-primary: #FFFBEB;--bg-surface: #FEF3C7;--text-primary: #451A03;--text-secondary: #92400E;--border-color: #FDE68A;--card-radius: 8px;--font-family: "Noto Serif SC", serif}.theme-lavender-dream{--primary: #7C3AED;--secondary: #A78BFA;--bg-primary: #FAF5FF;--bg-surface: #F3E8FF;--text-primary: #3B0764;--text-secondary: #5B21B6;--border-color: #E9D5FF;--card-radius: 28px;--font-family: "PingFang SC", sans-serif}.theme-teal-modern{--primary: #0D9488;--secondary: #2DD4BF;--bg-primary: #F0FDFA;--bg-surface: #CCFBF1;--text-primary: #042F2E;--text-secondary: #0F766E;--border-color: #99F6E4;--card-radius: 12px;--font-family: "Inter", sans-serif}.theme-berry-crush{--primary: #BE123C;--secondary: #FB7185;--bg-primary: #FFF1F2;--bg-surface: #FFE4E6;--text-primary: #881337;--text-secondary: #9F1239;--border-color: #FECDD3;--card-radius: 16px;--font-family: system-ui, sans-serif}.theme-slate-pro{--primary: #475569;--secondary: #64748B;--bg-primary: #F8FAFC;--bg-surface: #F1F5F9;--text-primary: #0F172A;--text-secondary: #334155;--border-color: #E2E8F0;--card-radius: 6px;--font-family: "Helvetica Neue", Arial, sans-serif}.theme-tangerine-burst{--primary: #F97316;--secondary: #FB923C;--bg-primary: #FFF7ED;--bg-surface: #FFEDD5;--text-primary: #431407;--text-secondary: #9A3412;--border-color: #FED7AA;--card-radius: 20px;--font-family: "Noto Sans SC", sans-serif}.theme-ice-crystal{--primary: #06B6D4;--secondary: #67E8F9;--bg-primary: #ECFEFF;--bg-surface: #CFFAFE;--text-primary: #083344;--text-secondary: #155E75;--border-color: #A5F3FC;--card-radius: 8px;--font-family: "PingFang SC", sans-serif}.theme-mocha-delight{--primary: #78350F;--secondary: #B45309;--bg-primary: #FEF3C7;--bg-surface: #FDE68A;--text-primary: #451A03;--text-secondary: #92400E;--border-color: #FCD34D;--card-radius: 16px;--font-family: "Georgia", serif}.theme-neon-cyber{--primary: #D946EF;--secondary: #A855F7;--bg-primary: #0A0A0A;--bg-surface: #171717;--text-primary: #FAFAFA;--text-secondary: #A3A3A3;--border-color: #262626;--card-radius: 4px;--font-family: "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary)}.page{padding:16px 16px 80px;min-height:100vh}.card{background:var(--bg-surface);border-radius:var(--card-radius);padding:16px;margin-bottom:12px;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--card-radius);padding:14px 24px;font-size:16px;font-weight:600;width:100%;cursor:pointer;transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-secondary{background:var(--bg-surface);color:var(--primary);border:1px solid var(--primary);border-radius:var(--card-radius);padding:14px 24px;font-size:16px;width:100%;cursor:pointer}.input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--card-radius);background:var(--bg-surface);color:var(--text-primary);font-size:16px;outline:none}.input:focus{border-color:var(--primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.p-4{padding:16px}.text-center{text-align:center}.font-bold{font-weight:700}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:24px}