:root{--primary:#2563eb;--primary-strong:#1d4ed8;--primary-weak:#eff6ff;--accent:#f59e0b;--accent-weak:#fff7e6;--danger:#ef4444;--danger-weak:#fef2f2;--success:#10b981;--success-weak:#ecfdf5;--bg:#f6f7fb;--card:#fff;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 4px 16px #10182814;--shadow-lg:0 12px 32px #1018281f}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(1000px 300px at 50% -100px,#2563eb14,transparent 70%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--primary)}img{max-width:100%}::selection{background:#2563eb2e}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d1d5db padding-box content-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}::-webkit-scrollbar-track{background:0 0}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:16px;transition:box-shadow .25s,transform .25s}.btn{border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#fff;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-family:inherit;font-size:14px;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;box-shadow:0 2px 6px #2563eb47}.btn:hover{opacity:.92;box-shadow:0 4px 12px #2563eb52}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--primary);border:1px solid var(--primary);box-shadow:none;background:#fff}.btn-secondary:hover{background:var(--primary-weak)}.input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fff;outline:none;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.site[data-v-fd67998f]{flex-direction:column;min-height:100vh;display:flex}.skip-link[data-v-fd67998f]{z-index:100;background:var(--primary,#2563eb);color:#fff;border-radius:8px;padding:8px 14px;font-size:13px;text-decoration:none;transition:top .15s;position:absolute;top:-48px;left:12px}.skip-link[data-v-fd67998f]:focus{top:12px}.container[data-v-fd67998f]{box-sizing:border-box;width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.site-header[data-v-fd67998f]{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(16px);background:#ffffffeb;border-bottom:1px solid #e5e7eb99;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.header-inner[data-v-fd67998f]{justify-content:space-between;align-items:center;height:64px;display:flex}.logo[data-v-fd67998f]{color:var(--text);letter-spacing:.3px;gap:10px;font-size:20px;text-decoration:none}.logo[data-v-fd67998f],.logo-badge[data-v-fd67998f]{align-items:center;font-weight:700;display:inline-flex}.logo-badge[data-v-fd67998f]{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:8px;justify-content:center;width:32px;height:32px;font-size:15px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #2563eb40}.logo:hover .logo-badge[data-v-fd67998f]{transform:scale(1.05);box-shadow:0 4px 12px #2563eb59}.nav[data-v-fd67998f]{gap:2px;display:flex}.nav[data-v-fd67998f],.nav-link[data-v-fd67998f]{align-items:center}.nav-link[data-v-fd67998f]{color:var(--text-muted);border-radius:8px;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;transition:color .2s,background .2s;display:inline-flex}.nav-link svg[data-v-fd67998f]{opacity:.7;width:16px;height:16px}.nav-link.router-link-active[data-v-fd67998f],.nav-link[data-v-fd67998f]:hover{color:var(--primary);background:var(--primary-weak)}.nav-link.router-link-active[data-v-fd67998f]{font-weight:600}main[data-v-fd67998f]{flex:1;padding:32px 0 56px}.site-footer[data-v-fd67998f]{background:linear-gradient(#fff,#f8fafc);border-top:1px solid #e5e7eb99;padding:28px 0}.footer-inner[data-v-fd67998f]{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;font-size:13px;display:flex}.footer-col[data-v-fd67998f]{flex-direction:column;gap:6px;display:flex}.footer-desc[data-v-fd67998f]{color:#94a3b8;font-size:12px;line-height:1.5}.friend-links[data-v-fd67998f]{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.friend-title[data-v-fd67998f]{color:var(--text);letter-spacing:.3px;font-size:13px;font-weight:600}.friend-links a[data-v-fd67998f]{background:var(--primary-weak);color:var(--primary);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.friend-links a[data-v-fd67998f]:hover{background:var(--primary);color:#fff}@media (width<=640px){.container[data-v-fd67998f]{padding:0 16px}.header-inner[data-v-fd67998f]{gap:8px;height:56px}.footer-inner[data-v-fd67998f]{flex-direction:column;align-items:flex-start;gap:12px}.logo[data-v-fd67998f]{gap:8px;font-size:17px}.logo-badge[data-v-fd67998f]{width:28px;height:28px;font-size:14px}.nav[data-v-fd67998f]{gap:0}.nav-link[data-v-fd67998f]{gap:5px;padding:6px 12px;font-size:13px}.nav-link svg[data-v-fd67998f]{width:15px;height:15px}.friend-links[data-v-fd67998f]{align-items:flex-start}}