*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,sans-serif;background:#0c1220;color:#e2e8f0;min-height:100vh}.nav-hover-zone{display:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:60px;background:#0f172a;border-bottom:1px solid #1e293b;position:fixed;top:0;left:0;right:0;z-index:100;transition:transform .25s ease}#app.nav-auto-hide .nav-hover-zone{display:block;position:fixed;top:0;left:0;right:0;height:6px;z-index:101}#app.nav-auto-hide .navbar{transform:translateY(-100%)}#app.nav-auto-hide .nav-hover-zone:hover+.navbar,#app.nav-auto-hide .navbar:hover{transform:translateY(0)}.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer}.logo-img{height:32px;width:auto}.brand-text{font-size:20px;font-weight:700;color:#38bdf8;letter-spacing:.5px}.brand-divider{font-size:20px;color:#475569;margin:0 4px}.brand-sub{font-size:18px;font-weight:500;color:#94a3b8;letter-spacing:1px}.nav-links{display:flex;gap:8px;align-items:center}.nav-link{padding:8px 16px;color:#94a3b8;text-decoration:none;border-radius:6px;font-size:14px;font-weight:500;transition:all .2s;cursor:pointer}.nav-link:hover{color:#e2e8f0;background:#1e293b}.nav-link.router-link-active{color:#38bdf8;background:#38bdf820}.nav-user{color:#e2e8f0;font-size:14px;margin-right:8px}.nav-auth{border:1px solid #38bdf8;color:#38bdf8}.nav-auth:hover{background:#38bdf8;color:#0f172a}#app{display:flex;flex-direction:column;min-height:100vh}.main-content{padding-top:60px;flex:1;display:flex;flex-direction:column}#app.nav-auto-hide .main-content{padding-top:6px}#app.nav-auto-hide .footer{display:none}.footer{background:#0f172a;border-top:1px solid #1e293b;color:#64748b;font-size:12px;padding:12px 40px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:1200px;margin:0 auto}.footer-icp{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-size:11px}.footer-icp a{color:#94a3b8;text-decoration:none}.footer-icp a:hover{color:#38bdf8}@media (max-width: 768px){.navbar{padding:0 16px;height:auto;min-height:60px;flex-wrap:wrap}.nav-links{gap:4px;flex-wrap:wrap}.nav-link{padding:6px 10px;font-size:12px}.brand-text{font-size:16px}.brand-sub{font-size:14px}.brand-divider{font-size:16px}.footer-icp{flex-direction:column;align-items:center;gap:4px}}