/* ============================================================
   首页「大家都在查」问答块（2026-11-08）
   - 只首页用；类名前缀 kb-hq__，避免和站内其他样式冲突
   - 由 wanghaitao/kb_homeqa.php 生成 markup，别在页面里写行内样式
   - 版本：20261108af（手机端 3 个入口左右均分：flex:1 等宽）（热门演员墙放页底：去掉 80px 上边距，补满剧评与演员墙之间的空隙）
   ============================================================ */
.kb-hq__fire{margin-right:7px;font-size:1.05em}

.kb-hq{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}

.kb-hq li{
  display:flex;gap:10px;align-items:flex-start;
  padding:6px 0;
  border-bottom:1px dashed rgba(255,255,255,.06);
}
.kb-hq li:last-child{border-bottom:0}

.kb-hq__n{
  flex:0 0 20px;height:20px;line-height:18px;text-align:center;
  border-radius:6px;font-size:11.5px;font-weight:800;
  background:rgba(255,255,255,.05);color:#93a9ad;
  border:1px solid rgba(255,255,255,.07);
}
.kb-hq__n--top{
  background:rgba(255,92,77,.16);color:#ff8d80;
  border-color:rgba(255,92,77,.30);
}

.kb-hq__a{
  display:block;font-size:13px;line-height:1.6;font-weight:400;
  text-decoration:none;color:#d2e3e5;
  /* 长剧名+长问句在窄屏也别把页面撑宽 */
  overflow-wrap:anywhere;word-break:break-word;
}
.kb-hq__a:hover{color:#00CEC9}
.kb-hq__a--top{color:#fff;font-weight:600}
.kb-hq__a--top:hover{color:#00CEC9}

.kb-hq__show{color:#87a0a4}
.kb-hq__a--top .kb-hq__show{color:#9fb6ba}

/* ---- 手机端：整块变全宽，行高/字号放大到好点、不挤 ---- */
/* 手机端：行高/字号放大，长句不撑宽 */
@media (max-width:768px){
  .kb-hq{gap:0}
  .kb-hq li{padding:11px 0;gap:12px}
  .kb-hq__n{flex:0 0 24px;height:24px;line-height:22px;font-size:12.5px;border-radius:7px}
  .kb-hq__a{font-size:14.5px;line-height:1.65}
  .kb-hq__fire{margin-right:6px;font-size:1em}
}
@media (max-width:380px){
  .kb-hq__a{font-size:14px}
  .kb-hq li{padding:10px 0}
}
/* ============================================================
   首页「热门推荐 / 分类」卡片改横版（2026-11-08 老板选 A）
   - 小缩略图 76×106 + 文字（剧名 / 角色数 / 关系线数）
   - 4 列（每个板块 8 张 → 2 行，不会剩下空格子）
   - 去掉"播放"图标（本站不提供播放）
   - 覆盖评分徽章：黄色底 + 深色字，保证看得见
   - 只作用于首页（本文件只首页加载）
   ============================================================ */
.main .video-grid{
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;   /* 3 列 × 每板块 9 张 = 3×3 排满，不留空格 */
  gap:12px !important;
}

.main .video-card{
  display:grid;
  grid-template-columns:100px 1fr;
  grid-template-rows:auto auto auto;
  column-gap:12px;row-gap:3px;align-content:start;
  padding:10px 12px;border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.07);
}
.main .video-card:hover{
  transform:none;
  border-color:rgba(0,206,201,.35);
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}

.main .video-card__cover{
  grid-column:1;grid-row:1 / span 3;
  align-self:start;
  position:relative;width:100px;height:133px;
  aspect-ratio:auto;border-radius:6px;overflow:hidden;
}
.main .video-card__img{width:100px;height:133px}
.main .video-card__img img{width:100%;height:100%;object-fit:cover;transform:none}
.main .video-card:hover .video-card__img{transform:none}
.main .video-card__overlay{display:none}

/* 评分徽章：沿用原来的黄色底，别用深色底+深色字（会看不见） */
.main .video-card__score{
  left:4px;top:4px;padding:1px 6px;border-radius:4px;
  font-size:11.5px;line-height:1.5;
  background:rgba(253,203,110,.92);color:#16292b;
}
.main .video-card__score svg{width:11px;height:11px;fill:#16292b}

.main .video-card__info{grid-column:2;grid-row:1;padding:0;min-width:0}
.main .video-card__title{
  font-size:15.5px;line-height:1.4;margin:0 0 5px !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.main .video-card__tag{
  grid-column:2;grid-row:2;margin:0;padding:0;
  background:none;border-radius:0;
  font-size:12px;line-height:1.7;color:#7f969a;
  display:flex;flex-wrap:nowrap;align-items:baseline;column-gap:0;
  white-space:nowrap;
}
.main .video-card__tag .data-num{color:#00CEC9;font-weight:700}
.main .video-card__tag .data-label{color:#7f969a;margin-right:3px}

/* ============================================================
   卡片快速入口（桌面）+ 首页布局收尾 + 手机端（唯一生效块）
   2026-11-08 重写：清掉历史上叠了很多遍的移动端覆盖，避免旧规则互相打架
   ============================================================ */
.main .video-card__links{
  grid-column:2;grid-row:3;
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;
}
.main .video-card__links a{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11.5px;line-height:1.4;padding:2px 8px;border-radius:5px;
  background:rgba(0,206,201,.10);border:1px solid rgba(0,206,201,.18);
  color:#7fd6d0;text-decoration:none;white-space:nowrap;
}
.main .video-card__links a:hover{background:rgba(0,206,201,.20);color:#d6fffb}

/* 热门演员墙挪到页底后：首页顶部补间距 + 收掉主区底部 60px 空档 */
.main .content-area{padding-top:68px}
.home-stats{margin-top:14px !important;margin-bottom:0}
.main{padding-bottom:0 !important}

/* ================= 手机端（唯一生效块，放最后） ================= */
@media (max-width:768px){
  .main .content-area{padding-top:56px}
  .home-stats{margin-top:16px !important}

  /* 两列：用 flex，方便把"奇数多出来的那张"用 order:-1 提到最上面 */
  .main .video-grid{display:flex !important;flex-wrap:wrap !important;gap:10px !important}
  .main .video-card{
    flex:0 0 calc(50% - 5px) !important;
    max-width:calc(50% - 5px) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto auto auto;
    row-gap:2px !important;
    padding:0 0 8px !important;
    border-radius:10px;overflow:hidden;
  }
  .main .video-card__cover{
    grid-column:1 !important;grid-row:1 !important;
    width:100% !important;height:auto !important;
    aspect-ratio:16/9 !important;
    border-radius:0;position:relative;overflow:hidden;
  }
  .main .video-card__cover::before{content:none !important}
  .main .video-card__img{width:100% !important;height:100% !important;background:none !important}
  .main .video-card__img img{
    object-fit:cover !important;object-position:center 22% !important;
    transform:none !important;width:100% !important;height:100% !important;
  }
  .main .video-card__info{grid-column:1 !important;grid-row:2 !important;padding:7px 9px 0 !important}
  .main .video-card__title{font-size:13px !important;line-height:1.35;margin:0 0 2px !important}
  .main .video-card__tag{
    grid-column:1 !important;grid-row:3 !important;
    padding:0 9px !important;font-size:10px !important;
    white-space:nowrap !important;flex-wrap:nowrap !important;column-gap:0 !important;
    overflow:hidden;
  }
  .main .video-card__links{
    grid-column:1 !important;grid-row:4 !important;
    padding:0 9px !important;margin-top:3px !important;gap:4px !important;
    flex-wrap:nowrap !important;align-items:center !important;
  }
  .main .video-card__links a{
    display:inline-flex !important;align-items:center !important;justify-content:center !important;
    flex:1 1 0 !important;min-width:0 !important;   /* 3 个入口左右均分，不挤在左边 */
    height:18px !important;font-size:10px !important;padding:0 3px !important;line-height:1 !important;
    white-space:nowrap !important;
  }
  /* 手机上只留 3 个入口（演员表/播出时间/分集剧情），第 4 个观剧十问隐藏 */
  .main .video-card__links a:nth-child(n+4){display:none !important}

  /* 奇数板块多出来的那张：置顶 + 铺满整行（横版小卡） */
  .main .video-grid > .video-card:last-child:nth-child(odd){
    order:-1 !important;
    flex:0 0 100% !important;max-width:100% !important;
    grid-template-columns:180px 1fr !important;
    grid-template-rows:auto auto auto !important;
    column-gap:10px !important;
  }
  .main .video-grid > .video-card:last-child:nth-child(odd) .video-card__cover{
    grid-column:1 !important;grid-row:1 / span 3 !important;
    width:180px !important;height:103px !important;
    aspect-ratio:auto !important;border-radius:6px !important;overflow:hidden;
  }
  .main .video-grid > .video-card:last-child:nth-child(odd) .video-card__img{
    width:180px !important;height:103px !important;
  }
  .main .video-grid > .video-card:last-child:nth-child(odd) .video-card__info{
    grid-column:2 !important;grid-row:1 !important;padding:8px 9px 0 0 !important;
  }
  .main .video-grid > .video-card:last-child:nth-child(odd) .video-card__tag{
    grid-column:2 !important;grid-row:2 !important;padding:0 9px 0 0 !important;white-space:normal !important;
  }
  .main .video-grid > .video-card:last-child:nth-child(odd) .video-card__links{
    grid-column:2 !important;grid-row:3 !important;padding:0 9px 0 0 !important;
  }
}