/* ==========================================================================
   kaoshi-pici.css —— 考试批次页专属样式
   模块：hero / 排考规则卡 / 两地批次表 / 截止节点 / 月历网格 / 订阅图文
   ========================================================================== */

/* ---------- 内页 Hero ---------- */
.page-hero-pici{background-image:url("../../images/banner-kaoshi.jpg")}

/* ---------- 模块一：排考规则 ---------- */
.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rule-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:30px 28px;transition:transform .3s ease,box-shadow .3s ease;
}
.rule-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.rule-ico{
  display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;
  border-radius:12px;background:var(--gold-pale);color:var(--gold-deep);margin-bottom:18px;
}
.rule-card h3{font-size:19px;margin-bottom:10px}
.rule-card p{margin:0;font-size:14.5px;color:var(--muted)}

/* ---------- 模块二：批次安排表 ---------- */
.table-wrap{overflow-x:auto;border-radius:var(--radius)}
.pici-table td:last-child{font-weight:600;color:var(--gold-deep)}
.table-note{margin-top:18px;font-size:14px;color:var(--muted)}
.table-note a{color:var(--gold-deep);text-decoration:underline}

/* ---------- 模块三：截止节点 ---------- */
.node-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.node-item{
  border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);
  padding:24px 22px;border-top:3px solid var(--gold);
}
.node-time{
  display:inline-block;font-family:var(--serif);font-weight:700;font-size:16px;
  color:var(--gold-deep);margin-bottom:10px;
}
.node-item h3{font-size:16.5px;margin-bottom:8px}
.node-item p{margin:0;font-size:13.5px;color:var(--muted)}

/* ---------- 模块四：月历网格（深色底页） ---------- */
.cal-wrap{max-width:900px;margin:0 auto}
.cal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cal-cell{
  border-radius:var(--radius-sm);padding:22px 18px;min-height:96px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.cal-cell span{font-family:var(--serif);font-size:20px;font-weight:700}
.cal-cell i{font-style:normal;font-size:12.5px;margin-top:8px;opacity:.85}
.cal-full{background:var(--gold);color:var(--ink)}
.cal-half{background:rgba(255,255,255,.12);color:#d9d6cf;border:1px solid rgba(255,255,255,.18)}
.cal-half span{color:var(--gold-pale)}
.cal-legend{
  display:flex;flex-wrap:wrap;gap:26px;margin-top:22px;
  font-size:13px;color:rgba(255,255,255,.6);
}
.cal-legend span{display:inline-flex;align-items:center;gap:8px}
.lg{width:16px;height:16px;border-radius:4px;display:inline-block}
.lg-full{background:var(--gold)}
.lg-half{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3)}

/* ---------- 模块五：订阅提醒图文 ---------- */
.sub-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.sub-text h2{font-size:28px;margin:10px 0 16px}
.sub-text>p{color:var(--muted);font-size:15px}
.sub-points{margin:20px 0 26px}
.sub-points li{
  display:flex;gap:12px;align-items:center;padding:9px 0;
  font-size:14.5px;font-weight:600;color:var(--ink-soft);
}
.sub-points svg{flex:0 0 auto;color:var(--gold-deep)}
.sub-media img{border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;height:auto;object-fit:cover}
.sub-media figcaption{font-size:13px;color:var(--muted);margin-top:12px;text-align:center}

/* ---------- 模块六：批次变动应对 ---------- */
.change-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.change-item{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:26px 24px;border-left:4px solid var(--gold);
}
.change-no{
  display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:50%;background:var(--gold-pale);color:var(--gold-deep);
  font-family:var(--serif);font-weight:700;margin-bottom:14px;
}
.change-item h3{font-size:17px;margin-bottom:8px}
.change-item p{margin:0;font-size:14px;color:var(--muted)}

/* ---------- FAQ 收窄 ---------- */
.container-narrow{max-width:860px}
.faq-list{margin-top:8px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .rule-grid{grid-template-columns:1fr}
  .node-grid{grid-template-columns:1fr 1fr}
  .cal-grid{grid-template-columns:1fr 1fr}
  .sub-cols{grid-template-columns:1fr;gap:28px}
  .change-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .node-grid{grid-template-columns:1fr}
  .cal-grid{grid-template-columns:1fr 1fr}
}