/* Unified campus navigation. Scoped to the entry page; no application/data changes. */
.topbar{gap:24px}
.topbar .brand,.topbar .top-end{flex-shrink:0}
.topbar nav[aria-label="主导航"]{min-width:0;gap:4px;align-items:center}
.topbar nav .nav{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:44px;min-height:44px;padding:0 16px;white-space:nowrap;font-size:14px;font-weight:500;line-height:1.4;color:#5d7368;text-decoration:none;border:0;border-radius:6px;background:transparent;box-shadow:none;transition:background .18s,color .18s}
.topbar nav .nav:hover{color:#22695a;background:#eaf1e9}
.topbar nav .nav:focus-visible{outline:2px solid #347d69;outline-offset:2px;background:#eaf1e9}
.topbar nav .nav.active{color:#22695a;font-weight:600}
.topbar nav .nav.active:after{left:16px;right:16px;bottom:-16px;height:3px;border-radius:2px}
.topbar nav #enterprise-entry{margin-left:16px}
.topbar nav #enterprise-entry:before{content:"";position:absolute;left:-10px;width:1px;height:20px;background:#d7e1d5}
@media(max-width:1340px){
  .topbar{padding-inline:24px;gap:16px}
  .topbar .source-status{display:none}
  .topbar nav .nav{padding-inline:12px}
  .topbar nav .nav.active:after{left:12px;right:12px}
}
@media(max-width:1100px){
  .topbar{height:108px;padding:0 20px;display:grid;grid-template-columns:1fr auto;grid-template-rows:56px 52px;gap:0 16px}
  .topbar .brand{grid-column:1;grid-row:1}
  .topbar .top-end{grid-column:2;grid-row:1}
  .topbar nav[aria-label="主导航"]{grid-column:1/-1;grid-row:2;width:100%;height:52px;justify-content:center;border-top:1px solid #e5ebe2;gap:6px}
  .topbar nav .nav{padding:0 15px;font-size:14px}
  .topbar nav .nav.active:after{bottom:-4px}
  .scene-title{top:130px}
  .overview,.detail{top:130px}
  .compass{top:130px}
  .index-panel{top:270px}
  .toast{top:122px}
}
@media(max-width:700px){
  .topbar{height:145px;padding:0 12px;grid-template-rows:56px 88px;column-gap:8px}
  .topbar nav[aria-label="主导航"]{height:88px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:44px 44px;gap:0 2px;align-items:stretch}
  .topbar nav .nav,.topbar nav .nav:first-child{display:inline-flex;width:100%;min-width:0;height:44px;padding:0 4px;font-size:13px;border-radius:5px}
  .topbar nav #enterprise-entry{margin-left:0}
  .topbar nav #enterprise-entry:before{display:none}
  .topbar nav .nav.active:after{left:22%;right:22%;bottom:0;height:2px}
  .topbar nav a.nav{border-top:1px solid #e7ede4;border-radius:0}
  .topbar .brand strong{font-size:15px}
  .topbar .brand small{font-size:7px}
  .topbar .top-end .icon-button{width:44px;height:44px}
  .scene-title,.overview,.detail{top:164px}
  .scene-title h1{font-size:21px}
  .index-panel{top:280px}
  .toast{top:156px}
}
@media(max-width:600px){.index-panel{top:auto}}
@media(max-width:360px){.topbar nav .nav{font-size:12px;padding-inline:2px}}
@media(prefers-reduced-motion:reduce){.topbar nav .nav{transition:none}}