/* 全站页头页脚（4 个页面共用）：蓝色渐变取自球探页头 #1272CC → #168FD5；内容宽度跟随各页 .page（site.js 写入 --site-w） */
.site-hd { min-height: 56px; background: linear-gradient(90deg, #1272CC 13%, #168FD5 73%, #1272CC 87%); color: #fff; }
.site-hd .in, .site-ft .in { max-width: var(--site-w, 1100px); margin: 0 auto; padding: 0 12px; }
.site-hd .in { display: flex; align-items: center; gap: 24px; height: 56px; }
.site-hd .brand { display: flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; }
.site-hd .brand img { width: 30px; height: 30px; border-radius: 7px; box-shadow: 0 1px 3px #00000033; }
.site-hd .brand b { font: 700 20px/1 Verdana, Tahoma, sans-serif; letter-spacing: 0.02em; }
.site-hd .brand small { margin-left: 2px; color: #FFFFFFCC; font-size: 12px; }
.site-hd nav { display: flex; align-self: stretch; }
.site-hd nav a { display: flex; align-items: center; padding: 0 12px; border-bottom: 3px solid transparent; color: #FFFFFFCC; font-size: 15px; text-decoration: none; }
.site-hd nav a:hover { color: #fff; }
.site-hd nav a.on { border-bottom-color: #FF5106; color: #fff; font-weight: 700; }
.site-hd .clock { margin-left: auto; color: #FFFFFFCC; font: 12px/1 Verdana, Tahoma, sans-serif; white-space: nowrap; }
.site-hd .clock b { margin-left: 6px; color: #fff; font-size: 14px; font-weight: 400; }
.site-ft { background: #F7F7F7; border-top: 1px solid #DDDDDD; color: #888; font-size: 12px; line-height: 1.8; }
.site-ft .in { padding: 16px 12px 24px; text-align: center; }
.site-ft .note { color: #666; }
@media (max-width: 640px) {
  .site-hd .in { gap: 12px; height: 48px; }
  .site-hd .brand small, .site-hd nav a.home, .site-hd .clock .lbl { display: none; }   /* 手机：留站名、详情互跳、时钟 */
  .site-hd nav a { padding: 0 8px; }
  .site-hd .clock b { font-size: 12px; }
}