/* ============================================================
   changjian-wenti.css —— 常见问题总览（L2 全屏大字+错位）
   满屏大字、竖排装饰、浮动圆环、宽窄错位分栏
   ============================================================ */

.eyebrow-light{ color:var(--brown-500) !important; }
.eyebrow-light::before{ background:var(--brown-500); }

/* ---------- Hero ---------- */
.hero2{
  position:relative; min-height:88vh; display:flex; align-items:center; overflow:hidden;
  padding:calc(var(--header-h) + 60px) 0 80px;
  background:
    radial-gradient(circle at 82% 22%, rgba(176,141,102,.18), transparent 38%),
    var(--cream-50);
}
.hero2__v{
  position:absolute; right:5%; top:50%; transform:translateY(-50%);
  writing-mode:vertical-rl; letter-spacing:.5em; font-family:var(--font-serif);
  color:rgba(176,141,102,.45); font-size:20px;
}
.hero2__ring{
  position:absolute; left:-90px; bottom:-110px; width:300px; height:300px; border-radius:50%;
  border:2px dashed rgba(44,74,58,.25);
}
.hero2 .breadcrumb{ margin-bottom:20px; }
.hero2__eyebrow{ font-size:13px; letter-spacing:.36em; color:var(--brown-600); margin-bottom:20px; }
.hero2 h1{ font-size:clamp(40px,6.4vw,78px); line-height:1.18; margin-bottom:24px; }
.hero2__lead{ max-width:520px; font-size:17px; margin-bottom:32px; }
.hero2__actions{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- 五类卡片 ---------- */
.cat__grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
.cat-card{
  background:var(--white); border:1px solid var(--line); border-top:3px solid var(--green-800);
  padding:26px 22px; display:flex; flex-direction:column; transition:all .35s var(--ease);
}
.cat-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.cat-card:nth-child(even){ transform:translateY(14px); }
.cat-card__no{ font-family:var(--font-serif); font-size:22px; color:var(--brown-500); margin-bottom:12px; }
.cat-card h3{ margin-bottom:8px; }
.cat-card p{ font-size:13.5px; margin-bottom:16px; flex:1; }
.cat-card em{ font-style:normal; font-size:13px; color:var(--green-700); letter-spacing:.04em; }

/* ---------- 精选问答：宽窄错位 ---------- */
.picks__grid{
  display:grid; grid-template-columns:1.5fr 1fr; gap:clamp(26px,4vw,56px); align-items:start;
  margin-bottom:clamp(30px,4vw,50px);
}
.picks__grid--rev{ grid-template-columns:1fr 1.5fr; }
.picks__wide,.picks__narrow h2{ margin-bottom:18px; }
.picks__wide h2,.picks__narrow h2{ margin:6px 0 18px; }
.pick-item{ border-bottom:1px solid var(--line-strong); }
.pick-item summary{
  cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:14px; align-items:center;
  padding:16px 0; font-weight:600; color:var(--green-900); font-size:15px;
}
.pick-item summary span{ flex:none; font-family:var(--font-serif); color:var(--brown-600); transition:transform .3s; }
.pick-item[open] summary span{ transform:rotate(45deg); }
.pick-item p{ padding:0 0 16px; font-size:14.5px; }
.pick-item a{ color:var(--green-700); text-decoration:underline; text-underline-offset:3px; }

/* ---------- 没解决 ---------- */
.stuck__inner{ text-align:center; max-width:640px; margin-inline:auto; }
.stuck__inner h2{ margin-bottom:14px; }
.stuck__inner p{ margin-bottom:26px; }
.stuck__actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ---------- 联系方式（深底） ---------- */
.contact2__grid{ display:grid; grid-template-columns:1fr 1.2fr; gap:clamp(30px,5vw,70px); align-items:center; }
.contact2__copy p{ margin-top:12px; }
.contact2__list{ display:grid; gap:0; }
.contact2__list li{
  display:flex; align-items:baseline; gap:18px; padding:18px 0; border-bottom:1px solid rgba(251,248,241,.14);
}
.contact2__list b{ flex:none; width:48px; color:var(--brown-500); font-size:14px; letter-spacing:.1em; }
.contact2__list a{ font-family:var(--font-serif); font-size:20px; color:var(--cream-50); }
.contact2__list span{ color:rgba(251,248,241,.55); font-size:13px; margin-left:auto; }

/* ---------- CTA ---------- */
.cta2__inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px;
  border-top:2px solid var(--green-900); padding-top:40px;
}
.cta2__actions{ display:flex; gap:14px; flex-wrap:wrap; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .cat__grid{ grid-template-columns:1fr 1fr; }
  .cat-card:nth-child(even){ transform:none; }
  .picks__grid,.picks__grid--rev{ grid-template-columns:1fr; }
  .contact2__grid{ grid-template-columns:1fr; }
  .hero2__v{ display:none; }
}
@media (max-width:640px){
  .cat__grid{ grid-template-columns:1fr; }
  .contact2__list li{ flex-wrap:wrap; }
  .contact2__list span{ margin-left:66px; }
}

