:root{--bg-primary:#0b1120;--bg-secondary:#111827;--bg-surface:#1e293b;--bg-surface-hover:#273548;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#a78bfa;--accent-secondary:#f472b6;--accent-glow:#a78bfa66;--border-color:#1e293b;--border-accent:#a78bfa;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition:.3s ease;--font-mono:"Cascadia Code", "Fira Code", "Consolas", "Source Code Pro", "Courier New", monospace;--font-sans:system-ui, -apple-system, "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:var(--accent-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-secondary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.navbar{z-index:1000;transition:background var(--transition), box-shadow var(--transition);padding:0 24px;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--border-color);background:#0b1120d9}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:2px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logo-bracket{color:var(--accent-primary)}.logo-text{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition);padding:4px 0;font-size:14px;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent-primary);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-2px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{width:100%}.nav-actions{align-items:center;gap:12px;display:flex}.lang-toggle{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition);background:0 0;padding:4px 12px;font-size:12px}.lang-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.external-icon{opacity:.6;margin-left:2px;font-size:11px}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text-primary);width:20px;height:2px;transition:all var(--transition);display:block}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1120f2;flex-direction:column;align-items:center;gap:0;max-height:0;padding:0;transition:max-height .3s,padding .3s;position:fixed;top:64px;left:0;right:0;overflow:hidden}.nav-links.open{max-height:400px;padding:16px 0}.nav-links a{text-align:center;width:100%;padding:12px 24px}.hamburger{display:flex}}.footer{border-top:1px solid var(--border-color);margin-top:80px;padding:32px 24px}.footer-inner{text-align:center;max-width:1200px;margin:0 auto}.copyright{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.built-with{color:var(--text-muted);font-size:11px}.app-shell{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-12px)}