/* ==========================================================
   找律师 / 当事人入口页  (page slug: zhaolvshi)
   与深度文页刻意区分：这份是"门诊"版式——卡片、按钮、短句
   ========================================================== */
.zlp{
  --gold:#D4AF37; --gold-soft:#E2CB86;
  --bg1:#0B1220; --bg2:#0A0A0F;
  --panel:#141926; --panel2:#1A2030;
  --line:#232834; --txt:#E8E6E1; --sub:#9BA0A8;
  background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);
  color:var(--txt);
  margin:0; padding:0;
}
.zlp *{box-sizing:border-box}
.zlp .wrap{max-width:1040px;margin:0 auto;padding:0 22px}

/* 首屏 */
.zlp .hero{padding:60px 0 40px;border-bottom:1px solid var(--line);text-align:center}
.zlp .hero h1{font-size:32px;line-height:1.4;font-weight:600;letter-spacing:.04em;margin:0}
.zlp .hero h1 em{color:var(--gold);font-style:normal}
.zlp .hero p{margin:16px auto 0;max-width:620px;font-size:16px;color:var(--sub);line-height:1.85}
.zlp .hero .go{display:inline-block;margin-top:26px;background:var(--gold);color:#12120F;
  font-weight:600;font-size:16px;padding:13px 34px;border-radius:2px;text-decoration:none}
