/* ============================================================================
 * public/combo-compact.css —— 全站「功能大卡」压成小卡（2026-10-12 · 开发员17号）
 * ----------------------------------------------------------------------------
 * 老板原话：
 *   "全站功能大卡功能换成正常的小卡，我觉得导航页在左侧，大卡太多不美观，
 *    板块banner不要动"
 *
 * 背景：hero.css 里曾按「用户要求尺寸与 banner 一致」把大卡撑到
 *       `min-height: var(--hero-min)`（≈160~190px）。本次改成**小卡体量**。
 *
 * 🔴 只覆盖**功能大卡**（`.combo-card*`）；**板块 banner（`.hero` / `.section-head`）
 *    一律不动** —— 这是老板明确点名的边界。
 * 🔴 本文件必须**最后加载**（排在 hero.css 与各 *entry.css 之后）才压得住，
 *    index.html 里放在 nav-style.css / newsecs.css 之后。
 * 🔴 不改任何 HTML 结构（13 张大卡的 data-action / data-page-node-id 全部原样保留），
 *    所以 app.js 的点击委托（`.func-card, .quick-item, .combo-card`）不受影响。
 * ============================================================================ */

/* ---------- 1. 取消「与 banner 等高」—— 大卡变大的唯一原因 ---------- */
.combo-card,
.combo-card.ip-entry,
.combo-card.em-entry,
.combo-card.hk-entry,
.combo-card.od-entry,
.combo-card.mv-entry,
.combo-card.wn-entry,
.combo-card.boss-entry {
  min-height: 0;
  padding: 12px 14px;
  border-radius: 16px;
  margin-bottom: 10px;
  gap: 11px;
  box-shadow: 0 4px 12px rgba(249, 89, 1, 0.16);
}

/* ---------- 2. 字号 / 间距各收一档 ---------- */
.combo-card .combo-name,
.combo-card [class$="-entry-name"] {
  font-size: 15px;
  letter-spacing: 0.3px;
}
.combo-card .combo-sub,
.combo-card [class$="-entry-sub"] {
  font-size: 12px;
  line-height: 1.45;
  margin-top: 3px;
  -webkit-line-clamp: 2;      /* 最多两行，高矮一致 */
}
.combo-card .combo-ico,
.combo-card [class$="-entry-ico"] { font-size: 26px; }
.combo-card .combo-arrow { font-size: 20px; }

.combo-card [class$="-entry-tag"] {
  margin-bottom: 5px;
  font-size: 11.5px;
  padding: 2px 8px;
}
.combo-card [class$="-entry-flow"] { margin-top: 7px; }
.combo-card [class$="-entry-flow"] span { font-size: 11px; padding: 2px 7px; }
.combo-card [class$="-entry-flow"] i { font-size: 11px; }

/* ---------- 3. 右侧配图（大卡里最占地方的视觉主体）收小 ---------- */
.combo-card [class$="-entry-art"] {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
}
.combo-card [class$="-entry-art"] i { font-size: 12px; }

/* ---------- 4. 手机端：再收紧一点（窄屏上一行两张会挤爆，保持整宽） ---------- */
@media (max-width: 480px) {
  .combo-card,
  .combo-card.ip-entry,
  .combo-card.em-entry,
  .combo-card.hk-entry,
  .combo-card.od-entry,
  .combo-card.mv-entry,
  .combo-card.wn-entry,
  .combo-card.boss-entry {
    padding: 11px 12px;
    border-radius: 14px;
    margin-bottom: 9px;
  }
  .combo-card .combo-name,
  .combo-card [class$="-entry-name"] { font-size: 14.5px; }
  .combo-card [class$="-entry-art"] { width: 46px; height: 46px; }
}