.bottom-nav[data-v-b1dd076d]{background:var(--bg-primary);border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #657b831a}.nav-item[data-v-b1dd076d]{cursor:pointer;height:100%;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.nav-item[data-v-b1dd076d]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active[data-v-b1dd076d]{color:var(--accent-primary);font-weight:600}.nav-item.active[data-v-b1dd076d]:after{content:"";background:var(--accent-primary);border-radius:0 0 12px 12px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-icon[data-v-b1dd076d]{margin-bottom:4px;font-size:22px;transition:all .3s}.nav-item.active .nav-icon[data-v-b1dd076d]{transform:scale(1.1)}.nav-text[data-v-b1dd076d]{font-size:12px;transition:all .3s}.nav-item.active .nav-text[data-v-b1dd076d]{font-size:13px}@media (width<=480px){.bottom-nav[data-v-b1dd076d]{height:60px}.nav-icon[data-v-b1dd076d]{font-size:20px}.nav-text[data-v-b1dd076d]{font-size:11px}.nav-item.active .nav-text[data-v-b1dd076d]{font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s forwards fadeInUp}@media (width<=768px){.app{padding-bottom:64px}}.app{padding-bottom:64px}.card{background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:all .3s;box-shadow:0 2px 8px #657b831a}.card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #268bd226}.btn{border-radius:var(--border-radius);cursor:pointer;background:var(--accent-primary);color:#fff;border:none;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.btn:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #268bd24d}.input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);padding:10px 16px;font-size:14px;transition:all .3s}.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #00bfff33}.input::placeholder{color:var(--text-tertiary)}:root{--primary:#268bd2;--primary-light:#46a0d3;--primary-dark:#1a6fa5;--secondary:#2aa198;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#6366f1;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-light:#fff;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-hover:#e5e7eb;--bg-card:#fff;--border-color:#e5e7eb;--border-light:#f3f4f6;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000000f;--shadow-lg:0 4px 12px #00000014;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--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:26px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:100;--z-sticky:100;--z-fixed:1000;--z-modal:2000;--accent-primary:#268bd2;--accent-secondary:#2aa198;--gold-color:#b58900;--success-color:#859900;--warning-color:#b58900;--error-color:#dc322f;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-secondary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--primary);transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--primary-light)}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-normal);border:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;transition:all var(--transition-normal);outline:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideUp var(--transition-normal)}.pulse{animation:2s infinite pulse}#app{background-color:var(--bg-secondary);min-height:100vh}@media (width<=768px){:root{--font-size-3xl:24px;--font-size-2xl:20px;--font-size-xl:18px}.flex{flex-wrap:wrap}}@media (width<=480px){:root{--font-size-3xl:22px;--font-size-2xl:18px;--font-size-xl:16px;--spacing-lg:14px;--spacing-xl:18px;--spacing-2xl:20px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}