/* ============================================================
   faq-qiye.css — 企业常见问题（L4 大留白禅意）
   细线框、竖向文字装饰、米白大底、细线分隔
   ============================================================ */

/* ---------- Hero ---------- */
.eq-hero{
  position:relative; padding:calc(var(--header-h) + 60px) 0 90px;
  background:var(--cream-50);
}
.eq-hero__inner{
  display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(30px,5vw,70px);
  align-items:center;
}
.eq-hero__eyebrow{ font-size:13px; letter-spacing:.36em; color:var(--brown-600); margin:20px 0 14px; }
.eq-hero h1{ font-size:clamp(38px,6vw,68px); line-height:1.2; margin-bottom:20px; }
.eq-hero h1 em{ font-style:normal; color:var(--brown-600); }
.eq-hero__lead{ max-width:440px; margin-bottom:30px; }
.eq-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; }
.eq-hero__pic{ margin-left:40px; }
.eq-hero__pic img{
  width:100%; aspect-ratio:3/4; object-fit:cover;
  border:1px solid var(--line); padding:10px; background:var(--cream-100);
}
.eq-hero__vertical{
  position:absolute; right:24px; top:50%; transform:translateY(-50%);
  writing-mode:vertical-rl; letter-spacing:.5em; font-size:13px;
  color:var(--line-strong); font-family:var(--font-serif);
}

/* ---------- 通用分区 ---------- */
.eq-sec{ border-top:1px solid var(--line); }
.eq-sec__wrap{ max-width:920px; }
.eq-sec__head{ display:flex; align-items:baseline; gap:18px; margin-bottom:30px; }
.eq-sec__no{
  font-family:var(--font-serif); font-size:22px; color:var(--brown-600);
  border-right:1px solid var(--line); padding-right:18px;
}
.eq-sec__head h2{ font-size:clamp(22px,3vw,30px); }

/* ---------- FAQ 条目（细线分隔） ---------- */
.eq-item{ border-bottom:1px solid var(--line); }
.eq-item summary{
  list-style:none; cursor:pointer; display:flex; align-items:center;
  justify-content:space-between; gap:16px; padding:22px 4px;
  font-weight:600; color:var(--green-900); font-size:16.5px;
  transition:color .3s;
}
.eq-item summary:hover{ color:var(--brown-600); }
.eq-item summary::-webkit-details-marker{ display:none; }
.eq-item summary span{
  flex:none; width:30px; height:1px; background:var(--brown-500); position:relative;
}
.eq-item summary span::after{
  content:""; position:absolute; inset:0; margin:auto;
  width:1px; height:30px; background:var(--brown-500);
  transition:transform .3s var(--ease);
}
.eq-item[open] summary span::after{ transform:scaleY(0); }
.eq-item p{ padding:0 4px 24px; font-size:15.5px; max-width:680px; }
.eq-item p a{ color:var(--brown-600); text-decoration:underline; }

/* ---------- 带偏移小图的分区 ---------- */
.eq-sec__wrap--pic{
  display:grid; grid-template-columns:1.3fr .7fr; gap:clamp(24px,4vw,50px);
  align-items:start;
}
.eq-sec__wrap--pic .eq-sec__head,.eq-sec__wrap--pic .eq-sec__body{ grid-column:1; }
.eq-sec__picfig{ margin-top:-30px; }
.eq-sec__picfig img{
  width:100%; aspect-ratio:4/5; object-fit:cover;
  border:1px solid var(--line); padding:8px; background:var(--cream-100);
}

/* ---------- 证件台账表格 ---------- */
.eq-tbl{ table-layout:fixed; }
.eq-tbl th:nth-child(1),.eq-tbl td:nth-child(1){ width:25%; }
.eq-tbl th:nth-child(2),.eq-tbl td:nth-child(2){ width:45%; }
.eq-tbl th:nth-child(3),.eq-tbl td:nth-child(3){ width:30%; }

/* ---------- 相关服务 ---------- */
.eq-links{ border-top:1px solid var(--line); }
.eq-links__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--line); }
.eq-link{
  padding:28px 24px; border-right:1px solid var(--line);
  display:flex; flex-direction:column; gap:8px;
  transition:background .35s var(--ease);
}
.eq-link:last-child{ border-right:0; }
.eq-link:hover{ background:var(--cream-100); }
.eq-link b{ font-family:var(--font-serif); color:var(--green-900); font-size:18px; }
.eq-link span{ font-size:13px; color:var(--muted); }

/* ---------- CTA ---------- */
.eq-cta__inner{ text-align:center; max-width:640px; margin:0 auto; padding:30px 10px; }
.eq-cta__inner p{ margin:16px 0 28px; }
.eq-cta__actions{ display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .eq-hero__inner{ grid-template-columns:1fr; }
  .eq-hero__pic{ margin-left:0; margin-top:20px; }
  .eq-hero__pic img{ aspect-ratio:16/10; }
  .eq-hero__vertical{ display:none; }
  .eq-sec__wrap--pic{ grid-template-columns:1fr; }
  .eq-sec__picfig{ margin-top:0; }
  .eq-links__grid{ grid-template-columns:repeat(2,1fr); }
  .eq-link{ border-bottom:1px solid var(--line); }
}
@media (max-width:640px){
  .eq-links__grid{ grid-template-columns:1fr; }
  .eq-link{ border-right:0; }
}

/* ============================================================
   【新增】扩充区块样式（qe- 前缀，与既有模块区分）
   ============================================================ */

/* 用工检查应对清单 */
.qe-check__list{
  display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:18px 0;
}
.qe-check__list li{
  position:relative; list-style:none; padding:15px 16px 15px 44px;
  background:var(--cream-50); border:1px solid var(--line); border-radius:var(--radius-m);
  font-size:14.5px; color:var(--ink-soft); line-height:1.7;
}
.qe-check__list li::before{
  content:""; position:absolute; left:16px; top:21px; width:12px; height:12px;
  background:var(--brown-500); transform:rotate(45deg);
}
.qe-check__tip{
  font-size:13.5px; color:var(--brown-700); background:rgba(176,141,102,.10);
  border-left:3px solid var(--brown-500); padding:14px 18px; border-radius:0 var(--radius-m) var(--radius-m) 0;
  line-height:1.9; margin:6px 0 20px;
}
.qe-check__fig{ margin:0; }
.qe-check__fig img{
  width:100%; height:230px; object-fit:cover; border-radius:var(--radius-l);
  border:1px solid var(--line); box-shadow:var(--shadow-sm);
}

/* 团报散报成本对比 */
.qe-cost__table{ margin:10px 0 16px; }
.qe-cost__tbl{ table-layout:fixed; }
.qe-cost__tbl col:nth-child(1){ width:22%; }
.qe-cost__tbl col:nth-child(2){ width:39%; }
.qe-cost__tbl col:nth-child(3){ width:39%; }
.qe-cost__note{
  font-size:13.5px; color:var(--muted); line-height:1.95;
  border-top:1px dashed var(--line-strong); padding-top:14px;
}

@media (max-width:640px){
  .qe-check__list{ grid-template-columns:1fr; }
}