*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,Segoe UI,Microsoft YaHei,sans-serif;color:#333;background:#f5f6f8}.nav{display:flex;align-items:center;gap:24px;padding:0 24px;height:52px;background:#fff;border-bottom:1px solid #e8e8e8;white-space:nowrap}.nav .brand{font-weight:600;margin-right:16px}.nav a{color:#666;text-decoration:none;display:flex;align-items:center;gap:6px}.nav a.router-link-active{color:#07c160;font-weight:600}.nav .icon{display:none}.nav .user{margin-left:auto}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #eee}.user-name{max-width:110px;overflow:hidden;text-overflow:ellipsis}.user-mine{display:none}.main{max-width:1080px;margin:0 auto;padding:24px 16px}@media (max-width: 640px){.nav{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:90;height:auto;padding:6px 0 calc(6px + env(safe-area-inset-bottom));gap:0;border-bottom:none;border-top:1px solid #e8e8e8;justify-content:space-around;box-shadow:0 -2px 10px #0000000a}.nav .brand{display:none}.nav a{flex:1;flex-direction:column;gap:3px;font-size:11px;justify-content:center}.nav a.router-link-active{font-weight:400}.nav .icon{display:block;width:22px;height:22px;color:#9aa0a6}.nav a.router-link-active .icon{color:#07c160}.nav .import-link{display:none}.nav .user{margin-left:0}.user-avatar{width:22px;height:22px}.user-name{display:none}.user-mine{display:block}.main{padding:14px 10px}.main.with-tabbar{padding-bottom:calc(72px + env(safe-area-inset-bottom))}h2{font-size:18px}}