:root{--bg-page:#f4f7fb;--surface:#fff;--line:#dde6f0;--text:#0f172a;--text-muted:#475569;--text-soft:#64748b;--accent:#2563eb;--accent-2:#0ea5e9}*{box-sizing:border-box}body,html{margin:0;overscroll-behavior:none;padding:0}body{background:radial-gradient(circle at 20% 0,#edf4ff 0,var(--bg-page) 52%,#f7fafc 100%);color:var(--text);font-family:Inter,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}#app{display:flex;flex-direction:column;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;min-height:64px;padding:0 1rem}.nav-brand{color:var(--text);font-size:1.1rem;font-weight:700;letter-spacing:.01em;text-decoration:none}.nav-links{align-items:center;display:flex;gap:1.25rem}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;padding:.5rem 0;position:relative;text-decoration:none}.nav-link.router-link-active,.nav-link:hover{color:var(--text)}.nav-link:after{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:transform .2s}.nav-link.router-link-active:after,.nav-link:hover:after{transform:scaleX(1)}.main-content{width:100%}.footer{background:var(--surface);border-top:1px solid var(--line);margin-top:auto}.footer-container{color:var(--text-soft);font-size:.875rem;margin:0 auto;max-width:1200px;padding:1.5rem 1rem;text-align:center}.icp{color:#64748b;font-size:.8rem;margin:.35rem 0 0}a{color:var(--accent)}a:hover{color:#1d4ed8}@media(max-width:768px){.nav-container{min-height:58px}.nav-links{gap:1rem}.nav-link{font-size:.92rem}}