.hub-head{background:linear-gradient(120deg,#C8102E 0%,#8A1515 40%,#12308F 100%);color:#fff;
padding:34px 20px 30px;text-align:center;position:relative;overflow:hidden}
.hub-head::before,.hub-head::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.hub-head::before{width:260px;height:260px;top:-110px;right:-60px}
.hub-head::after{width:180px;height:180px;bottom:-80px;left:-40px}
.hub-head .kick{font-size:12px;letter-spacing:3px;opacity:.85;margin-bottom:10px}
.hub-head h1{font-size:34px;font-weight:800;letter-spacing:3px}
.hub-head .sub{font-size:13.5px;opacity:.85;margin-top:8px}
.hub-tabs{display:flex;gap:14px;justify-content:center;padding:26px 16px 22px;flex-wrap:wrap;
background:rgba(246,244,239,.96)}
.hub-tab{background:#fff;border:1.5px solid #E4E0D8;border-radius:14px;padding:14px 26px;cursor:pointer;
text-align:center;min-width:205px;transition:.22s;box-shadow:0 2px 10px rgba(0,0,0,.04);font-family:inherit}
.hub-tab:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.hub-tab.active{border-color:#C8102E;box-shadow:0 0 0 3px rgba(200,16,46,.12)}
.hub-tab[data-color="navy"].active{border-color:#12308F;box-shadow:0 0 0 3px rgba(18,48,143,.12)}
.hub-tab[data-color="blue"].active{border-color:#2E5BFF;box-shadow:0 0 0 3px rgba(46,91,255,.12)}
.hub-tab .t-name{font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}
.hub-tab .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.hub-tab .dot.red{background:#C8102E}.hub-tab .dot.navy{background:#12308F}.hub-tab .dot.blue{background:#2E5BFF}
.hub-tab small{display:block;color:#8B877E;font-size:12px;margin-top:5px}
.book{display:none}
.book.active{display:block}
/* 顶部固定容器：桌面不吸顶，移动端吸顶 */
:root{--hub-top-h:0px}
.hub-top{position:relative;z-index:300}
/* 标准华图页脚 */
.footer{background:#2F3437;color:#B9B7B0;text-align:center;padding:24px 16px;font-size:12.5px;line-height:2}
.footer a{color:#B9B7B0;text-decoration:none;margin:0 2px}
.footer a:hover{color:#fff}
/* ===== 移动端优化 ===== */
@media(max-width:768px){
  :root{--hub-top-h:150px}
  .hub-top{position:sticky;top:0;z-index:300;box-shadow:0 2px 12px rgba(0,0,0,.12)}
  .hub-head{padding:14px 12px 12px}
  .hub-head .kick{display:none}
  .hub-head h1{font-size:20px;letter-spacing:2px}
  .hub-head .sub{font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hub-tabs{padding:8px 8px 8px;gap:8px;flex-wrap:nowrap}
  .hub-tab{min-width:0;flex:1;padding:9px 4px;border-radius:10px;box-shadow:none}
  .hub-tab:hover{transform:none;box-shadow:none}
  .hub-tab .t-name{font-size:14px;gap:5px}
  .hub-tab .dot{width:8px;height:8px}
  .hub-tab small{display:none}
  .footer{padding:18px 10px;font-size:11.5px;line-height:2.1}
}