/* =====================================================================
   /template/qxsports/css/responsive.css
   响应式断点：1024 / 768 / 480
   ===================================================================== */

/* ---------- ≤1024px：平板 ---------- */
@media(max-width:1024px){
  .qx-grid-4{grid-template-columns:repeat(3,1fr)}
  .qx-grid-5{grid-template-columns:repeat(4,1fr)}
  .qx-footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .qx-footer-col:last-child{display:none}
}

/* ---------- ≤768px：手机 ---------- */
@media(max-width:768px){
  :root{--qx-gutter:14px}
  .qx-nav{display:none}
  .qx-burger{display:flex}
  .qx-header-in{height:60px}

  .qx-grid-2,.qx-grid-3,.qx-grid-4,.qx-grid-5{grid-template-columns:repeat(2,1fr)}
  .qx-split{grid-template-columns:1fr}
  .qx-sec{padding:32px 0}
  .qx-sec-title{font-size:20px}

  /* Hero 移动端 */
  .qx-hero{padding:34px 0 30px}
  .qx-hero-card{padding:24px 18px 22px;border-radius:18px}
  .qx-crest-xl{width:56px;height:56px}
  .qx-hero-nm{font-size:14px}
  .qx-hero-score{font-size:42px}
  .qx-hero-score i{font-size:26px}
  .qx-hero-mid{min-width:110px}
  .qx-hero-cta .qx-btn{flex:1;min-width:0}

  /* 赛事卡移动端 */
  .qx-match{padding:14px}
  .qx-match-score{font-size:24px}
  .qx-team .qx-crest{width:34px;height:34px}
  .qx-team-nm{font-size:12.5px}

  /* 页脚移动端 */
  .qx-footer{padding:40px 0 0;margin-top:48px}
  .qx-footer-grid{grid-template-columns:1fr 1fr;gap:26px}
  .qx-footer-brand{grid-column:1/-1}
  .qx-footer-desc{max-width:none}
  .qx-footer-bot{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ---------- ≤480px：小屏手机 ---------- */
@media(max-width:480px){
  .qx-grid-3,.qx-grid-4,.qx-grid-5{grid-template-columns:1fr}
  .qx-grid-2{grid-template-columns:1fr}

  .qx-hero-vs{gap:10px}
  .qx-hero-mid{min-width:92px}
  .qx-hero-score{font-size:34px}
  .qx-hero-bar{display:none}

  .qx-fbar{overflow-x:auto}
  .qx-team-wall{grid-template-columns:repeat(2,1fr)}
  .qx-footer-grid{grid-template-columns:1fr}
  .qx-totop{right:16px;bottom:16px;width:42px;height:42px}
}

/* ---------- 横屏小设备修正 ---------- */
@media(max-height:480px) and (orientation:landscape){
  .qx-hero{padding:24px 0}
  .qx-hero-card{padding:20px}
}
/* =====================================================================
   页头移动端修复（768px 以下）
   ===================================================================== */
@media(max-width:768px){
  /* 页头整体 */
  .qx-phead{padding:24px 0 22px}
  
  /* 标题和统计块纵向堆叠 */
  .qx-phead-row{flex-direction:column;align-items:flex-start;gap:16px}
  
  /* 标题字号缩小 */
  .qx-phead-title{font-size:clamp(22px,6vw,28px);margin:6px 0 10px}
  
  /* 描述文字 */
  .qx-phead-desc{font-size:12.5px;line-height:1.7}
  
  /* 统计块：横向滚动或换行 */
  .qx-phead-stats{
    display:flex;
    gap:8px;
    width:100%;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding-bottom:4px;
  }
  .qx-phead-stats::-webkit-scrollbar{display:none}
  
  /* 单个统计块缩小 */
  .qx-pstat{
    flex:0 0 auto;
    min-width:80px;
    padding:10px 14px;
  }
  .qx-pstat b{font-size:20px}
  .qx-pstat s{font-size:10px}
  
  /* 切换按钮：纵向堆叠 */
  .qx-sport-switch{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    width:100%;
    margin-top:14px;
  }
  .qx-sport-switch a{
    flex:1 1 auto;
    min-width:0;
    padding:9px 14px;
    font-size:13px;
    text-align:center;
  }
  
  /* 面包屑 */
  .qx-crumb{font-size:11.5px;margin-bottom:14px}
}

/* 超小屏（480px 以下）进一步优化 */
@media(max-width:480px){
  .qx-phead{padding:20px 0 18px}
  .qx-phead-title{font-size:22px}
  .qx-phead-desc{display:none}  /* 超小屏隐藏描述，节省空间 */
  .qx-pstat{min-width:70px;padding:8px 10px}
  .qx-pstat b{font-size:18px}
  .qx-sport-switch a{font-size:12px;padding:8px 10px}
}