/* 建考帮 · 基础题库/VIP题库 目录页 —— 仅做少量覆盖，版式与样式全部来自羿文新版 CSS。 */

/* 顶部导航右侧与全站一致：宽度自适应内容、单行不换行（避免被挤压换行把导航推下来） */
header.header .mainBody .right { width: auto !important; flex: 0 0 auto !important; white-space: nowrap; }
header.header .mainBody .right a { white-space: nowrap; }

/* 基础题库/VIP题库：pageHeader 背景改为白色（原为 inherit，会继承页面浅灰底） */
.pageHeader { background: #ffffff !important; }

/* 轮播高度见 ks_banner_box.css；此处仅保留目录页其它样式 */

/* 列表空态/加载态 */
.ks-empty { padding: 48px 0; text-align: center; color: #999; font-size: 15px; }

/* 列表按钮间距（两个按钮时） */
.listBox .item .btnBox a + a { margin-left: 10px; }

/* 价格展示：原价划掉 + 优惠价（红） */
.listBox .item .t3 .ks-old { text-decoration: line-through; color: #b0b0b0; font-size: 14px; font-weight: 400; margin-right: 6px; }
.listBox .item .t3 .ks-now { color: #d09815; font-weight: 700; }

/* 权益说明（基础=押题密卷 / VIP=AI智能学习+押题密卷） */
.listBox .item .it2 .ks-feat { color: #c8902b; font-weight: 600; }

/* 登录回跳后高亮待购题库 */
.listBox .item.ks-buy-target { outline: 2px solid #d09815; outline-offset: 2px; border-radius: 4px; }

/* ── 移动端：精准押题 / VIP / SVIP 题库目录页 ── */
@media (max-width: 768px) {
  .questionHome {
    width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
  }

  .questionHome .banner-carouse,
  .questionHome .banner-carouse .ks-banner-inner,
  .questionHome .banner-carouse .ks-banner-fallback {
    height: var(--ks-banner-height, 200px) !important;
    min-height: var(--ks-banner-height, 200px) !important;
  }

  .questionHome .examInfo {
    padding: 16px 12px !important;
    box-sizing: border-box;
  }

  .questionHome .examInfo .typeBox,
  .questionHome .examInfo .moreBox {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .questionHome .examInfo .typeBox .left {
    line-height: 1.4 !important;
    font-size: 15px !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
  }

  .questionHome .examInfo .typeBox .right {
    width: 100% !important;
    gap: 8px !important;
  }

  .questionHome .examInfo .typeBox .right .item {
    font-size: 13px !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 12px !important;
  }

  .questionHome .listBox {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 12px !important;
    box-sizing: border-box !important;
  }

  .questionHome .listBox .item {
    padding: 16px 12px !important;
    margin-top: 16px !important;
    min-height: 0 !important;
    background-size: cover !important;
  }

  .questionHome .listBox .item.item1 {
    padding-left: 12px !important;
  }

  .questionHome .listBox .item .it1 {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  .questionHome .listBox .item .it2 {
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 6px !important;
  }

  .questionHome .listBox .item .t1 {
    white-space: normal !important;
    font-size: 16px !important;
    width: 100% !important;
  }

  .questionHome .listBox .item .t2 {
    margin-right: 0 !important;
    font-size: 12px !important;
    height: auto !important;
    min-height: 28px !important;
    padding: 4px 8px !important;
  }

  .questionHome .listBox .item .t3 {
    font-size: 18px !important;
    align-self: flex-start !important;
  }

  .questionHome .listBox .item .btnBox {
    margin-left: 0 !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: stretch !important;
  }

  .questionHome .listBox .item .btnBox a {
    flex: 1 1 calc(50% - 4px);
    min-width: 0;
  }

  .questionHome .listBox .item .btnBox .btn1,
  .questionHome .listBox .item .btnBox .btn2,
  .questionHome .listBox .item .btnBox .btn3 {
    width: 100% !important;
    margin-right: 0 !important;
    height: 40px !important;
  }

  .questionHome .paginationItem {
    width: 100% !important;
    padding: 0 12px 16px !important;
    box-sizing: border-box !important;
  }

  html.ks-mobile-app .questionHome {
    padding-bottom: 8px;
  }

  .questionHome .listBox .item .it2 .ks-feat {
    white-space: normal !important;
    word-break: break-word !important;
    max-width: 100% !important;
  }

  .questionHome .listBox .item > .it1:first-child {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .questionHome .listBox .item > .it1:first-child .t3 {
    margin-top: 4px !important;
  }
}