*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f7fa;color:#333}.app-layout{min-height:100vh;display:flex;flex-direction:column}.nav-bar{background:#fff;border-bottom:1px solid #e8eaed;position:sticky;top:0;z-index:100}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:56px}.nav-brand{font-size:17px;font-weight:700;color:#4a90d9;text-decoration:none;margin-right:32px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:6px;flex:1;overflow-x:auto}.nav-link{font-size:13px;color:#666;text-decoration:none;padding:6px 12px;border-radius:6px;white-space:nowrap;transition:background .15s,color .15s}.nav-link:hover{color:#333;background:#f0f2f5}.nav-link.router-link-exact-active,.nav-link-primary{color:#4a90d9;font-weight:600}.main-content{flex:1}.footer{text-align:center;padding:24px;color:#bbb;font-size:12px;border-top:1px solid #e8eaed;margin-top:40px}@media (max-width: 768px){.nav-inner{flex-wrap:wrap;height:auto;padding:10px 16px;gap:8px}.nav-brand{margin-right:0}.nav-links{gap:2px}.nav-link{padding:4px 8px;font-size:12px}}