/* ============================================================
   2026-10 扩充区块（fqx- 前缀，只增不改）
   ============================================================ */

/* ---------- 报考前自查清单 ---------- */
.fqx-check{ border-top:1px solid var(--line); }
.fqx-check__grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
}
.fqx-check__item{
  background:var(--white); border:1px solid var(--line);
  border-radius:var(--radius-m); padding:28px 26px 24px;
  position:relative; transition:transform .35s var(--ease), box-shadow .35s var(--ease);
}
.fqx-check__item:nth-child(2n){ transform:translateY(14px); }
.fqx-check__item:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.fqx-check__item:nth-child(2n):hover{ transform:translateY(10px); }
.fqx-check__no{
  font-family:var(--font-serif); font-size:15px; letter-spacing:.2em;
  color:var(--brown-600); display:block; margin-bottom:12px;
}
.fqx-check__item h3{ font-size:19px; margin-bottom:10px; }
.fqx-check__item p{ font-size:14.5px; line-height:1.85; }
.fqx-check__tip{
  margin-top:34px; text-align:center; color:var(--muted); font-size:14.5px;
}
.fqx-check__tip a{ color:var(--green-700); border-bottom:1px solid var(--line-strong); }

/* ---------- 材料补充问答 ---------- */
.fqx-mat__grid{
  display:grid; grid-template-columns:5fr 7fr; gap:48px; align-items:start;
}
.fqx-mat__head h2{ margin-bottom:16px; }
.fqx-mat__head p{ margin-bottom:22px; font-size:15px; }
.fqx-mat__list{ border-top:1px solid var(--line); }
.fqx-mat-item{ border-bottom:1px solid var(--line); }
.fqx-mat-item summary{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:18px 4px; cursor:pointer; font-weight:600; color:var(--green-900);
  font-size:16px; list-style:none;
}
.fqx-mat-item summary::-webkit-details-marker{ display:none; }
.fqx-mat-item summary span{
  flex:none; width:12px; height:12px; position:relative;
}
.fqx-mat-item summary span::before,.fqx-mat-item summary span::after{
  content:""; position:absolute; background:var(--brown-500);
}
.fqx-mat-item summary span::before{ left:0; top:5px; width:12px; height:2px; }
.fqx-mat-item summary span::after{ left:5px; top:0; width:2px; height:12px; transition:transform .3s var(--ease); }
.fqx-mat-item[open] summary span::after{ transform:rotate(90deg); }
.fqx-mat-item p{ padding:0 4px 20px; font-size:14.5px; color:var(--ink-soft); }

/* ---------- 费用与批次 ---------- */
.fqx-fee__cols{ display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.fqx-fee__card{
  background:var(--white); border-radius:var(--radius-l);
  border:1px solid var(--line); padding:34px 32px;
  position:relative; overflow:hidden;
}
.fqx-fee__card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--brown-500);
}
.fqx-fee__card h3{ margin-bottom:14px; }
.fqx-fee__card p{ font-size:14.5px; margin-bottom:12px; }
.fqx-fee__link{
  display:inline-block; margin-top:8px; color:var(--green-700);
  font-weight:600; font-size:14.5px; border-bottom:1px solid var(--line-strong);
}

/* ---------- 延伸阅读卡 ---------- */
.fqx-more__grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
}
.fqx-more__card{
  background:var(--cream-100); border:1px solid var(--line);
  border-radius:var(--radius-m); padding:26px 22px;
  display:flex; flex-direction:column; gap:10px;
  transition:transform .35s var(--ease), background .35s var(--ease);
}
.fqx-more__card:nth-child(odd){ transform:translateY(12px); }
.fqx-more__card:hover{ background:var(--green-900); transform:translateY(-4px); }
.fqx-more__card:hover b{ color:var(--cream-50); }
.fqx-more__card:hover span{ color:rgba(251,248,241,.75); }
.fqx-more__card b{ font-family:var(--font-serif); font-size:17.5px; color:var(--green-900); }
.fqx-more__card span{ font-size:13.5px; color:var(--muted); line-height:1.7; }

@media (max-width:960px){
  .fqx-check__grid{ grid-template-columns:1fr 1fr; }
  .fqx-check__item:nth-child(2n){ transform:none; }
  .fqx-mat__grid{ grid-template-columns:1fr; gap:28px; }
  .fqx-fee__cols{ grid-template-columns:1fr; }
  .fqx-more__grid{ grid-template-columns:1fr 1fr; }
  .fqx-more__card:nth-child(odd){ transform:none; }
}
@media (max-width:640px){
  .fqx-check__grid{ grid-template-columns:1fr; }
  .fqx-more__grid{ grid-template-columns:1fr; }
}