/* Match the main site's brand position and subsite labels. */
.sports-topbar{--topbar-h:76px;height:76px}
:root{--topbar-h:76px}
.sports-topbar .topbar-inner{max-width:none;padding:0 60px;margin:0}
.topbar{height:auto;min-height:76px;padding:20px 60px;align-items:center}
.topbar nav{height:36px}
.sports-topbar .sports-brand,.topbar .brand{gap:20px}
.sports-topbar .sports-brand>span,.topbar .brand>span,header>a[href="/"]:first-child::after{display:block;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:28px;font-weight:900;line-height:28px;letter-spacing:-.03em;color:#050c20;font-synthesis:weight style small-caps;border-left:1px solid #dae2ec;padding-left:20px;white-space:nowrap}
header>a[href="/"]:first-child::after{content:'人工智能学习基地';margin-left:20px}
@media(max-width:1200px){.topbar{flex-wrap:wrap;gap:12px}.topbar nav{order:3;width:100%;height:48px}.topbar .header-actions{margin-left:auto}}
@media(max-width:768px){.sports-topbar .topbar-inner{padding:0 20px}.topbar{padding:20px 20px 0}.topbar nav{height:48px}}
@media(max-width:600px){:root{--topbar-h:112px}.sports-topbar{height:112px;--topbar-h:112px}.sports-topbar .topbar-inner{align-items:flex-start;padding-top:20px;position:relative;flex-wrap:nowrap}.sports-topbar .sports-brand,.topbar .brand,header>a[href="/"]:first-child{flex-wrap:wrap;gap:10px;width:100%}.sports-topbar .sports-brand>span,.topbar .brand>span,header>a[href="/"]:first-child::after{width:100%;border:0;padding:0;margin-left:0}.sports-topbar .sports-menu-toggle{position:absolute;right:20px;bottom:8px}.topbar .header-actions{margin-left:0}.topbar .brand>span{display:block}}
.topbar .brand{align-self:flex-start}@media(max-width:600px){header:has(>a[href="/"]:first-child){align-items:flex-start;padding-top:20px}}
@media(max-width:768px){header:has(>a[href="/"]:first-child){padding-left:20px;padding-right:20px}}
/* Only the logo image accepts pointer interaction; labels remain static. */
.sports-topbar .sports-brand,.topbar .brand,header>a[href="/"]:first-child{pointer-events:none;cursor:default;transform:none}
.sports-topbar .sports-brand>img,.topbar .brand>img,header>a[href="/"]:first-child>img{pointer-events:auto;cursor:pointer;transition:transform .4s ease,opacity .4s ease}
header>a[href="/"]:first-child:hover>img{transform:scale(1.05);opacity:.85}
@media(min-width:768px) and (max-width:1400px){body:has(header>ul){--topbar-h:124px}header:has(>ul){flex-wrap:wrap;padding-top:20px;padding-bottom:12px}header>ul{width:100%;justify-content:flex-end;gap:24px!important}header>ul>li>a{white-space:nowrap}}
@media(max-width:600px){body:has(header>ul){--topbar-h:156px}header>a[href="/"]:first-child::after{white-space:normal}.sports-topbar{height:132px;--topbar-h:132px}.sports-page{--topbar-h:132px}.sports-topbar .sports-brand>span,.topbar .brand>span{white-space:normal}}
@media(max-width:600px){header>a[href="/"]:first-child{flex-shrink:0}header>a[href="/"]:first-child::after{text-wrap:balance}header:has(>a[href="/"]:first-child)>button{position:absolute;right:20px;bottom:12px}}

@media(min-width:601px){.sports-topbar .sports-brand,.topbar .brand {
    position: relative;
    top: -6px; /* 负数向上，正数向下 */
  }header>a[href="/"]:first-child{align-items:center}}