.zlp .hero .go:hover{background:var(--gold-soft)}
.zlp .hero .hint{display:block;margin-top:12px;font-size:13px;color:#6F757E}

/* 场景卡 */
.zlp .sec{padding:46px 0}
.zlp .sec h2{font-size:14px;letter-spacing:.26em;color:var(--gold);font-weight:500;margin:0}
.zlp .sec .lead{margin-top:12px;font-size:14.5px;color:var(--sub)}
.zlp .grid{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.zlp .card{background:var(--panel);border:1px solid var(--line);border-radius:5px;
  padding:22px 22px 18px;transition:.18s;display:flex;flex-direction:column}
.zlp .card:hover{border-color:#3D3730;background:var(--panel2);transform:translateY(-1px)}
.zlp .card .q{font-size:17px;font-weight:600;line-height:1.55;margin:0}
.zlp .card .q:before{content:"· ";color:var(--gold)}
.zlp .card .a{margin-top:10px;font-size:13.5px;color:var(--sub);line-height:1.8;flex:1}
.zlp .card .row{margin-top:16px;display:flex;align-items:center;gap:16px;font-size:13.5px}
.zlp .card .read{color:var(--gold-soft);text-decoration:none;border-bottom:1px dotted #4A4433;padding-bottom:2px}
.zlp .card .read:hover{color:var(--gold)}
.zlp .card .ask{color:var(--sub);text-decoration:none}
.zlp .card .ask:hover{color:var(--txt)}
.zlp .card .tag{font-size:11px;color:#7C776B;border:1px solid var(--line);
  padding:2px 8px;border-radius:2px;margin-left:auto;white-space:nowrap}

/* 转化区 */
.zlp .conv{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:52px 0;background:#0D1420}
.zlp .conv h2{font-size:23px;font-weight:600;margin:0;color:var(--txt);letter-spacing:.02em}
.zlp .conv .lead{margin-top:12px;font-size:15px;color:var(--sub);line-height:1.85}
.zlp .fees{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.zlp .fee{position:relative;border:1px solid var(--line);border-radius:5px;padding:24px 18px;text-align:center;background:var(--panel)}
.zlp .fee.mid{border-color:var(--gold);background:var(--panel2);box-shadow:0 0 0 1px rgba(212,175,55,.18),0 8px 26px rgba(0,0,0,.35)}
.zlp .fee .pick{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--gold);color:#12120F;font-size:11.5px;font-weight:600;padding:2px 12px;border-radius:2px;letter-spacing:.08em;white-space:nowrap}
.zlp .fee .n{font-size:26px;color:var(--gold);font-weight:600;line-height:1.2}
.zlp .fee .n small{font-size:13px;color:var(--sub);font-weight:400}
.zlp .fee .t{margin-top:8px;font-size:14.5px;color:var(--txt)}
.zlp .fee .d{margin-top:10px;font-size:12.5px;color:var(--sub);line-height:1.75}

/* 表单区 */
.zlp .formbox{margin-top:34px;background:var(--panel);border:1px solid var(--line);
  border-radius:5px;padding:28px}
.zlp .formbox .t{font-size:16.5px;font-weight:600;margin:0}
.zlp .formbox .s{margin-top:8px;font-size:13px;color:var(--sub)}
.zlp .formbox .wpcf7{margin-top:18px}
.zlp .formbox input[type=text],.zlp .formbox input[type=email],.zlp .formbox input[type=tel],
.zlp .formbox textarea{background:#0D121C;border:1px solid var(--line);border-radius:3px;
  color:var(--txt);padding:12px 14px;width:100%;font-size:14px}
.zlp .formbox input::placeholder,.zlp .formbox textarea::placeholder{color:#6F757E}
.zlp .formbox input[type=submit],.zlp .formbox button{background:var(--gold);color:#12120F;
  border:none;font-weight:600;padding:12px 34px;border-radius:2px;font-size:15px;cursor:pointer}
.zlp .formbox input[type=submit]:hover,.zlp .formbox button:hover{background:var(--gold-soft)}
.zlp .note{margin-top:14px;font-size:12.5px;color:#6F757E;line-height:1.7}
.zlp .note a{color:var(--gold-soft);text-decoration:none}

/* 底部 */
.zlp .foot{padding:30px 0 40px;text-align:center;font-size:12.5px;color:#6F757E}

/* 首页 CTA 条（仅在首页显示） */
.dl-cta-bar{background:#141926;border-bottom:1px solid #232834;text-align:center;padding:11px 16px}
.dl-cta-bar a{color:#D4AF37;text-decoration:none;font-size:14.5px;letter-spacing:.03em}
.dl-cta-bar a:hover{color:#E2CB86}
.dl-cta-bar strong{color:#E8E6E1;font-weight:600}

/* 移动端 */
@media (max-width:760px){
  .zlp .hero{padding:40px 0 30px}
  .zlp .hero h1{font-size:24px}
  .zlp .grid{grid-template-columns:1fr}
  .zlp .fees{grid-template-columns:1fr}
  .zlp .sec{padding:34px 0}
  .zlp .conv{padding:38px 0}
}

/* ===== 2026-09-10 修复：找律师页上下露白 =====
   原因：本站其他页面 body 均为深色/有深色覆盖，本页 body 沿用默认白底，
   面包屑条（#zhiyizhe-breadcrumbs，49px）与站标题区（header.site-header，109px）、
   页脚（footer.site-footer，32px）都是透明背景 → 透出白底，视觉上成了上下留白。
   修法：整页给深色渐变底（上半段 #0B1220 与 .zlp 渐变首色一致，下半段 #0A0A0F 与页脚一致）。 */
body.page-id-1937 {
    background: linear-gradient(180deg, #0B1220 0%, #0A0A0F 100%) !important;
}
/* 2026-09-10 刑事辩护入口页（page-id-1939）同一版式：页面上下的面包屑条/站标题区/页脚
   同样透明，需要给 body 一个深色渐变底，避免露白。 */
body.page-id-1939 {
    background: linear-gradient(180deg, #0B1220 0%, #0A0A0F 100%) !important;
}

/* ===== 2026-09-10：入口页表单里的下拉框/文件框改成与文本框一致的深色 ===== */
/* 背景：这两页此前没加载 consultation-form.css，下拉框是浏览器默认白底，和深色页面不搭 */
.zlp .formbox .wpcf7 select,
.zlp .formbox .wpcf7 input[type=file]{background-color:#0D121C;border:1px solid var(--line);
  border-radius:3px;color:var(--txt);padding:12px 14px;width:100%;font-size:14px}
.zlp .formbox .wpcf7 select{appearance:none;-webkit-appearance:none;padding-right:38px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23D4AF37' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
.zlp .formbox .wpcf7 select option{background:#0D121C;color:var(--txt)}
.zlp .formbox .wpcf7 .file-hint{display:block;margin-top:6px;font-size:12px;color:#6F757E}
.zlp .formbox .wpcf7 label{display:block;margin-bottom:7px;font-size:13.5px;color:var(--sub)}
.zlp .formbox .wpcf7 .required{color:var(--gold)}
.zlp .formbox .wpcf7 .wpcf7-response-output{margin:16px 0 0 0;padding:12px 16px;border-radius:4px;font-size:13.5px}

/* ===== 2026-10-12：企业合规栏目页（page-id-2052，qiye-hegui）=====
   与找律师/刑事入口页同一版式，需给 body 深色渐变底，避免面包屑条/站标题区/页脚露白。 */
body.page-id-2052 {
    background: linear-gradient(180deg, #0B1220 0%, #0A0A0F 100%) !important;
}
/* 企业合规页：首屏顶部一个金色小标，让页面自己说清是什么页（主题自带标题颜色极暗已隐藏） */
.zlp .hero .kicker{
  display:inline-block;color:var(--gold);font-size:14px;font-weight:500;
  letter-spacing:.28em;text-indent:.28em;
  border:1px solid rgba(212,175,55,.4);border-radius:2px;
  padding:6px 14px;margin-bottom:20px
}

/* ===== 2026-10-12：企业合规页「关注的事项」多选框深色化 =====
   背景：CF7 默认渲染成浏览器蓝色方块，且选项文字不可点（只能点 15px 小方块）。
   已给该表单项加 use_label_element（整块可点），这里补深色样式。 */
.zlp .formbox .wpcf7-checkbox{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.zlp .formbox .wpcf7-checkbox .wpcf7-list-item{margin:0;display:block;flex:0 0 auto}
.zlp .formbox .wpcf7-checkbox .wpcf7-list-item label{
  display:inline-flex;align-items:center;gap:9px;margin:0;
  padding:9px 15px;border:1px solid var(--line);border-radius:3px;
  background:#0D121C;color:var(--sub);font-size:13.5px;line-height:1.4;
  cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.zlp .formbox .wpcf7-checkbox .wpcf7-list-item label:hover{border-color:#3D3730;color:var(--txt)}
.zlp .formbox .wpcf7-checkbox input[type=checkbox]{
  -webkit-appearance:none;appearance:none;flex:none;width:15px;height:15px;
  margin:0;padding:0;border:1px solid #5C6685;border-radius:2px;
  background:#0A0F18;position:relative;cursor:pointer;transition:.15s}
.zlp .formbox .wpcf7-checkbox input[type=checkbox]:checked{background:var(--gold);border-color:var(--gold)}
.zlp .formbox .wpcf7-checkbox input[type=checkbox]:checked::after{
  content:"";position:absolute;left:4px;top:0;width:5px;height:9px;
  border:solid #12120F;border-width:0 2px 2px 0;transform:rotate(45deg)}
.zlp .formbox .wpcf7-checkbox .wpcf7-list-item label:has(input:checked){
  border-color:var(--gold);background:#161C29;color:var(--txt)}
@media (max-width:760px){
  .zlp .formbox .wpcf7-checkbox{gap:8px}
  .zlp .formbox .wpcf7-checkbox .wpcf7-list-item{flex:1 1 100%}
  .zlp .formbox .wpcf7-checkbox .wpcf7-list-item label{width:100%}
}