/* ============================================================
   择流(8906) · 纯白极简编辑风 · 刑事律所皮
   挂在 common.css 之后；版式按 E 盘设计稿、文案以 SEO-GEO TXT 为准
   ============================================================ */
:root{
  --zl-black:#111111; --zl-text:#333333; --zl-mid:#666666; --zl-muted:#999999;
  --zl-gray:#f5f5f5; --zl-gray2:#efefef; --zl-line:#e5e5e5;
  --zl-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
  --zl-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
body{font-family:var(--zl-sans);background:#fff;color:var(--zl-text);}
h1,h2,h3,.zl-serif{font-family:var(--zl-serif);}
.zl-container{max-width:1200px;margin:0 auto;padding:0 clamp(22px,4vw,48px);}

/* ---------- 页头 ---------- */
.site-header{background:#fff;border-bottom:1px solid var(--zl-line);}
.site-header .nav-link{color:var(--zl-black);font-size:15px;padding:8px 14px;position:relative;}
.site-header .nav-link:hover{color:var(--zl-mid);}
.site-header .nav-link.active{font-weight:700;}
.site-header .nav-link.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--zl-black);}
.zl-logo{display:flex;align-items:center;gap:9px;}
.zl-logo-mark{width:26px;height:26px;background:var(--zl-black);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--zl-serif);font-weight:700;font-size:15px;border-radius:3px;}
.zl-logo-text{font-family:var(--zl-serif);font-weight:700;font-size:21px;color:var(--zl-black);letter-spacing:3px;}
.zl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;padding:9px 22px;border-radius:2px;transition:.25s;cursor:pointer;border:none;letter-spacing:1px;}
.zl-btn-black{background:var(--zl-black);color:#fff;}
.zl-btn-black:hover{background:#000;}
.zl-btn-outline{background:transparent;color:var(--zl-black);border:1px solid var(--zl-black);}
.zl-btn-outline:hover{background:var(--zl-black);color:#fff;}

/* ---------- Hero（左文右灰插图） ---------- */
.zl-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:540px;align-items:center;}
.zl-hero-l{padding:80px 6vw 80px calc((100vw - 1200px)/2 + 24px);}
.zl-hero-l h1{font-size:clamp(40px,5.2vw,64px);font-weight:700;color:var(--zl-black);letter-spacing:6px;line-height:1.2;}
.zl-hero-l .zl-hero-sub{margin-top:18px;font-size:16px;color:var(--zl-mid);letter-spacing:1px;}
.zl-hero-l .zl-hero-note{margin-top:10px;font-size:13px;color:var(--zl-muted);letter-spacing:2px;}
.zl-hero-l .zl-hero-cta{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap;}
.zl-hero-r{position:relative;height:100%;min-height:420px;background:
  linear-gradient(135deg,#f7f7f7 0%,#ececec 55%,#e2e2e2 100%);overflow:hidden;}
.zl-hero-r::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(45deg,transparent 0 22px,rgba(0,0,0,.022) 22px 23px);}
.zl-hero-r .zl-hero-fig{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.zl-hero-r .zl-hero-fig i{font-size:150px;color:rgba(17,17,17,.14);}
.zl-hero-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);}

/* ---------- 数据条 ---------- */
.zl-stats{background:var(--zl-gray);}
.zl-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.zl-stat{padding:40px 10px;text-align:center;}
.zl-stat+.zl-stat{border-left:1px solid #e8e8e8;}
.zl-stat b{display:block;font-family:var(--zl-serif);font-size:40px;font-weight:700;color:var(--zl-black);line-height:1;}
.zl-stat span{display:block;margin-top:10px;font-size:13.5px;color:var(--zl-muted);letter-spacing:2px;}

/* ---------- 区块标题 ---------- */
.zl-section{padding:84px 0;}
.zl-head{margin-bottom:56px;}
.zl-head h2{font-size:30px;font-weight:700;color:var(--zl-black);letter-spacing:4px;}
.zl-head h2::after{content:"";display:block;width:40px;height:2px;background:var(--zl-black);margin-top:18px;}

/* ---------- 业务领域（细线图标格） ---------- */
.zl-biz{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--zl-line);border-left:1px solid var(--zl-line);}
.zl-biz-item{padding:46px 34px;border-right:1px solid var(--zl-line);border-bottom:1px solid var(--zl-line);transition:.3s;background:#fff;}
.zl-biz-item:hover{background:var(--zl-gray);}
.zl-biz-item i{font-size:34px;color:var(--zl-black);font-weight:300;display:block;margin-bottom:20px;}
.zl-biz-item h3{font-size:19px;font-weight:700;color:var(--zl-black);letter-spacing:2px;margin-bottom:10px;}
.zl-biz-item p{font-size:13px;color:var(--zl-muted);line-height:1.8;}

/* ---------- 案例列表（行式） ---------- */
.zl-cases{border-top:1px solid var(--zl-line);}
.zl-case-row{display:flex;align-items:center;gap:18px;padding:24px 6px;border-bottom:1px solid var(--zl-line);transition:.3s;}
.zl-case-row:hover{padding-left:16px;background:var(--zl-gray);}
.zl-case-no{font-family:var(--zl-serif);font-size:13px;color:var(--zl-muted);flex-shrink:0;letter-spacing:1px;}
.zl-case-row h3{flex:1;font-size:18px;font-weight:700;color:var(--zl-black);letter-spacing:1px;}
.zl-case-row .zl-case-date{font-size:13px;color:var(--zl-muted);flex-shrink:0;}
.zl-case-row .zl-case-arrow{color:var(--zl-muted);flex-shrink:0;transition:.3s;}
.zl-case-row:hover .zl-case-arrow{color:var(--zl-black);transform:translateX(4px);}

/* ---------- 律师团队（黑白肖像） ---------- */
.zl-team{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.zl-team-card{text-align:center;}
.zl-team-photo{aspect-ratio:3/4;background:linear-gradient(150deg,#e8e8e8,#d5d5d5);overflow:hidden;position:relative;}
.zl-team-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);}
.zl-team-card h3{font-size:18px;font-weight:700;color:var(--zl-black);margin-top:18px;letter-spacing:2px;}
.zl-team-card .zl-team-role{font-size:12.5px;color:var(--zl-muted);margin-top:6px;letter-spacing:1px;}

/* ---------- 页脚 ---------- */
.site-footer{background:var(--zl-black);color:rgba(255,255,255,.62);}
.site-footer .footer-heading{color:#fff;font-size:14px;font-weight:600;margin-bottom:16px;letter-spacing:2px;}
.site-footer .footer-contact p,.site-footer .footer-contact li,.site-footer .footer-link{font-size:13px;line-height:2.2;color:rgba(255,255,255,.58);}
.site-footer .footer-link{display:inline-block;}
.site-footer .footer-link:hover{color:#fff;}
.site-footer .qrcode-box{width:104px;height:104px;background:#fff;border-radius:4px;padding:6px;}
.zl-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:40px;}
.zl-foot-bar{border-top:1px solid rgba(255,255,255,.10);}
.zl-foot-bar .zl-container{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;font-size:12px;color:rgba(255,255,255,.45);}

/* ---------- 移动端底部通栏 ---------- */
.mobile-fab{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;}
@media (max-width:1023px){.mobile-fab{display:block;}}
.mobile-fab-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--zl-black);color:#fff;font-size:15px;font-weight:600;padding:13px 0;border-radius:24px;margin:0 16px 12px;letter-spacing:1px;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .zl-foot-grid{grid-template-columns:1fr 1fr;}
  .zl-hero{grid-template-columns:1fr;}
  .zl-hero-l{padding:56px 24px;}
  .zl-hero-r{min-height:280px;}
  .zl-biz{grid-template-columns:repeat(2,1fr);}
  .zl-team{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .zl-foot-grid{grid-template-columns:1fr;}
  .zl-stats-grid{grid-template-columns:repeat(2,1fr);}
  .zl-stat:nth-child(3){border-left:none;}
  .zl-stat:nth-child(n+3){border-top:1px solid #e8e8e8;}
  .zl-biz{grid-template-columns:1fr;}
  .zl-team{grid-template-columns:repeat(2,1fr);}
  .zl-section{padding:52px 0;}
  .zl-head h2{font-size:24px;}
  .zl-stat b{font-size:32px;}
  .zl-case-row h3{font-size:15.5px;}
}

/* ===== 内页兼容层（旧葛骨类 → 纯白极简皮） ===== */
.category-banner{position:relative;height:260px;overflow:hidden;background:#f0f0f0;}
.category-banner img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);}
.category-banner-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:calc((100vw - 1200px)/2 + 24px);padding-right:24px;background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.55) 55%,rgba(255,255,255,.1) 100%);}
.category-banner-title{font-family:var(--zl-serif);font-size:42px;font-weight:700;color:var(--zl-black);letter-spacing:6px;}
.category-banner-subtitle{margin-top:12px;font-size:14px;color:var(--zl-mid);letter-spacing:2px;}
.section[class*="bg-["]{background:var(--zl-gray)!important;}
.section-header{margin-bottom:40px;}
.section-title{font-family:var(--zl-serif);color:var(--zl-black);letter-spacing:3px;}
.section-subtitle{color:var(--zl-muted);}
.gold-line{width:40px;height:2px;background:var(--zl-black);margin-top:16px;}
.design-card,.case-card,.stat-card,.team-card{background:#fff;border:1px solid var(--zl-line);border-radius:0;box-shadow:none;}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--zl-black);color:var(--zl-black);border-radius:2px;padding:10px 26px;background:transparent;transition:.25s;font-size:14.5px;letter-spacing:1px;}
.btn-outline:hover{background:var(--zl-black);color:#fff;}
.badge{display:inline-block;background:#fff;color:var(--zl-mid);border:1px solid var(--zl-line);border-radius:2px;padding:2px 10px;font-size:12px;}
.stats-banner{background:var(--zl-gray)!important;padding:56px 0;}
.stats-number{font-family:var(--zl-serif);font-size:38px;font-weight:700;color:var(--zl-black);}
.stats-label{color:var(--zl-muted);margin-top:6px;}
.link-arrow{color:var(--zl-mid);font-weight:500;}
.text-primary{color:var(--zl-black)!important;}
.faq-item{border-color:var(--zl-line)!important;}

/* ===== 内页 .container 约束（锁 1200 居中 + 响应式侧距，防文字贴边） ===== */
.container{max-width:1200px!important;padding-left:clamp(22px,4vw,48px)!important;padding-right:clamp(22px,4vw,48px)!important;}