/* ============================================================
   components.css —— 跨页共用组件（首页 / 赛程页 按需加载）
   内容：区块容器 .sec / 推荐位表格 .rec-table / 标语条 .tagline-bar / 标签云 .tw .tag
   ============================================================ */

/* ---------- 区块容器 ---------- */
.Yshiyunyuanlin-sec{padding:40px 0}
.Yshiyunyuanlin-sec-g{background:var(--sw)}
.Yshiyunyuanlin-sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.Yshiyunyuanlin-sec-tl{font-size:22px;font-weight:700;display:flex;align-items:center;gap:10px}
.Yshiyunyuanlin-sec-tl::before{content:'';width:4px;height:22px;background:linear-gradient(180deg,var(--ac),rgba(37,99,235,.12));border-radius:2px;flex-shrink:0}
.Yshiyunyuanlin-sec-mr{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;font-size:14px;font-weight:600;color:var(--ac);background:var(--acp);border:1px solid rgba(37,99,235,.2);border-radius:20px;transition:.25s}
.Yshiyunyuanlin-sec-mr::after{content:'›';font-size:16px;font-weight:700;transition:transform .25s}
.Yshiyunyuanlin-sec-mr:hover{color:#fff;background:var(--ac);border-color:var(--ac);box-shadow:0 4px 16px rgba(37,99,235,.3);transform:translateY(-1px)}
.Yshiyunyuanlin-sec-mr:hover::after{transform:translateX(3px)}

/* ---------- 推荐位表格 ---------- */
.Yshiyunyuanlin-rec-table{display:grid;grid-template-columns:repeat(4,1fr);border-radius:var(--rl);overflow:hidden;background:var(--sw)}
.Yshiyunyuanlin-rec-cell{padding:18px 16px;border-right:1px solid var(--bd);border-bottom:1px solid var(--bd);transition:.25s;cursor:pointer;min-height:80px;display:flex;align-items:center}
.Yshiyunyuanlin-rec-cell:nth-child(4n){border-right:none}
.Yshiyunyuanlin-rec-cell:nth-child(n+5){border-bottom:none}
.Yshiyunyuanlin-rec-cell:hover{background:var(--acg)}
.Yshiyunyuanlin-rec-cell h4{font-size:15px;font-weight:600;color:var(--t1);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 标语条 / 标签云 ---------- */
.Yshiyunyuanlin-tagline-bar{background:linear-gradient(135deg,#0b1a42 0%,#16327a 100%);padding:20px 24px;text-align:center}
.Yshiyunyuanlin-tagline-bar p{color:#94a3b8;font-size:15px;line-height:1.6}
.Yshiyunyuanlin-tagline-bar strong{color:#60a5fa;font-weight:600}
.Yshiyunyuanlin-tw{display:flex;flex-wrap:wrap;gap:8px;padding:22px;background:var(--sw);border:1px solid var(--bdl);border-radius:var(--rl)}
.Yshiyunyuanlin-tag{padding:7px 18px;background:var(--bg);border:1px solid var(--bd);border-radius:20px;font-size:14px;color:var(--t2);font-weight:500;cursor:pointer;transition:.25s;white-space:nowrap}
.Yshiyunyuanlin-tag:hover{background:var(--acp);border-color:var(--ac);color:var(--ac);transform:translateY(-1px)}
.Yshiyunyuanlin-tag.Yshiyunyuanlin-hot{background:var(--redb);border-color:rgba(220,38,38,.12);color:var(--red)}

/* ---------- 响应式（首页与赛程页共用部分） ---------- */
@media(max-width:1024px){
  .Yshiyunyuanlin-rec-table{grid-template-columns:repeat(2,1fr)}
  .Yshiyunyuanlin-rec-cell{border-right:1px solid var(--bd);border-bottom:1px solid var(--bd)}
  .Yshiyunyuanlin-rec-cell:nth-child(4n){border-right:1px solid var(--bd)}
  .Yshiyunyuanlin-rec-cell:nth-child(n+5){border-bottom:1px solid var(--bd)}
  .Yshiyunyuanlin-rec-cell:nth-child(2n){border-right:none}
  .Yshiyunyuanlin-rec-cell:nth-child(n+7){border-bottom:none}
}
@media(max-width:640px){
  .Yshiyunyuanlin-rec-table{grid-template-columns:1fr}
  .Yshiyunyuanlin-rec-cell{border-right:none!important;border-bottom:1px solid var(--bd)!important}
  .Yshiyunyuanlin-rec-cell:last-child{border-bottom:none!important}
  .Yshiyunyuanlin-sec-tl{font-size:17px}
  .Yshiyunyuanlin-sec-hd{margin-bottom:12px}
  .Yshiyunyuanlin-sec-mr{padding:6px 14px;font-size:12px}
  .Yshiyunyuanlin-tw{padding:14px;gap:6px}
  .Yshiyunyuanlin-tag{padding:5px 13px;font-size:12px}
}