/* ============================================================
   运动项目百科（sport 模块）样式
   由 _sport_head.php 按模块名自动加载：skin/static/css/sport.css
   本文件自带全部所需控件样式 —— 模块之间不共享 CSS 文件，
   这样任何一个工具被删掉都不会影响别的工具（见 Mtool/NAMING.md 第六节）。
   ============================================================ */

/* ---------- 概览卡 ---------- */
.lg-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 18px}
.lg-stat{background:#fafbfc;border:1px solid #ebeef5;border-radius:10px;padding:12px 14px}
.lg-stat b{display:block;font-size:20px;line-height:1.3;color:#303133;font-weight:700}
.lg-stat span{display:block;margin-top:2px;font-size:12px;color:#909399}
.lg-stat small{display:block;margin-top:1px;font-size:11px;color:#c0c4cc}
.lg-h2{font-size:17px;font-weight:700;color:#303133;margin:22px 0 10px;
  padding-left:10px;border-left:3px solid #409eff}
.lg-note{background:#f8f9fb;border:1px solid #ebeef5;border-radius:8px;
  padding:10px 14px;font-size:13px;line-height:1.75;color:#606266}
.lg-note a{color:#3a7bd5}
.lg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.lg-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#f4f6f9;
  border:1px solid #e4e8ee;border-radius:18px;font-size:13px;color:#40485a;text-decoration:none}
.lg-chip:hover{background:#eaf1fb;border-color:#c3d8f5;color:#2b6cb0}
.lg-chip i{font-style:normal;font-size:11px;color:#9aa3b2}
.sp-plain{cursor:default}

/* ---------- 运动卡片网格 ---------- */
.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px;margin:0 0 16px}
.sp-card{display:block;background:#fff;border:1px solid #ebeef5;border-radius:10px;
  overflow:hidden;text-decoration:none;transition:box-shadow .15s,transform .15s}
.sp-card:hover{box-shadow:0 4px 16px rgba(64,158,255,.14);transform:translateY(-1px)}
.sp-card-img{display:block;width:100%;aspect-ratio:16/10;background:#f2f4f8;overflow:hidden}
.sp-card-img img{display:block;width:100%;height:100%;object-fit:cover}
.sp-card-no{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  font-size:20px;font-weight:700;color:#b9c2cf;background:#f2f4f8}
.sp-card b{display:block;padding:9px 11px 0;font-size:14px;color:#303133}
.sp-card small{display:block;padding:2px 11px 10px;font-size:11px;color:#9aa3b2;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- 运动页头部 ---------- */
.sp-hero{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:18px;
  align-items:start;margin:4px 0 16px}
.sp-photo{margin:0;background:#fafbfc;border:1px solid #ebeef5;border-radius:10px;padding:8px}
.sp-photo img{display:block;width:100%;height:auto;border-radius:6px;background:#eef1f5}
.sp-photo figcaption{margin-top:7px;font-size:11px;line-height:1.5;color:#909399;word-break:break-all}
.sp-photo figcaption a{color:#7a8ba6}
.sp-hero-txt p{margin:0 0 9px;font-size:14px;line-height:1.9;color:#4a5163}
.sp-hero-lead{font-size:15px;color:#303133}
.sp-p{margin:0 0 10px;font-size:14px;line-height:1.9;color:#4a5163}
@media(max-width:720px){
  .sp-hero{grid-template-columns:1fr}
  .sp-grid{grid-template-columns:repeat(auto-fill,minmax(126px,1fr))}
}