/* 全站统一顶栏与内容起始线：logo + 笔记 / 社区作品 / 教师中心 / 知识库 / 机构管理 / 校长总览 */
:root{--cc-topbar-h:58px;--cc-content-gap:12px}
.cc-global-brand{display:flex;align-items:center;gap:10px;flex:none;min-width:158px;height:50px;margin:0 12px 0 0;text-decoration:none;line-height:1.15;font-size:18px;font-weight:800;white-space:nowrap}
.cc-global-brand .logo{width:40px;height:40px;display:block;object-fit:cover;border-radius:10px;flex:none}
.cc-global-brand .bw{display:flex;flex-direction:column}
.cc-global-brand .bw i{font-style:normal}
.cc-global-brand small{display:block;font-size:11px;font-weight:400;letter-spacing:.4px}
.topbar,.side,.cct,.cc-admin-topbar{box-sizing:border-box;min-height:var(--cc-topbar-h)}
.side .hi,.cct .hi{display:none!important}
.cc-admin-topbar{display:flex;align-items:center;gap:8px;padding:7px 20px;position:sticky;top:0;z-index:60;background:rgba(20,26,58,.96);border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.cc-admin-topbar .nav{display:flex;gap:4px;margin:0;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.cc-admin-topbar .nav a{color:#cfd6ee;text-decoration:none;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;white-space:nowrap}
.cc-admin-topbar .nav a.on{color:#fff;background:linear-gradient(90deg,#7c5cf0,#4f6df5)}
#works-real{margin-top:var(--cc-content-gap)!important}
#works-real>section{min-width:0}
.owner-hub .panel{overflow-x:auto}
body>.cct-extra{margin:var(--cc-content-gap) 14px 0!important;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(20,26,58,.82)}
@media (min-width:1101px){
  .topbar,.side,.cct,.cc-admin-topbar{height:var(--cc-topbar-h);flex-wrap:nowrap}
  .hero{margin-top:var(--cc-content-gap)!important}
  .app>.main{padding-top:var(--cc-content-gap)!important}
  body>.cc-admin-topbar+.wrap{padding-top:var(--cc-content-gap)!important}
}
@media (max-width:1100px){
  .cc-global-brand{min-width:148px}
  .hero,#works-real{margin-top:var(--cc-content-gap)!important}
  .app>.main{padding-top:var(--cc-content-gap)!important}
  body>.cc-admin-topbar+.wrap{padding-top:var(--cc-content-gap)!important}
}
@media (max-width:820px){
  body:has(>.cct){height:auto;min-height:100%}
  body:has(>.cct) #wrap{flex-direction:column;overflow:visible}
  body:has(>.cct) #col1,body:has(>.cct) #col2,body:has(>.cct) #col3{width:100%;min-height:0;box-sizing:border-box}
  body:has(>.cct) #col1,body:has(>.cct) #col2{max-height:310px}
  body:has(>.cct) #col3{min-height:72vh}
}
@media (max-width:620px){
  .cc-global-brand{min-width:142px;height:46px;margin-right:4px;font-size:16px}
  .cc-global-brand .logo{width:36px;height:36px}
  .cc-global-brand small{font-size:10px}
  .cc-admin-topbar{flex-wrap:wrap;padding:7px 10px}
  .cc-admin-topbar .nav{flex:1 0 100%}
  .topbar{height:auto;min-height:58px;flex-wrap:wrap;padding:7px 0;row-gap:6px}
  .topbar .nav{order:3;flex:1 0 100%;max-width:100%;margin-left:0}
  .topbar .top-right{flex:1;min-width:0;overflow-x:auto;padding:3px}
  #works-real{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #works-real>aside{position:static!important}
  #works-real input{max-width:100%;box-sizing:border-box}
  body>.cct-extra{margin-left:8px!important;margin-right:8px!important}
}
/* 2026-11-01：首帧隐藏旧导航，避免新顶栏挂载前闪出重复项 */
.topbar .nav,.topbar .top-right,.ccn-navs,.ccn-acct,.ccn-out{display:none!important}