:root{--color-primary:#dc2626;--color-primary-light:#f87171;--color-primary-dark:#b91c1c;--color-accent:#ea580c;--color-accent-light:#fb923c;--color-success:#16a34a;--color-warning:#f59e0b;--color-danger:#ef4444;--bg-page:#fafafa;--bg-card:#fff;--bg-card-hover:#fef2f2;--bg-hero:#fef2f2;--bg-tag:#fee2e2;--bg-tag-official:#e0f2fe;--bg-input:#f9fafb;--text-primary:#1f2937;--text-secondary:#4b5563;--text-light:#6b7280;--text-white:#fff;--text-accent:#dc2626;--border-color:#e5e7eb;--border-light:#f3f4f6;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(220,38,38,.08);--shadow-lg:0 8px 30px rgba(220,38,38,.12);--shadow-card:0 2px 8px rgba(0,0,0,.06);--shadow-card-hover:0 8px 24px rgba(220,38,38,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:2.75rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-family);line-height:1.7}a{color:inherit;text-decoration:none}img{height:auto;max-width:100%}button{background:none;border:none;cursor:pointer}button,input,select{font-family:inherit;font-size:inherit}.container{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-size:var(--font-size-base);font-weight:500;gap:8px;justify-content:center;padding:10px 24px;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--text-white)}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:var(--text-white)}.btn-accent:hover{background:#c2410c;box-shadow:0 4px 12px #ea580c4d;transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--text-white)}.btn-lg{border-radius:var(--radius-lg);font-size:var(--font-size-lg);padding:14px 32px}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;padding:4px 12px}.badge-official{background:var(--bg-tag-official);color:#1d4ed8}.badge-community{background:var(--bg-tag);color:var(--color-primary)}.badge-hot{background:#ef4444;color:#fff}.badge-easy{background:#d1fae5;color:#065f46}.badge-medium{background:#fef3c7;color:#92400e}.badge-hard{background:#fee2e2;color:#991b1b}.section-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:8px}.section-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:32px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in-up-delay-1{animation-delay:.1s;opacity:0}.animate-fade-in-up-delay-2{animation-delay:.2s;opacity:0}.animate-fade-in-up-delay-3{animation-delay:.3s;opacity:0}.animate-fade-in-up-delay-4{animation-delay:.4s;opacity:0}@media(max-width:768px){.container{padding:0 16px}.section-title{font-size:var(--font-size-xl)}.btn-lg{font-size:var(--font-size-base);padding:12px 24px}}.modal-overlay[data-v-779dcc85]{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-card[data-v-779dcc85]{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:420px;padding:40px;position:relative;width:100%}.modal-close[data-v-779dcc85]{align-items:center;border-radius:50%;color:var(--text-light);display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all var(--transition-fast);width:32px}.modal-close[data-v-779dcc85]:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-title[data-v-779dcc85]{font-size:var(--font-size-xl);font-weight:700;margin-bottom:4px}.modal-subtitle[data-v-779dcc85]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:24px}.login-tabs[data-v-779dcc85]{background:var(--bg-page);display:flex;gap:4px;margin-bottom:24px;padding:4px}.login-tabs[data-v-779dcc85],.tab-btn[data-v-779dcc85]{border-radius:var(--radius-md)}.tab-btn[data-v-779dcc85]{color:var(--text-secondary);flex:1;font-size:var(--font-size-sm);font-weight:500;padding:10px;transition:all var(--transition-fast)}.tab-btn.active[data-v-779dcc85]{background:#fff;box-shadow:var(--shadow-sm);color:var(--text-primary)}.login-form[data-v-779dcc85]{gap:16px}.form-group[data-v-779dcc85],.login-form[data-v-779dcc85]{display:flex;flex-direction:column}.form-group[data-v-779dcc85]{gap:6px}.form-group label[data-v-779dcc85]{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.form-input[data-v-779dcc85]{border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:12px 16px;transition:border-color var(--transition-fast)}.form-input[data-v-779dcc85]:focus{border-color:var(--color-primary);outline:none}.code-row[data-v-779dcc85]{display:flex;gap:8px}.code-row .form-input[data-v-779dcc85]{flex:1}.code-btn[data-v-779dcc85]{flex-shrink:0;white-space:nowrap}.dev-hint[data-v-779dcc85]{background:var(--bg-tag);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--font-size-xs);padding:8px 12px}.error-msg[data-v-779dcc85]{color:var(--color-error,#ef4444);font-size:var(--font-size-sm)}.login-btn[data-v-779dcc85]{margin-top:8px;width:100%}.wechat-login[data-v-779dcc85]{gap:20px}.wechat-login[data-v-779dcc85],.wechat-qr-placeholder[data-v-779dcc85]{align-items:center;display:flex;flex-direction:column}.wechat-qr-placeholder[data-v-779dcc85]{background:var(--bg-page);border-radius:var(--radius-lg);gap:12px;padding:40px;width:100%}.wechat-icon[data-v-779dcc85]{font-size:48px}.wechat-qr-placeholder p[data-v-779dcc85]{color:var(--text-secondary);font-size:var(--font-size-sm)}.wechat-btn[data-v-779dcc85]{background:#07c160;border-color:#07c160}.wechat-btn[data-v-779dcc85]:hover{background:#06ad56}.login-note[data-v-779dcc85]{color:var(--text-light);font-size:var(--font-size-xs);margin-top:20px;text-align:center}.login-note a[data-v-779dcc85]{color:var(--color-primary)}.modal-enter-active[data-v-779dcc85],.modal-leave-active[data-v-779dcc85]{transition:all .3s ease}.modal-enter-from[data-v-779dcc85],.modal-leave-to[data-v-779dcc85]{opacity:0}.modal-enter-from .modal-card[data-v-779dcc85],.modal-leave-to .modal-card[data-v-779dcc85]{transform:scale(.95) translateY(20px)}@media(max-width:480px){.modal-card[data-v-779dcc85]{padding:28px 20px}}.app-layout[data-v-2484f5d3]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-2484f5d3]{flex:1}.app-header[data-v-2484f5d3]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100}.header-inner[data-v-2484f5d3]{height:64px;justify-content:space-between}.header-inner[data-v-2484f5d3],.logo[data-v-2484f5d3]{align-items:center;display:flex}.logo[data-v-2484f5d3]{font-size:var(--font-size-xl);font-weight:700;gap:8px}.logo-icon[data-v-2484f5d3]{font-size:24px}.logo-text[data-v-2484f5d3]{color:var(--color-primary)}.header-actions[data-v-2484f5d3]{gap:12px}.header-actions[data-v-2484f5d3],.user-info[data-v-2484f5d3]{align-items:center;display:flex}.user-info[data-v-2484f5d3]{gap:8px}.user-avatar[data-v-2484f5d3]{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar[data-v-2484f5d3],.user-name[data-v-2484f5d3]{font-size:var(--font-size-sm)}.user-name[data-v-2484f5d3]{color:var(--text-primary);font-weight:500}.btn-text[data-v-2484f5d3]{color:var(--text-light);cursor:pointer;font-size:var(--font-size-xs)}.btn-text[data-v-2484f5d3]:hover{color:var(--color-primary)}.btn-sm[data-v-2484f5d3]{font-size:var(--font-size-sm);padding:8px 20px}.nav-desktop[data-v-2484f5d3]{display:flex;gap:32px}.nav-link[data-v-2484f5d3]{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:500;position:relative;transition:color var(--transition-fast)}.nav-link.active[data-v-2484f5d3],.nav-link[data-v-2484f5d3]:hover{color:var(--color-primary)}.nav-link.active[data-v-2484f5d3]:after{background:var(--color-primary);border-radius:1px;bottom:-20px;content:"";height:2px;left:0;position:absolute;right:0}.mobile-menu-btn[data-v-2484f5d3]{display:none;padding:8px}.hamburger[data-v-2484f5d3]{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span[data-v-2484f5d3]{background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:all var(--transition-base)}.hamburger.open span[data-v-2484f5d3]:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span[data-v-2484f5d3]:nth-child(2){opacity:0}.hamburger.open span[data-v-2484f5d3]:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav-mobile[data-v-2484f5d3]{background:#fff;border-top:1px solid var(--border-light);display:flex;flex-direction:column;padding:16px 24px}.nav-link-mobile[data-v-2484f5d3]{border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--font-size-base);padding:12px 0}.nav-link-mobile[data-v-2484f5d3]:last-child{border-bottom:none}.app-footer[data-v-2484f5d3]{background:var(--text-primary);color:var(--text-white);margin-top:80px;padding:48px 0 24px}.footer-inner[data-v-2484f5d3]{display:grid;gap:48px;grid-template-columns:1fr 2fr}.footer-brand[data-v-2484f5d3]{display:flex;flex-direction:column;gap:8px}.footer-name[data-v-2484f5d3]{font-size:var(--font-size-xl);font-weight:700}.footer-desc[data-v-2484f5d3]{color:var(--text-light);font-size:var(--font-size-sm)}.footer-links[data-v-2484f5d3]{display:flex;gap:64px}.footer-col[data-v-2484f5d3]{display:flex;flex-direction:column;gap:8px}.footer-col h4[data-v-2484f5d3]{font-size:var(--font-size-base);font-weight:600;margin-bottom:8px}.footer-col a[data-v-2484f5d3]{color:var(--text-light);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-col a[data-v-2484f5d3]:hover{color:#fff}.footer-bottom[data-v-2484f5d3]{border-top:1px solid hsla(0,0%,100%,.1);grid-column:1/-1;margin-top:24px;padding-top:24px}.footer-bottom p[data-v-2484f5d3]{color:var(--text-light);font-size:var(--font-size-sm);text-align:center}.slide-down-enter-active[data-v-2484f5d3],.slide-down-leave-active[data-v-2484f5d3]{transition:all var(--transition-base)}.slide-down-enter-from[data-v-2484f5d3],.slide-down-leave-to[data-v-2484f5d3]{opacity:0;transform:translateY(-10px)}@media(max-width:768px){.nav-desktop[data-v-2484f5d3]{display:none}.mobile-menu-btn[data-v-2484f5d3]{display:block}.footer-inner[data-v-2484f5d3]{gap:32px;grid-template-columns:1fr}.footer-links[data-v-2484f5d3]{gap:32px}}