:root{--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-light: #ede9fe;--primary-dark: #6d28d9;--bg: #fafafa;--bg-card: #ffffff;--text: #374151;--text-secondary: #6b7280;--text-heading: #111827;--border: #e5e7eb;--border-focus: #8b5cf6;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{font-family:inherit;outline:none}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.navbar[data-v-adbf1f01]{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-inner[data-v-adbf1f01]{max-width:720px;margin:0 auto;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-adbf1f01]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-heading);font-weight:600;font-size:18px}.logo-icon[data-v-adbf1f01]{font-size:24px}.nav-links[data-v-adbf1f01]{display:flex;gap:4px}.nav-links a[data-v-adbf1f01]{padding:6px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-links a[data-v-adbf1f01]:hover{color:var(--text-heading);background:var(--primary-light)}.nav-links a.active[data-v-adbf1f01]{color:var(--primary);background:var(--primary-light)}.main-content[data-v-689ebdf1]{flex:1;width:100%;max-width:720px;margin:0 auto;padding:32px 20px 64px}.main-content--wide[data-v-689ebdf1]{max-width:1000px}@media(max-width:640px){.main-content[data-v-689ebdf1]{padding:20px 16px 48px}.main-content--wide[data-v-689ebdf1]{max-width:100%}}