@charset "UTF-8";
/* ================================================================
   首金律师事务所 · 商业网站原型
   设计规范 V1.0 —— 色值 / 字号 / 栅格 / 组件 / 间距
   ================================================================ */

/* ---------- 1. 设计令牌 ---------- */
:root{
  /* 主色 */
  --navy:#0A1F3D;        /* 主色-深蓝 */
  --navy-hover:#071529;
  --navy-light:#1E3A5F;
  --gold:#C9A96E;        /* 辅助色-金色 */
  --gold-hover:#B99A5F;
  --gold-soft:rgba(201,169,110,.12);
  /* 品牌识别色-技术青（用于技术类标识、图表与资质徽章，面积 ≤5%） */
  --tech:#1F6E7B;
  --tech-soft:rgba(31,110,123,.10);
  /* 功能色 */
  --green:#2E7D32;       /* 可在线提交 */
  --green-bg:#E8F5E9;
  --orange:#E65100;      /* 需评估报价 */
  --orange-bg:#FFF3E0;
  /* 文字 */
  --text:#1A1A1A;
  --text-sub:#7A7A7A;
  --text-weak:#999999;
  /* 背景 / 边框 */
  --border:#E5E5E5;
  --bg-light:#FAFAF8;
  --white:#FFFFFF;
  /* 字体 */
  --font-cn:"Noto Sans SC","Source Han Sans CN","PingFang SC","Microsoft YaHei",-apple-system,sans-serif;
  --font-serif:"Noto Serif SC","Source Han Serif SC",Georgia,"Songti SC",serif;
  --font-en:"Inter",var(--font-cn);
  --font-price:"Source Serif 4","Marcellus",Georgia,serif;
  --num-feat:lining-nums tabular-nums;
  /* 字号阶梯 */
  --fs-h1:36px;  --fw-h1:700; --lh-h1:1.3;
  --fs-h2:28px;  --fw-h2:600; --lh-h2:1.4;
  --fs-h3:18px;  --fw-h3:600; --lh-h3:1.5;
  --fs-big:16px; --fs-std:15px; --fs-aux:13px; --fs-min:12px;
  --lh-body:1.8; --lh-aux:1.6;
  /* 栅格 / 间距 */
  --wrap:1280px; --pad:40px;
  --gap-section:100px; --gap-block:48px; --gap-grid:28px;
  --gap-para:16px; --gap-title:12px;
}

/* ---------- 2. 基础重置 ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; padding:0;
  font-family:var(--font-cn);
  font-size:var(--fs-std);
  line-height:var(--lh-body);
  color:var(--text);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,p,figure,ul,ol{margin:0;padding:0;}
ul,ol{list-style:none;}
a{color:inherit;text-decoration:none;transition:color .2s ease;}
img{max-width:100%;display:block;}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;}
button{cursor:pointer;border:none;background:none;}

/* ---------- 3. 排版层级 ---------- */
/* V2.0：标题用衬线体建立专业权威感（对标天同），正文无衬线保证可读性 */
.h1{font-family:var(--font-serif);font-size:var(--fs-h1);font-weight:var(--fw-h1);line-height:var(--lh-h1);}
.h2{font-family:var(--font-serif);font-size:var(--fs-h2);font-weight:var(--fw-h2);line-height:var(--lh-h2);}
.h3{font-size:var(--fs-h3);font-weight:var(--fw-h3);line-height:var(--lh-h3);}
/* 所有 h1/h2 标签默认衬线（覆盖未加类的标题） */
h1,h2{font-family:var(--font-serif);}
.txt-big{font-size:var(--fs-big);line-height:var(--lh-body);}
.txt-std{font-size:var(--fs-std);line-height:var(--lh-body);}
.txt-aux{font-size:var(--fs-aux);line-height:var(--lh-aux);color:var(--text-sub);}
.txt-min{font-size:var(--fs-min);line-height:1.5;color:var(--text-weak);}
.price{font-family:var(--font-price);color:var(--gold);font-weight:500;}

/* ---------- 4. 布局容器 ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);}
.section{padding:var(--gap-section) 0;}
.section--gray{background:var(--bg-light);}
.section--navy{background:var(--navy);color:var(--white);}
.grid{display:grid;gap:var(--gap-grid);}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.flex{display:flex;}
.between{display:flex;align-items:center;justify-content:space-between;}
.center{text-align:center;}

/* 板块标题（左对齐，禁居中堆砌） */
.sec-head{margin-bottom:var(--gap-block);}
.sec-head .h2{color:var(--navy);margin-bottom:var(--gap-title);}
.sec-head .sub{color:var(--text-sub);font-size:var(--fs-big);}
.sec-head.center{text-align:center;}
.sec-head .line{width:48px;height:2px;background:var(--gold);margin-top:var(--gap-para);}
.sec-head.center .line{margin-left:auto;margin-right:auto;}

/* ---------- 5. 组件：按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  height:44px;padding:0 24px;border-radius:0;
  font-size:var(--fs-std);font-weight:500;line-height:1;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
  white-space:nowrap;
}
.btn--primary{background:var(--gold);color:var(--white);}
.btn--primary:hover{background:var(--gold-hover);color:var(--white);}
.btn--ghost{background:transparent;color:var(--gold);border:1px solid var(--gold);}
.btn--ghost:hover{background:var(--gold-soft);}
.btn--navy{background:var(--navy);color:var(--white);}
.btn--navy:hover{background:var(--navy-hover);}
.btn--outline{background:transparent;color:var(--navy);border:1px solid var(--border);}
.btn--outline:hover{border-color:var(--navy);}
.btn--block{width:100%;}
.btn--sm{height:36px;padding:0 16px;font-size:var(--fs-aux);}
.btn--lg{height:52px;padding:0 40px;font-size:var(--fs-big);}
/* 文字按钮 */
.btn-text{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--gold);font-size:var(--fs-aux);font-weight:500;
}
.btn-text:hover{text-decoration:underline;}
.btn-text--navy{color:var(--navy);}

/* ---------- 6. 组件：卡片 ---------- */
.card{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:0;              /* 直角 */
  box-shadow:none;              /* 无投影 */
  padding:24px;
  transition:border-color .2s ease;
}
.card:hover{border-color:var(--gold);}
.card--flush{padding:0;}
.card--gray{background:var(--bg-light);}

/* ---------- 7. 组件：标签 ---------- */
.tag{
  display:inline-flex;align-items:center;
  height:24px;padding:0 8px;border-radius:0;
  font-size:var(--fs-min);font-weight:500;line-height:1;
}
.tag--ok{background:var(--green-bg);color:var(--green);}
.tag--eval{background:var(--orange-bg);color:var(--orange);}
.tag--navy{background:var(--navy);color:var(--white);}
.tag--line{background:transparent;color:var(--text-sub);border:1px solid var(--border);}

/* ---------- 8. 组件：表单 ---------- */
.field{margin-bottom:var(--gap-para);}
.field label{display:block;font-size:var(--fs-aux);color:var(--text-sub);margin-bottom:6px;}
.field input,.field select,.field textarea{
  width:100%;height:44px;padding:0 12px;border-radius:0;
  border:1px solid var(--border);background:var(--white);
  font-size:var(--fs-std);transition:border-color .2s ease;
}
.field textarea{height:auto;padding:10px 12px;min-height:88px;resize:vertical;line-height:1.6;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--navy);}

/* ---------- 9. 顶部导航 ---------- */
.hd{
  position:sticky;top:0;z-index:100;
  background:var(--white);border-bottom:1px solid var(--border);
}
.hd__bar{height:64px;display:flex;align-items:center;gap:var(--gap-block);}
.hd__logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
/* 品牌标识：使用真实 logo（assets/img/logo-mark.png），不再用图标占位 */
.hd__logo .mark{height:38px;width:auto;display:block;flex-shrink:0;}
.hd__logo .name{font-size:17px;font-weight:700;color:var(--navy);letter-spacing:.5px;}
.hd__logo .name small{display:block;font-size:10px;font-weight:400;color:var(--text-weak);letter-spacing:1px;}
.hd__nav{display:flex;align-items:center;gap:28px;margin-left:auto;}
.hd__nav a{
  font-size:var(--fs-aux);color:var(--text);position:relative;
  padding:20px 0;transition:color .2s ease;
}
.hd__nav a:hover{color:var(--navy);}
.hd__nav a.on{color:var(--gold);font-weight:500;}
.hd__nav a.on::after{
  content:"";position:absolute;left:0;right:0;bottom:0;
  height:2px;background:var(--gold);
}
.hd__act{display:flex;align-items:center;gap:12px;margin-left:8px;padding-left:20px;border-left:1px solid var(--border);}
.hd__act a,.hd__act button{
  font-size:var(--fs-aux);color:var(--text-sub);display:flex;align-items:center;gap:5px;
}
.hd__act a:hover,.hd__act button:hover{color:var(--navy);}
.cart-btn{position:relative;}
.cart-num{
  position:absolute;top:-7px;right:-10px;min-width:17px;height:17px;padding:0 4px;
  background:var(--gold);color:var(--white);border-radius:9px;
  font-size:10px;font-weight:600;line-height:17px;text-align:center;
}
.cart-num.hide{display:none;}

/* ---------- 10. 页脚 ---------- */
.ft{background:var(--navy);color:rgba(255,255,255,.72);padding:64px 0 0;}
.ft__grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:var(--gap-block);padding-bottom:var(--gap-block);}
.ft h4{font-size:var(--fs-std);color:var(--white);margin-bottom:18px;font-weight:600;}
.ft__brand .name{font-size:19px;font-weight:700;color:var(--white);margin-bottom:12px;display:flex;align-items:center;gap:9px;}
.ft__brand .name img{height:30px;width:auto;display:block;flex-shrink:0;}
.ft__brand p{font-size:var(--fs-aux);line-height:1.9;}
.ft ul li{margin-bottom:10px;}
.ft ul a{font-size:var(--fs-aux);}
.ft ul a:hover{color:var(--gold);}
.ft__contact li{font-size:var(--fs-aux);display:flex;gap:9px;margin-bottom:12px;line-height:1.7;}
.ft__contact i{color:var(--gold);margin-top:4px;flex-shrink:0;}
.ft__bot{
  border-top:1px solid rgba(255,255,255,.13);padding:20px 0;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
}
.ft__bot p{font-size:var(--fs-min);color:rgba(255,255,255,.5);}
.ft__bot a{color:rgba(255,255,255,.5);text-decoration:underline;text-underline-offset:2px;}
.ft__bot a:hover{color:var(--gold);}

/* ---------- 11. 转化通栏 ---------- */
.cvt{background:var(--navy);padding:26px 0;}
.cvt__in{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-block);flex-wrap:wrap;}
.cvt__txt{font-size:var(--fs-big);color:var(--white);}
.cvt__txt i{color:var(--gold);margin-right:10px;}
.cvt__txt span{color:rgba(255,255,255,.6);margin:0 8px;}

/* ---------- 12. 悬浮客服 ---------- */
.cs{
  position:fixed;right:18px;bottom:96px;z-index:90;
  display:flex;flex-direction:column;gap:1px;
}
.cs__btn{
  width:52px;height:52px;background:var(--white);border:1px solid var(--border);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  font-size:var(--fs-min);color:var(--text-sub);transition:all .2s ease;
}
.cs__btn:hover{border-color:var(--gold);color:var(--gold);}
.cs__btn i{font-size:17px;}
/* 悬浮「咨询」→ 点击展开企业微信入口（2026-09-12 起为全站唯一联系方式入口） */
.cs__pop{
  position:absolute;right:60px;bottom:0;width:178px;background:var(--white);
  border:1px solid var(--border);padding:14px;text-align:center;display:none;
}
.cs__pop.is-open{display:block;}
.cs__pop b{display:block;font-size:var(--fs-std);color:var(--navy);font-weight:600;margin-bottom:5px;}
.cs__pop span{display:block;font-size:var(--fs-min);color:var(--text-sub);line-height:1.6;}
.cs__btn.is-on{border-color:var(--gold);color:var(--gold);}
.top-btn{
  position:fixed;right:18px;bottom:32px;z-index:90;
  width:52px;height:52px;background:var(--navy);color:var(--white);
  display:none;align-items:center;justify-content:center;font-size:17px;
}
.top-btn.show{display:flex;}
.top-btn:hover{background:var(--gold);}

/* ---------- 13. 通用：面包屑 ---------- */
.crumb{padding:16px 0;font-size:var(--fs-aux);color:var(--text-weak);border-bottom:1px solid var(--border);}
.crumb a:hover{color:var(--navy);}
.crumb span{margin:0 8px;}

/* ---------- 14. 页面组件：Hero / 数据带 ---------- */
.hero{
  background:linear-gradient(120deg,var(--navy) 0%,var(--navy-light) 58%,var(--navy) 100%);
  padding:96px 0 88px;position:relative;overflow:hidden;
}
.hero::after{
  content:"";position:absolute;right:-120px;top:-90px;
  width:460px;height:460px;border:1px solid rgba(201,169,110,.18);border-radius:50%;
}
.hero__in{display:grid;grid-template-columns:1.32fr .68fr;gap:56px;align-items:center;position:relative;z-index:2;}
.hero .h1{color:var(--white);margin-bottom:18px;}
.hero__sub{font-size:18px;color:rgba(255,255,255,.78);line-height:1.8;margin-bottom:14px;}
.hero__act{display:flex;gap:16px;flex-wrap:wrap;}
.hero__side{justify-self:center;position:relative;}
.hero__badge{
  width:270px;height:270px;border:1px solid rgba(201,169,110,.45);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
}
.hero__badge i{font-size:88px;color:var(--gold);}
.hero__badge span{font-size:var(--fs-aux);color:rgba(255,255,255,.7);letter-spacing:2px;}
.hero__dot{position:absolute;border-radius:50%;background:var(--gold);}
.hero__dot.a{width:13px;height:13px;top:16px;right:6px;}
.hero__dot.b{width:8px;height:8px;bottom:34px;left:10px;background:rgba(201,169,110,.65);}
.hero__dot.c{width:6px;height:6px;top:52%;right:-8px;background:rgba(201,169,110,.55);}

/* 业绩数据带 */
.stat{background:var(--bg-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.stat__grid{display:grid;grid-template-columns:repeat(4,1fr);}
.stat__item{padding:40px 20px;text-align:center;border-right:1px solid var(--border);}
.stat__item:last-child{border-right:none;}
.stat__num{font-family:var(--font-price);font-size:48px;color:var(--navy);line-height:1.1;margin-bottom:8px;}
.stat__num small{font-size:22px;margin-left:2px;}
.stat__lb{font-size:var(--fs-std);color:var(--text-sub);}
.stat__note{padding:14px 0;text-align:center;font-size:var(--fs-min);color:var(--text-weak);border-top:1px solid var(--border);}

/* ---------- 15. 页面组件：核心业务卡 ---------- */
.biz{
  display:flex;flex-direction:column;align-items:flex-start;gap:12px;
  padding:24px;background:var(--white);border:1px solid var(--border);
  transition:border-color .2s ease;
}
.biz:hover{border-color:var(--gold);}
.biz__ico{
  width:44px;height:44px;background:var(--gold-soft);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:20px;
}
.biz h3{font-size:var(--fs-h3);font-weight:600;color:var(--navy);line-height:1.45;}
/* 场景化改造：主标题=客户场景，副标题=法律术语 */
.biz__sub{font-size:var(--fs-aux);color:var(--navy-light);font-weight:400;margin-top:2px;}
.biz p{font-size:var(--fs-std);color:var(--text-sub);line-height:1.7;}
.biz .btn-text{margin-top:4px;}

/* ---------- 16. 页面组件：律师卡 ---------- */
.law{
  background:var(--white);border:1px solid var(--border);
  transition:border-color .2s ease;display:flex;flex-direction:column;
}
.law:hover{border-color:var(--gold);}
.law__pic{
  aspect-ratio:4/5;background:var(--bg-light);
  display:flex;align-items:center;justify-content:center;
  color:var(--navy);font-size:52px;font-weight:700;font-family:var(--font-price);
  border-bottom:1px solid var(--border);
}
.law__bd{padding:24px;flex:1;display:flex;flex-direction:column;}
.law__nm{font-size:var(--fs-h3);font-weight:600;color:var(--navy);margin-bottom:6px;}
.law__nm span{font-size:var(--fs-min);color:var(--text-weak);font-weight:400;margin-left:8px;}
.law__role{color:var(--gold);font-size:var(--fs-aux);font-weight:500;margin-bottom:8px;}
/* 信任要素：资质（2026-09-12 起全站不再展示律师执业证号，故 .law__lic 规则已移除） */
.law__qual{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;}
.law__qual em{
  font-style:normal;font-size:var(--fs-min);padding:2px 7px;
  background:var(--gold-soft);color:var(--gold);border:1px solid rgba(201,169,110,.3);
}
.law__desc{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;flex:1;}
/* 擅长业务领域标签：全站统一规格（2026-09-14）
   ① 每枚标签内部不折行；② 团队卡 / 首页卡改为**两列等宽网格**（每列 1fr），
      同一张卡内方框宽度一致、右边缘对齐，不再出现长短不齐的参差感；
   ③ 标签文案已统一为 5–6 字，两列即可容纳。 */
.law__tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:14px;}
.law__tags em{
  font-style:normal;font-size:var(--fs-aux);line-height:1.5;color:var(--text-sub);
  background:var(--bg-light);border:1px solid var(--border);padding:5px 8px;
  display:flex;align-items:center;justify-content:center;text-align:center;
  white-space:nowrap;overflow:hidden;
}
.law__ft{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

/* ---------- 17. 页面组件：资讯/案例卡 ---------- */
.news{
  background:var(--white);border:1px solid var(--border);
  transition:border-color .2s ease;display:flex;flex-direction:column;
}
.news:hover{border-color:var(--gold);}
/* 资讯卡去掉大块占位图，改为顶部品牌细线（对标天同克制留白） */
.news__pic{display:none;}
.news{border-top:3px solid var(--navy);}
.news__bd{padding:24px;flex:1;display:flex;flex-direction:column;}
.news__meta{display:flex;align-items:center;gap:10px;font-size:var(--fs-min);color:var(--text-weak);margin-bottom:10px;}
.news h3{font-size:var(--fs-big);font-weight:600;color:var(--navy);line-height:1.6;margin-bottom:10px;}
.news p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;flex:1;}
.news__ft{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);}
/* 内容关联：相关服务 + 相关律师（内容→服务→律师闭环） */
.rel{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);
}
.rel__lb{font-size:var(--fs-min);color:var(--text-weak);}
.rel a{
  font-size:var(--fs-min);padding:3px 9px;display:inline-flex;align-items:center;gap:5px;
  transition:opacity .2s ease;
}
.rel__svc{background:var(--gold-soft);color:var(--gold);border:1px solid rgba(201,169,110,.3);}
.rel__svc:hover{background:var(--gold);color:var(--white);}
.rel__law{background:var(--bg-light);color:var(--navy);border:1px solid var(--border);}
.rel__law:hover{border-color:var(--navy);}

/* ---------- 18. 页面组件：服务卡（商城） ---------- */
.svc{
  background:var(--white);border:1px solid var(--border);padding:22px;
  display:flex;flex-direction:column;transition:border-color .2s ease;
}
.svc:hover{border-color:var(--gold);}
.svc__hd{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;}
.svc__ico{
  width:38px;height:38px;flex-shrink:0;background:var(--gold-soft);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:17px;
}
.svc h3{font-size:var(--fs-big);font-weight:600;color:var(--navy);line-height:1.5;}
.svc__price{margin-bottom:10px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.svc__price .num{font-family:var(--font-price);font-size:26px;color:var(--gold);line-height:1.2;}
.svc__price .unit{font-size:var(--fs-aux);color:var(--gold);}
.svc__price .note{font-size:var(--fs-min);color:var(--text-weak);}
.svc__desc{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.7;margin-bottom:14px;flex:1;}
.svc__ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;}

/* ---------- 19. 商城布局 ---------- */
.shop{display:grid;grid-template-columns:260px 1fr;gap:var(--gap-block);align-items:start;}
.shop__side{position:sticky;top:88px;border:1px solid var(--border);background:var(--white);}
.shop__side h4{
  font-size:var(--fs-std);color:var(--navy);font-weight:600;
  padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-light);
}
.shop__grp{border-bottom:1px solid var(--border);}
.shop__grp:last-child{border-bottom:none;}
.shop__gt{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 18px;font-size:var(--fs-aux);color:var(--navy);
  font-weight:500;cursor:pointer;border-left:2px solid transparent;
}
.shop__gt:hover{background:var(--bg-light);}
.shop__grp.open .shop__gt{color:var(--gold);border-left-color:var(--gold);}
.shop__gt em{font-style:normal;font-size:var(--fs-min);color:var(--text-weak);}
.shop__sub{display:none;padding:4px 0 10px;}
.shop__grp.open .shop__sub{display:block;}
.shop__sub a{
  display:block;padding:7px 18px 7px 34px;font-size:var(--fs-aux);
  color:var(--text-sub);border-left:2px solid transparent;
}
.shop__sub a:hover{color:var(--navy);background:var(--bg-light);}
.shop__sub a.on{color:var(--gold);border-left-color:var(--gold);}
.shop__main{min-width:0;}
.shop__tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:var(--gap-block);}
.shop__tab{
  padding:12px 26px;font-size:var(--fs-big);color:var(--text-sub);
  border-bottom:2px solid transparent;margin-bottom:-1px;
}
.shop__tab:hover{color:var(--navy);}
.shop__tab.on{color:var(--gold);font-weight:600;border-bottom-color:var(--gold);}
.shop__toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 18px;background:var(--bg-light);border:1px solid var(--border);margin-bottom:var(--gap-grid);
}
.shop__toolbar .txt{font-size:var(--fs-aux);color:var(--text-sub);}
.shop__group{margin-bottom:var(--gap-block);scroll-margin-top:88px;}
.shop__gh{
  display:flex;align-items:center;gap:12px;margin-bottom:var(--gap-para);
  padding-bottom:10px;border-bottom:1px solid var(--border);
}
.shop__gh h3{font-size:var(--fs-h3);font-weight:600;color:var(--navy);}
.shop__gh .cnt{font-size:var(--fs-min);color:var(--text-weak);}

/* 智能查询工具入口 */
.tool{
  display:flex;align-items:center;gap:16px;padding:20px;
  background:var(--white);border:1px solid var(--border);
}
.tool:hover{border-color:var(--gold);}
.tool__ico{
  width:48px;height:48px;flex-shrink:0;background:var(--navy);color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:21px;
}
.tool h3{font-size:var(--fs-big);font-weight:600;color:var(--navy);margin-bottom:4px;}
.tool p{font-size:var(--fs-aux);color:var(--text-sub);}
.tool .btn{margin-left:auto;}

/* ---------- 20. 购物车 / 结算 ---------- */
.cart{display:grid;grid-template-columns:1fr 340px;gap:var(--gap-block);align-items:start;}
.cart__list{border:1px solid var(--border);background:var(--white);}
.cart__hd{
  display:flex;padding:12px 20px;background:var(--bg-light);
  border-bottom:1px solid var(--border);font-size:var(--fs-aux);color:var(--text-sub);
}
.cart__row{
  display:flex;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border);
}
.cart__row:last-child{border-bottom:none;}
.cart__nm{flex:1;min-width:0;}
.cart__nm h3{font-size:var(--fs-std);font-weight:600;color:var(--navy);margin-bottom:4px;}
.cart__nm .cat{font-size:var(--fs-min);color:var(--text-weak);}
.cart__pri{font-family:var(--font-price);font-size:20px;color:var(--gold);width:110px;text-align:right;}
.qty{display:flex;align-items:center;border:1px solid var(--border);}
.qty button{width:30px;height:30px;color:var(--text-sub);font-size:15px;}
.qty button:hover{background:var(--bg-light);color:var(--navy);}
.qty span{width:38px;text-align:center;font-size:var(--fs-aux);}
.cart__del{color:var(--text-weak);font-size:var(--fs-aux);}
.cart__del:hover{color:var(--orange);}
.cart__empty{padding:70px 20px;text-align:center;color:var(--text-weak);}
.cart__empty i{font-size:44px;color:var(--border);margin-bottom:16px;}
.sum{border:1px solid var(--border);background:var(--white);padding:24px;}
.sum h3{font-size:var(--fs-h3);font-weight:600;color:var(--navy);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.sum__row{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:var(--fs-aux);color:var(--text-sub);}
.sum__row.tot{
  font-size:var(--fs-big);color:var(--navy);font-weight:600;
  padding-top:14px;border-top:1px solid var(--border);margin-top:6px;
}
.sum__row.tot .v{font-family:var(--font-price);color:var(--gold);font-size:26px;}
.sum .note{font-size:var(--fs-min);color:var(--text-weak);line-height:1.7;margin-top:14px;}

/* 下单成功 */
.done{max-width:560px;margin:0 auto;text-align:center;padding:80px 20px;}
.done__ico{
  width:76px;height:76px;margin:0 auto 24px;background:var(--green-bg);color:var(--green);
  display:flex;align-items:center;justify-content:center;font-size:36px;border-radius:50%;
}
.done h2{font-size:var(--fs-h2);color:var(--navy);margin-bottom:12px;}
.done p{color:var(--text-sub);margin-bottom:26px;}
.done__no{
  display:inline-block;padding:12px 24px;background:var(--bg-light);
  border:1px solid var(--border);font-family:var(--font-price);color:var(--navy);
  font-size:var(--fs-big);letter-spacing:1px;margin-bottom:26px;
}

/* ---------- 21. 登录/会员弹窗 ---------- */
.modal{
  position:fixed;inset:0;z-index:200;background:rgba(15,43,77,.55);
  display:none;align-items:center;justify-content:center;padding:20px;
}
.modal__box{background:var(--white);width:100%;max-width:400px;padding:32px;position:relative;}
.modal__box h3{font-size:var(--fs-h2);color:var(--navy);margin-bottom:6px;}
.modal__box .sub{font-size:var(--fs-aux);color:var(--text-sub);margin-bottom:24px;}
.modal__x{position:absolute;top:14px;right:16px;font-size:20px;color:var(--text-weak);}
.modal__x:hover{color:var(--navy);}
.modal__box .tip{font-size:var(--fs-min);color:var(--text-weak);text-align:center;margin-top:18px;}

/* ---------- 14. 响应式 ---------- */
@media (max-width:1024px){
  .hero__in{grid-template-columns:1fr;gap:32px;}
  .hero__side{display:none;}
  .shop{grid-template-columns:1fr;}
  .shop__side{position:static;}
  .cart{grid-template-columns:1fr;}
  .stat__grid{grid-template-columns:repeat(2,1fr);}
  .stat__item{border-bottom:1px solid var(--border);}
}
@media (max-width:768px){
  .stat__num{font-size:36px;}
  .shop__tabs{overflow-x:auto;}
  .shop__tab{padding:10px 16px;font-size:var(--fs-std);}
  .cart__row{flex-wrap:wrap;gap:12px;}
  .cart__nm{flex:1 1 100%;}
  .done{padding:48px 16px;}
}

/* ---------- 22. 全局响应式（基础栅格降级） ---------- */
@media (max-width:1024px){
  :root{--fs-h1:32px;--fs-h2:25px;--fs-h3:19px;--gap-section:56px;--pad:24px;}
  /* ★2026-09-12：.g3 原先不参与降级，769–1024px 下仍排 3 列 → 单卡仅 250–290px，
     专业研究列表因此明显比其它页面窄。此处与 .g4 对齐，一并降为 2 列。 */
  .g3,.g4{grid-template-columns:repeat(2,1fr);}
  .ft__grid{grid-template-columns:1fr 1fr;}
  .hd__nav{gap:18px;}
  .hd__nav a{padding:16px 0;}
}
@media (max-width:768px){
  :root{--fs-h1:26px;--fs-h2:22px;--fs-h3:18px;--gap-section:44px;--pad:20px;--gap-grid:16px;}
  .g2,.g3,.g4{grid-template-columns:1fr;}
  .ft__grid{grid-template-columns:1fr;}
  .hd__nav{display:none;}
  .hd__bar{gap:12px;}
  .cvt__in{flex-direction:column;align-items:flex-start;}
  .cvt__txt{font-size:var(--fs-std);}
}

/* 律师页：专业观点（个人思想性，对标天同律师页） */
.view{
  background:var(--white);border:1px solid var(--border);
  border-left:3px solid var(--gold);padding:20px 22px;
}
.view .no{
  font-family:var(--font-price);color:var(--gold);font-size:15px;
  margin-bottom:8px;letter-spacing:1px;
}
.view p{font-size:var(--fs-std);color:var(--text-sub);line-height:1.85;}
/* 律师页：可承接服务（服务名+说明+价格，直达详情） */
.svc-mini{
  background:var(--white);border:1px solid var(--border);padding:20px;
  display:flex;flex-direction:column;transition:border-color .2s ease;
}
.svc-mini:hover{border-color:var(--gold);}
.svc-mini h3{font-size:var(--fs-std);font-weight:600;color:var(--navy);line-height:1.5;margin-bottom:8px;}
.svc-mini p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.7;flex:1;}
.svc-mini .pr{
  display:flex;align-items:baseline;gap:5px;margin-top:12px;padding-top:12px;
  border-top:1px solid var(--border);
}
.svc-mini .pr .v{font-family:var(--font-price);font-size:19px;color:var(--gold);}
.svc-mini .pr .u{font-size:var(--fs-min);color:var(--text-weak);}
.svc-mini .go{margin-top:10px;font-size:var(--fs-aux);color:var(--gold);}

/* 服务卡：主办律师（建立信任锚点） */
.svc__law{
  display:flex;align-items:center;gap:9px;margin-bottom:14px;
  padding-top:12px;border-top:1px dashed var(--border);
}
.svc__law .av{
  width:30px;height:30px;flex-shrink:0;background:var(--bg-light);
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
  color:var(--navy);font-family:var(--font-price);font-size:14px;
}
.svc__law .tx{display:flex;flex-direction:column;line-height:1.4;min-width:0;}
.svc__law .nm{font-size:var(--fs-aux);color:var(--navy);font-weight:500;}
.svc__law .rl{font-size:var(--fs-min);color:var(--text-weak);}
.svc__law:hover .nm{color:var(--gold);}
/* 场景化筛选 */
.scene{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;background:var(--white);border:1px solid var(--border);margin-bottom:var(--gap-grid);}
.scene__lb{font-size:var(--fs-aux);color:var(--text-sub);display:flex;align-items:center;gap:6px;}
.scene__btn{
  display:inline-flex;align-items:center;gap:6px;padding:6px 14px;
  font-size:var(--fs-aux);color:var(--text-sub);background:var(--bg-light);
  border:1px solid var(--border);transition:all .2s ease;
}
.scene__btn:hover{border-color:var(--gold);color:var(--navy);}
.scene__btn.on{background:var(--gold);border-color:var(--gold);color:var(--white);font-weight:500;}

/* 首金工作法（方法论区块） */
.step{background:var(--white);border:1px solid var(--border);padding:26px;transition:border-color .2s ease;}
.step:hover{border-color:var(--gold);}
.step__no{font-family:var(--font-price);font-size:34px;color:var(--gold);line-height:1;margin-bottom:16px;letter-spacing:1px;}
.step h3{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);margin-bottom:10px;}
.step p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.85;margin-bottom:16px;}
.step p b{color:var(--navy);}
.step .del{
  display:flex;gap:8px;align-items:flex-start;
  padding-top:14px;border-top:1px dashed var(--border);
  font-size:var(--fs-min);color:var(--gold);line-height:1.7;
}
.step .del i{margin-top:3px;flex-shrink:0;}
/* 承诺条款条 */
.pledge{
  display:flex;gap:28px;flex-wrap:wrap;justify-content:center;
  margin-top:var(--gap-block);padding:22px 28px;background:var(--navy);
}
.pledge__item{display:flex;align-items:center;gap:10px;color:#fff;font-size:var(--fs-std);}
.pledge__item i{color:var(--gold);font-size:15px;}

/* ================================================================
   【在线服务】页面优化落地方案 —— 2026-09-10
   来源：《首金律师事务所「在线服务」页面 优化落地方案》
   色值沿用 V2.0 设计令牌（方案中 #C8A962 / #0F2B4D 为 V1.0 旧值，
   统一升级为 V2.0 的 --gold / --navy；功能色 #E8F5E9/#2E7D32、
   #FFF3E0/#E65100 与方案完全一致）
   ================================================================ */
/* 2.1 全局栅格：左导航 22% + 右内容 78% */
.shop{grid-template-columns:22% 1fr;gap:var(--gap-block);}

/* 2.3(1) 左侧导航栏 */
.shop__side{background:var(--bg-light);border:1px solid var(--border);}
.shop__side h4{
  font-size:var(--fs-std);color:var(--navy);font-weight:600;
  padding:16px 20px;border-bottom:1px solid var(--border);background:var(--white);
}
.shop__gt{
  padding:16px 20px;font-size:15px;font-weight:600;color:var(--text);
  border-left:2px solid transparent;background:var(--white);
}
.shop__grp{border-bottom:1px solid var(--border);}
.shop__grp.open .shop__gt{color:var(--gold);border-left-color:var(--gold);background:var(--white);}
.shop__sub{background:var(--bg-light);padding:6px 0 10px;}
.shop__sub a{
  display:block;padding:0 20px;line-height:36px;
  font-size:14px;font-weight:400;color:var(--text-sub);
  border-left:2px solid transparent;
}
.shop__sub a:hover{color:var(--navy);background:rgba(0,0,0,.02);}
.shop__sub a.on{color:var(--gold);border-left-color:var(--gold);background:var(--white);}
.shop__gt em{font-size:var(--fs-min);color:var(--text-weak);}

/* 2.3(3) 顶部筛选标签（三维度） */
.filters{background:var(--white);border:1px solid var(--border);margin-bottom:var(--gap-grid);}
.filters__row{
  display:flex;align-items:center;gap:16px;padding:14px 20px;
  border-bottom:1px solid var(--border);
}
.filters__row:last-of-type{border-bottom:none;}
.filters__lb{flex:0 0 66px;font-size:var(--fs-aux);color:var(--text-sub);}
.filters__opts{display:flex;flex-wrap:wrap;gap:10px;}
.fbtn{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;font-size:14px;line-height:1;font-family:inherit;
  color:var(--text-sub);background:var(--white);
  border:1px solid var(--border);border-radius:0;cursor:pointer;
  transition:border-color .2s ease,color .2s ease,background .2s ease;
}
.fbtn:hover{border-color:var(--gold);color:var(--navy);}
.fbtn.on{border-color:var(--gold);color:var(--gold);background:var(--gold-soft);font-weight:500;}
.filters__ft{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 20px;background:var(--bg-light);border-top:1px solid var(--border);
}
.filters__sum{font-size:var(--fs-min);color:var(--text-sub);}
.fbtn--clear{border-color:transparent;background:transparent;}
.fbtn--clear:hover{color:var(--navy);}

/* 2.3(2) 服务卡片 6 层结构 */
.svc{padding:24px;}
.svc__hd{align-items:center;gap:12px;margin-bottom:14px;}
.svc__ico{
  width:24px;height:24px;flex-shrink:0;
  background:transparent;color:var(--gold);font-size:24px;
}
.svc h3{font-size:18px;font-weight:600;color:var(--navy);line-height:1.45;}
.svc__price .num{font-size:24px;font-weight:500;}
.svc__price .dash{font-size:16px;color:var(--gold);}
.svc__price .num--txt{font-family:var(--font-cn);font-size:20px;font-weight:500;letter-spacing:0;}
.svc__desc{font-size:14px;color:var(--text-sub);line-height:1.7;}
.svc__law .av{width:20px;height:20px;font-size:10px;border:1px solid var(--border);background:var(--white);}
/* 4.2 核心服务卡「服务流程」折叠模块 */
.svc__flow{border-top:1px dashed var(--border);margin-bottom:12px;}
.svc__flow summary{
  display:flex;align-items:center;gap:8px;padding:10px 0;
  font-size:var(--fs-min);color:var(--text-sub);cursor:pointer;list-style:none;
}
.svc__flow summary::-webkit-details-marker{display:none;}
.svc__flow summary::after{
  content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;
  font-size:9px;color:var(--gold);margin-left:auto;transition:transform .2s;
}
.svc__flow[open] summary::after{transform:rotate(180deg);}
.svc__flow summary i{color:var(--gold);}
.svc__flow ol{padding:0 0 12px;counter-reset:sf;}
.svc__flow li{
  counter-increment:sf;position:relative;padding-left:22px;
  font-size:var(--fs-min);color:var(--text-sub);line-height:2;
}
.svc__flow li::before{
  content:counter(sf,decimal-leading-zero);position:absolute;left:0;top:0;
  font-family:var(--font-price);font-size:12px;color:var(--gold);
}

/* 4.1 加入清单后的按钮反馈 */
.btn--added{background:#EFEFEF;color:var(--text-weak);cursor:default;}
.btn--added[disabled]{opacity:1;}

/* 4.2 统一「服务保障」说明 */
.guarantee{border:1px solid var(--border);background:var(--white);margin-top:40px;}
.guarantee__hd{
  display:flex;align-items:center;gap:9px;padding:16px 24px;
  background:var(--bg-light);border-bottom:1px solid var(--border);
  font-size:var(--fs-std);font-weight:600;color:var(--navy);
}
.guarantee__hd i{color:var(--gold);}
.guarantee__bd{display:grid;grid-template-columns:repeat(3,1fr);}
.guarantee__it{padding:20px 24px;border-right:1px solid var(--border);}
.guarantee__it:last-child{border-right:none;}
.guarantee__it b{display:block;font-size:var(--fs-std);color:var(--navy);margin-bottom:8px;}
.guarantee__it span{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.7;}

/* 筛选空态 */
.shop__empty{border:1px dashed var(--border);padding:72px 24px;text-align:center;}
.shop__empty i{display:block;font-size:34px;color:var(--border);margin-bottom:16px;}
.shop__empty p{font-size:var(--fs-std);color:var(--text-sub);margin-bottom:20px;}

/* 4.3 右侧固定悬浮栏（含需求清单角标） */
.cs__btn{position:relative;}
.cs__num{position:absolute;top:-6px;right:-6px;}

/* 4.3 底部转化通栏强调 */
.cvt__txt strong{color:var(--gold);font-weight:600;}

/* 移动端降级 */
@media (max-width:1024px){
  .shop{grid-template-columns:1fr;}
  .shop__side{position:static;}
  .guarantee__bd{grid-template-columns:1fr;}
  .guarantee__it{border-right:none;border-bottom:1px solid var(--border);}
  .guarantee__it:last-child{border-bottom:none;}
}
@media (max-width:768px){
  .filters__row{flex-direction:column;align-items:flex-start;gap:10px;}
  .filters__lb{flex:none;}
  .fbtn{padding:7px 12px;font-size:13px;}
  .svc{padding:20px;}
  /* 移动端头部：隐藏次要文字，避免换行撑高吸顶头部 */
  .hd__bar{gap:12px;}
  .hd__logo .mark{height:32px;}
  .hd__logo .name{font-size:15px;}
  .hd__logo .name small{display:none;}
  .hd__act{gap:10px;padding-left:10px;}
  .hd__act a,.hd__act button{white-space:nowrap;font-size:12px;}
  .hd__lb{display:none;}
  /* 移动端：右侧悬浮栏改为底部固定操作条；底部留白须 ≥ 操作条高度（53px）+ 余量，
     否则页面末尾的表单提交按钮会被操作条压住（2026-09-12 加固 52 → 64px） */
  body{padding-bottom:64px;}
  .cs{
    left:0;right:0;bottom:0;flex-direction:row;gap:0;
    background:var(--white);border-top:1px solid var(--border);
  }
  .cs__btn{flex:1;width:auto;height:52px;border:none;border-right:1px solid var(--border);}
  .cs__btn:last-child{border-right:none;}
  .cs__pop{right:auto;left:50%;bottom:60px;transform:translateX(-50%);}
  .top-btn{bottom:64px;right:12px;}
}

/* ================================================================
   首页信息重构 —— 2026-09-10
   板块顺序：首屏定位 → 核心优势(双资质/工科背景) → 核心业务 → 数据支撑
             → 首金工作法 → 典型案例 → 专业团队 → 客户反馈 → 律所资讯
   ================================================================ */
/* ---------- Hero：行业暗调抽象线条 + 放大字体层级 ---------- */
.hero{background:linear-gradient(120deg,#081A31 0%,#0E2A48 58%,#081A31 100%);padding:112px 0 104px;}
.hero__bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.hero__bg svg{width:100%;height:100%;display:block;}
.hero__eyebrow{font-size:var(--fs-aux);color:#4FA9B8;letter-spacing:4px;font-weight:600;margin-bottom:20px;}
/* 首页主文案：品牌语放大幅（2026-09-12）—— 明显大于副标题 .hero__sub(17px)，成为首屏焦点 */
.hero__main{font-size:clamp(26px,3.05vw,42px);line-height:1.34;font-weight:700;color:var(--white);margin-bottom:18px;}
.hero .h1{font-size:42px;line-height:1.32;letter-spacing:.5px;margin-bottom:22px;}
.hero__sub{font-size:17px;color:rgba(255,255,255,.76);line-height:1.9;margin-bottom:16px;}
.hero__badge{width:250px;height:250px;background:rgba(255,255,255,.02);}
.hero__badge i{font-size:62px;}
.hero__badge span{line-height:1.9;text-align:center;}
.hero__badge--2{
  width:200px;height:200px;margin:-46px 0 0 auto;position:relative;z-index:3;
  background:rgba(8,26,49,.94);border-color:rgba(79,169,184,.45);
}
.hero__badge--2 i{font-size:44px;color:#4FA9B8;}

/* ---------- 核心优势卡 ---------- */
.adv{
  background:var(--white);border:1px solid var(--border);padding:26px 24px;
  display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease;
}
.adv:hover{border-color:var(--gold);}
.adv__ico{
  width:44px;height:44px;background:var(--tech-soft);color:var(--tech);
  display:flex;align-items:center;justify-content:center;font-size:19px;
}
.adv h3{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);line-height:1.5;}
.adv p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.8;}

/* ---------- 资质展示区 ---------- */
.qual{border:1px solid var(--border);margin-top:var(--gap-block);background:var(--white);}
.qual__hd{
  display:flex;align-items:center;gap:10px;padding:16px 24px;
  background:var(--bg-light);border-bottom:1px solid var(--border);
  font-size:var(--fs-std);font-weight:600;color:var(--navy);
}
.qual__hd i{color:var(--gold);}
.qual__hd .btn-text{margin-left:auto;font-size:var(--fs-aux);}
.qual__bd{display:grid;grid-template-columns:repeat(4,1fr);}
.qual__it{padding:22px 24px;border-right:1px solid var(--border);}
.qual__it:last-child{border-right:none;}
.qual__it b{
  display:block;font-size:var(--fs-aux);color:var(--tech);font-weight:600;
  padding-left:10px;border-left:2px solid var(--tech);margin-bottom:10px;
}
.qual__it span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.8;}

/* ---------- 合作客户墙 ---------- */
.logos{margin-top:var(--gap-block);padding-top:var(--gap-block);border-top:1px solid var(--border);text-align:center;}
.logos__lb{font-size:var(--fs-aux);color:var(--text-sub);margin-bottom:20px;}
.logos__row{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;}
.logos__it{
  min-width:132px;padding:18px 26px;border:1px solid var(--border);
  font-family:var(--font-serif);font-size:19px;font-weight:700;color:var(--text-sub);
  letter-spacing:2px;transition:border-color .2s ease,color .2s ease;
}
.logos__it:hover{border-color:var(--navy);color:var(--navy);}
.logos__note{margin-top:16px;font-size:var(--fs-min);color:var(--text-weak);}

/* ---------- 典型案例（问题 → 动作 → 成果） ---------- */
.case3{
  background:var(--white);border:1px solid var(--border);padding:24px;
  display:flex;flex-direction:column;transition:border-color .2s ease;
}
.case3:hover{border-color:var(--gold);}
.case3__tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.case3__ttl{
  font-family:var(--font-serif);font-size:var(--fs-big);font-weight:700;
  color:var(--navy);line-height:1.6;margin-bottom:16px;
}
.case3__row{display:flex;gap:10px;margin-bottom:12px;}
.case3__row b{
  flex:0 0 38px;height:22px;line-height:22px;text-align:center;
  font-size:var(--fs-min);font-weight:600;color:var(--tech);
  background:var(--tech-soft);border:1px solid rgba(31,110,123,.25);
}
.case3__row p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.8;flex:1;}
.dv{border:1px solid var(--border);background:var(--bg-light);padding:12px;margin-top:auto;}
.dv svg{width:100%;height:auto;display:block;background:var(--white);border:1px solid var(--border);}
.dv__lb{font-size:var(--fs-min);color:var(--text-sub);margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.dv__lb i{color:var(--tech);}
.case3__note{
  margin-top:var(--gap-block);padding:14px 18px;background:var(--white);
  border:1px solid var(--border);font-size:var(--fs-min);color:var(--text-sub);
  line-height:1.8;display:flex;gap:9px;align-items:flex-start;
}
.case3__note i{color:var(--gold);margin-top:3px;flex-shrink:0;}

/* ---------- 客户反馈 ---------- */
.quote{
  background:var(--white);border:1px solid var(--border);padding:26px 24px;
  display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease;
}
.quote:hover{border-color:var(--gold);}
.quote i{color:var(--gold);font-size:18px;}
.quote p{font-family:var(--font-serif);font-size:var(--fs-big);color:var(--navy);line-height:1.85;flex:1;}
.quote cite{font-size:var(--fs-min);color:var(--text-weak);font-style:normal;padding-top:12px;border-top:1px dashed var(--border);}

/* ---------- 专业观点导语（并入资讯区） ---------- */
.opin{border-left:3px solid var(--gold);padding:4px 0 4px 26px;margin-bottom:var(--gap-block);max-width:900px;}

/* ---------- 标签对比度：金色浅底改深字/描边 ---------- */
.rel__svc{background:rgba(201,169,110,.22);color:#7A5C1E;border-color:rgba(201,169,110,.55);}
.case3__tags .tag--line{border-color:rgba(31,110,123,.32);color:#17535D;background:var(--tech-soft);}

/* ---------- 数字：表格数字 + 价格对齐 ---------- */
.stat__num,.svc__price .num,.pd__price .num,.price{
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
.svc__price .num,.pd__price .num{letter-spacing:.5px;}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .hero{padding:80px 0 72px;}
  .hero .h1{font-size:38px;}
  .qual__bd{grid-template-columns:repeat(2,1fr);}
  .qual__it{border-bottom:1px solid var(--border);}
  .qual__it:nth-child(2n){border-right:none;}
  .qual__it:nth-last-child(-n+2){border-bottom:none;}
  .hero__badge--2{display:none;}
}
@media (max-width:768px){
  .hero .h1{font-size:29px;line-height:1.35;}
  .hero__sub{font-size:15px;}
  .hero__badge{width:180px;height:180px;}
  .hero__badge i{font-size:44px;}
  .qual__bd{grid-template-columns:1fr;}
  .qual__it{border-right:none;}
  .logos__it{min-width:calc(50% - 8px);padding:14px 10px;font-size:16px;}
  .opin{padding-left:18px;}
}

/* ---------- 业务场景导购（替代按程序罗列） ---------- */
.guide{border:1px solid var(--border);background:var(--white);margin-bottom:var(--gap-grid);}
.guide__hd{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:15px 20px;border-bottom:1px solid var(--border);background:var(--bg-light);
}
.guide__ttl{font-size:var(--fs-std);font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px;}
.guide__ttl i{color:var(--tech);}
.guide__sub{font-size:var(--fs-min);color:var(--text-weak);}
.guide__bd{display:grid;grid-template-columns:repeat(4,1fr);}
.guide__card{
  display:flex;flex-direction:column;gap:9px;padding:20px;
  border-right:1px solid var(--border);border-left:2px solid transparent;
  background:var(--white);text-align:left;cursor:pointer;font-family:inherit;
  transition:background .2s ease;
}
.guide__card:last-child{border-right:none;}
.guide__card:hover{background:var(--bg-light);}
.guide__card.on{border-left-color:var(--tech);background:var(--tech-soft);}
.guide__ico{
  width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  background:var(--tech-soft);color:var(--tech);font-size:16px;transition:all .2s ease;
}
.guide__card.on .guide__ico{background:var(--tech);color:var(--white);}
.guide__nm{font-size:var(--fs-big);font-weight:600;color:var(--navy);}
.guide__dc{font-size:var(--fs-min);color:var(--text-sub);line-height:1.75;flex:1;}
.guide__ct{font-size:var(--fs-min);color:var(--text-weak);}
.guide__card.on .guide__ct{color:var(--tech);font-weight:500;}

/* ---------- 「评估报价」类服务卡：去价格锚点 ---------- */
.svc__eval{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;}
.svc__eval-tx{
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-size:var(--fs-std);font-weight:500;color:var(--tech);
  border:1px solid rgba(31,110,123,.35);background:var(--tech-soft);padding:9px 14px;
}
.svc__eval-tx i{font-size:13px;}
.svc__eval-note{font-size:var(--fs-min);color:var(--text-weak);}

@media (max-width:1024px){
  .guide__bd{grid-template-columns:repeat(2,1fr);}
  .guide__card{border-bottom:1px solid var(--border);}
  .guide__card:nth-child(2n){border-right:none;}
  .guide__card:nth-last-child(-n+2){border-bottom:none;}
}
@media (max-width:768px){
  .guide__bd{grid-template-columns:1fr;}
  .guide__card{border-right:none;padding:16px;}
  .guide__card:nth-last-child(-n+2){border-bottom:1px solid var(--border);}
  .guide__card:last-child{border-bottom:none;}
}

/* ---------- 产品页：核心信息前置条 ---------- */
.core{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);background:var(--white);margin:24px 0 var(--gap-block);}
.core__it{padding:20px 22px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;}
.core__it:last-child{border-right:none;}
.core__lb{font-size:var(--fs-min);color:var(--text-weak);}
.core__vl{font-size:20px;font-weight:600;color:var(--navy);line-height:1.45;}
.core__it:first-child .core__vl{font-family:var(--font-price);color:var(--gold);font-size:24px;}
.core__nt{font-size:var(--fs-min);color:var(--text-sub);line-height:1.7;}
.pd__price .num--txt{font-family:var(--font-cn);font-size:24px;font-weight:600;color:var(--tech);letter-spacing:0;}

/* ---------- 产品页：次要板块折叠 ---------- */
.more{border:1px solid var(--border);background:var(--bg-light);margin-top:var(--gap-block);}
.more>summary{
  display:flex;align-items:center;gap:12px;padding:16px 22px;cursor:pointer;
  list-style:none;font-size:var(--fs-std);font-weight:600;color:var(--navy);
}
.more>summary::-webkit-details-marker{display:none;}
.more>summary span:first-child{display:flex;align-items:center;gap:9px;}
.more>summary i{color:var(--gold);}
.more__hint{margin-left:auto;font-size:var(--fs-min);color:var(--text-weak);font-weight:400;}
.more[open]>summary{border-bottom:1px solid var(--border);background:var(--white);}
.more__in{padding:22px;background:var(--white);}
.more__sec{margin-bottom:28px;}
.more__sec:last-child{margin-bottom:0;}
.more__ttl{
  font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);
  margin-bottom:14px;display:flex;align-items:center;gap:9px;
}
.more__ttl i{color:var(--gold);font-size:15px;}
.more__bd p{font-size:var(--fs-std);color:var(--text-sub);line-height:1.85;}
.more__bd--hl{background:#FFF9E6;border:1px solid #F0E0B0;padding:14px 18px;}
.more__bd--hl p{color:#8A6D1F;font-size:var(--fs-aux);}
.more__sec .faq{border-color:var(--border);}
.more__sec .faq details{border-bottom:1px solid var(--border);}
.more__sec .faq details:last-child{border-bottom:none;}
@media (max-width:1024px){.core{grid-template-columns:1fr;}.core__it{border-right:none;border-bottom:1px solid var(--border);}.core__it:last-child{border-bottom:none;}}

/* ---------- 需求清单：费用明细 / 空状态 / 提交成功 ---------- */
.sum__detail{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border);}
.sum__hd{font-size:var(--fs-min);color:var(--text-weak);margin-bottom:10px;}
.sum__line{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-min);color:var(--text-sub);padding:5px 0;line-height:1.7;}
.sum__line span:last-child{white-space:nowrap;color:var(--navy);}
.sum__line--sub span:last-child{color:var(--text-weak);}
.cart__empty{text-align:center;padding:52px 24px;}
.cart__empty-tip{display:block;font-size:var(--fs-aux);color:var(--text-sub);line-height:1.9;margin-top:12px;}
.cart__qr{
  display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding:16px 20px;
  border:1px solid var(--border);background:var(--bg-light);text-align:left;
}
.cart__qr-img{
  width:96px;height:96px;background:var(--white);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;color:var(--text-weak);
  font-size:var(--fs-min);flex-shrink:0;
}
.cart__qr-tx{font-size:var(--fs-min);color:var(--text-sub);line-height:1.9;}
.cart__qr-tx b{color:var(--navy);font-size:var(--fs-aux);}
.done__box{
  max-width:520px;margin:26px auto 0;border:1px solid var(--border);
  background:var(--white);padding:16px 20px;text-align:left;
}
.done__line{display:flex;justify-content:space-between;gap:12px;font-size:var(--fs-aux);color:var(--text-sub);padding:6px 0;}
.done__line span:last-child{color:var(--navy);white-space:nowrap;}
.done__line--tot{
  margin-top:8px;padding-top:12px;border-top:1px solid var(--border);
  font-weight:600;color:var(--navy);
}
.done__next{max-width:520px;margin:24px auto 0;text-align:left;display:grid;gap:12px;}
.done__step{display:flex;gap:12px;align-items:flex-start;font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;}
.done__step b{
  flex:0 0 22px;height:22px;line-height:22px;text-align:center;
  background:var(--navy);color:var(--white);font-size:var(--fs-min);font-weight:600;
}
.done__qr{
  display:inline-flex;align-items:center;gap:14px;margin-top:26px;padding:16px 20px;
  border:1px solid var(--border);background:var(--bg-light);text-align:left;
}
.done__qr .qr{
  width:96px;height:96px;background:var(--white);border:1px solid var(--border);
  display:flex;align-items:center;justify-content:center;color:var(--text-weak);
  font-size:var(--fs-min);flex-shrink:0;
}
.done__qr .tx{font-size:var(--fs-min);color:var(--text-sub);line-height:1.9;}
.done__qr .tx b{color:var(--navy);font-size:var(--fs-aux);}
@media (max-width:768px){
  .cart__qr,.done__qr{flex-direction:column;text-align:center;width:100%;}
  .cart__qr-img,.done__qr .qr{width:120px;height:120px;}
}

/* ---------- 文章页：文末转化入口 + 常见问题 ---------- */
.at__cta{
  display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  border:1px solid var(--border);border-left:3px solid var(--gold);
  background:var(--bg-light);padding:24px;margin-top:var(--gap-block);
}
.at__cta-tx b{display:block;font-family:var(--font-serif);font-size:var(--fs-big);color:var(--navy);margin-bottom:8px;}
.at__cta-tx span{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.85;}
.at__cta-act{display:flex;gap:12px;flex-wrap:wrap;}
.at__faq{margin-top:var(--gap-block);}
.at__faq-ttl{
  font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;
  color:var(--navy);margin-bottom:14px;display:flex;align-items:center;gap:9px;
}
.at__faq-ttl i{color:var(--gold);}
@media (max-width:768px){.at__cta{padding:18px;}.at__cta-act{width:100%;}}

/* ---------- 金色小字对比度提升（深金 / 描边，替代浅底金字） ---------- */
.btn-text{color:#8A6A2E;}
.btn-text:hover{color:#6E5320;}
.law__role{color:#8A6A2E;}
.svc__price .unit{color:#8A6A2E;}
.step .del{color:#8A6A2E;}
.quote i,.adv__ico,.guide__ttl i{color:inherit;}
.tag--line{background:var(--white);border-color:var(--border);color:var(--text-sub);}

/* ---------- 数字统一：Source Serif 4 + 表格数字（0 与 O 可区分、价格列对齐） ---------- */
.stat__num,.svc__price .num,.pd__price .num,.price,.core__it:first-child .core__vl,
.done__line span:last-child,.sum__row .v,.rel3__item .m,.cart__pri,.order-no,.done__no{
  font-family:var(--font-price);
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}

/* ---------- 业务领域页：总览卡 + 八大板块 ---------- */
.bizov{
  background:var(--white);border:1px solid var(--border);padding:24px;
  display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease;
}
.bizov:hover{border-color:var(--gold);}
.bizov__no{font-family:var(--font-price);font-size:22px;color:var(--gold);line-height:1;}
.bizov h3{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);line-height:1.5;}
.bizov__law{
  font-size:var(--fs-min);color:#17535D;border-left:2px solid var(--tech);
  padding-left:9px;line-height:1.6;background:var(--tech-soft);padding:6px 10px;
}
.bizov p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;flex:1;}

.area{border:1px solid var(--border);background:var(--white);margin-bottom:24px;scroll-margin-top:88px;}
.area__hd{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:20px 24px;background:var(--bg-light);border-bottom:1px solid var(--border);
}
.area__no{font-family:var(--font-price);font-size:26px;color:var(--gold);line-height:1;flex-shrink:0;}
.area__hd h2{font-family:var(--font-serif);font-size:22px;font-weight:700;color:var(--navy);line-height:1.4;}
.area__law{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--fs-min);}
.area__law .lb{color:var(--text-weak);display:inline-flex;align-items:center;gap:5px;}
.area__law .lb i{color:var(--gold);}
.area__law a{
  padding:5px 11px;border:1px solid rgba(31,110,123,.32);color:#17535D;
  background:var(--tech-soft);font-size:var(--fs-min);transition:all .2s ease;
}
.area__law a:hover{background:var(--tech);color:var(--white);border-color:var(--tech);}
.area__bd{padding:22px 24px;}
.area__desc{font-size:var(--fs-std);color:var(--text-sub);line-height:1.9;}
.area__sub{
  margin:20px 0 12px;font-size:var(--fs-aux);color:var(--navy);font-weight:600;
  padding-left:10px;border-left:2px solid var(--gold);
}
@media (max-width:768px){
  .area__hd{padding:16px 18px;gap:10px;}
  .area__hd h2{font-size:19px;}
  .area__law{margin-left:0;width:100%;}
  .area__bd{padding:18px;}
  .area__no{font-size:22px;}
}

/* ---------- 业务领域页：代表案例 / 经典案例卡 / 第三方认可 ---------- */
.bizov__meta{
  font-size:var(--fs-min);color:var(--text-weak);
  padding-top:10px;border-top:1px dashed var(--border);
}
.area__case{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  margin-top:18px;padding-top:16px;border-top:1px dashed var(--border);
}
.area__case b{
  display:inline-flex;align-items:center;gap:6px;
  font-size:var(--fs-min);color:var(--gold);font-weight:600;
}
.area__case span{
  font-size:var(--fs-min);color:var(--text-sub);
  padding:5px 11px;border:1px solid var(--border);background:var(--bg-light);
}
.case-grp{
  font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);
  padding-left:12px;border-left:3px solid var(--gold);margin:var(--gap-block) 0 var(--gap-grid);
}
.case-grp:first-of-type{margin-top:0;}
.cc{
  background:var(--white);border:1px solid var(--border);padding:24px;
  display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease;
}
.cc:hover{border-color:var(--gold);}
.cc__tags{display:flex;flex-wrap:wrap;gap:8px;}
.cc__tags .tag--line{border-color:rgba(31,110,123,.32);color:#17535D;background:var(--tech-soft);}
.cc__ttl{font-family:var(--font-serif);font-size:var(--fs-big);font-weight:700;color:var(--navy);line-height:1.6;}
.cc__p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.85;flex:1;}
.cc__res{
  display:flex;gap:9px;align-items:flex-start;
  padding-top:14px;border-top:1px dashed var(--border);
  font-size:var(--fs-aux);color:var(--navy);line-height:1.8;
}
.cc__res i{color:var(--gold);margin-top:4px;flex-shrink:0;}
.honor{
  display:flex;gap:20px;align-items:flex-start;margin-top:var(--gap-block);
  padding:24px;background:var(--navy);color:rgba(255,255,255,.82);
}
.honor__ico{
  width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:rgba(201,169,110,.14);border:1px solid rgba(201,169,110,.45);
  color:var(--gold);font-size:22px;
}
.honor h4{font-family:var(--font-serif);font-size:var(--fs-big);font-weight:700;color:var(--white);margin-bottom:10px;}
.honor p{font-size:var(--fs-aux);line-height:1.9;}
.honor p b{color:var(--gold);}
@media (max-width:768px){
  .honor{flex-direction:column;gap:14px;padding:18px;}
  .cc{padding:18px;}
}

/* ================================================================
   合作与生态 —— 2026-09-10
   ================================================================ */
.eco{
  background:var(--white);border:1px solid var(--border);padding:24px;
  display:flex;flex-direction:column;gap:13px;transition:border-color .2s ease;
}
.eco:hover{border-color:var(--gold);}
.eco__hd{display:flex;gap:14px;align-items:flex-start;}
.eco__ico{
  width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  background:var(--tech-soft);color:var(--tech);font-size:19px;
}
.eco__hd h3{
  font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;
  color:var(--navy);line-height:1.5;margin-bottom:6px;
}
.eco__tag{
  display:inline-block;font-size:var(--fs-min);color:#17535D;background:var(--tech-soft);
  border:1px solid rgba(31,110,123,.25);padding:2px 9px;
}
.eco p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.85;}
.eco__sub{
  font-size:var(--fs-min);color:var(--navy);font-weight:600;
  padding-left:9px;border-left:2px solid var(--gold);margin-top:2px;
}
.eco__list{display:flex;flex-wrap:wrap;gap:8px;}
.eco__list span{
  font-size:var(--fs-min);color:var(--text-sub);border:1px solid var(--border);
  background:var(--bg-light);padding:4px 10px;
}
.eco__ft{
  margin-top:auto;padding-top:15px;border-top:1px dashed var(--border);
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;
}
.eco__qr{width:92px;height:92px;object-fit:cover;border:1px solid var(--border);background:var(--white);flex-shrink:0;}
.eco__qr--ph{
  width:92px;height:92px;display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:var(--fs-min);color:var(--text-weak);border:1px dashed var(--border);
  background:var(--bg-light);line-height:1.45;padding:8px;flex-shrink:0;
}
.eco__ft .tx{font-size:var(--fs-min);color:var(--text-sub);line-height:1.85;}
.eco__ft .tx b{display:block;color:var(--navy);font-size:var(--fs-aux);margin-bottom:3px;}

/* ---- 首页生态条 ---- */
.eco-strip{margin-top:var(--gap-block);padding-top:var(--gap-block);border-top:1px solid var(--border);}
.eco-strip__hd{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.eco-strip__lb{font-size:var(--fs-aux);color:var(--text-sub);}
.eco-strip__hd .btn-text{margin-left:auto;font-size:var(--fs-aux);}
.eco-strip__row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.eco-strip__it{
  border:1px solid var(--border);background:var(--white);padding:16px 18px;
  display:flex;gap:12px;align-items:flex-start;transition:border-color .2s ease;
}
.eco-strip__it:hover{border-color:var(--gold);}
.eco-strip__it i{color:var(--tech);font-size:15px;margin-top:4px;flex-shrink:0;}
.eco-strip__it b{display:block;font-size:var(--fs-std);color:var(--navy);margin-bottom:5px;}
.eco-strip__it span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.75;}

/* ---- 关注我们（视频号 / 公众号 / 企微） ---- */
.follow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:var(--gap-block);}
.follow__it{
  border:1px solid var(--border);background:var(--bg-light);padding:20px;
  display:flex;gap:16px;align-items:center;
}
.follow__qr{
  width:104px;height:104px;object-fit:cover;background:var(--white);
  border:1px solid var(--border);flex-shrink:0;
}
.follow__qr--ph{
  width:104px;height:104px;display:flex;align-items:center;justify-content:center;
  background:var(--white);border:1px dashed var(--border);color:var(--text-weak);
  font-size:var(--fs-min);text-align:center;line-height:1.5;padding:8px;flex-shrink:0;
}
.follow__tx b{display:block;font-size:var(--fs-std);color:var(--navy);margin-bottom:6px;}
.follow__tx span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.8;}

@media (max-width:1024px){
  .eco-strip__row{grid-template-columns:1fr 1fr;}
  .follow{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .eco{padding:18px;}
  .eco-strip__row{grid-template-columns:1fr;}
  .follow__it{flex-direction:column;text-align:center;}
}

/* 页脚三栏：品牌 / 快速导航（三列） / 联系方式（2026-09-12 起页脚不再放二维码） */
.ft__grid{grid-template-columns:1.5fr 1.4fr 1.15fr;}
@media (max-width:1024px){.ft__grid{grid-template-columns:1fr 1fr;}}
@media (max-width:768px){.ft__grid{grid-template-columns:1fr;}}

/* ---------- 企微二维码接入（2026-09-11） ---------- */
.cs__pop img{width:130px;height:130px;display:block;margin:0 auto 10px;background:#fff;border:1px solid var(--border);}
.cart__qr-img img,.done__qr .qr img{width:100%;height:100%;display:block;object-fit:cover;}

/* ---------- 行业解决方案入口条 ---------- */
.indbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--border);border-left:3px solid var(--tech);background:var(--white);padding:18px 22px;}
.indbar__ico{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--tech-soft);color:var(--tech);font-size:17px;}
.indbar__tx{flex:1;min-width:220px;}
.indbar__tx b{display:block;font-size:var(--fs-std);color:var(--navy);margin-bottom:5px;}
.indbar__tx span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.75;}

/* ---------- 公众号：微信搜索引导（无二维码时的等价方案） ---------- */
.follow__qr--ph.follow__wx{
  border-style:solid;background:var(--white);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.follow__qr--ph.follow__wx i{font-size:26px;color:var(--tech);}
.follow__qr--ph.follow__wx b{font-size:var(--fs-min);font-weight:400;color:var(--text-weak);}
.follow__qr--ph.follow__wx em{font-size:var(--fs-big);font-style:normal;font-weight:600;color:var(--navy);letter-spacing:.5px;}
.follow__qr--ph.follow__wx s{font-size:var(--fs-min);color:var(--text-weak);text-decoration:none;line-height:1.4;text-align:center;}

/* ---------- 服务对象与业务体系 ---------- */
.sysgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.syscard{background:var(--white);border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s ease;}
.syscard:hover{border-color:var(--gold);}
.syscard__no{font-family:var(--font-price);font-size:22px;color:var(--gold);line-height:1;}
.syscard h3{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);line-height:1.5;}
.syscard h3 small{display:block;font-family:var(--font-cn);font-size:var(--fs-min);font-weight:400;color:var(--text-weak);margin-top:6px;letter-spacing:0;}
.syscard p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.85;flex:1;}
.syscard__tags{display:flex;flex-wrap:wrap;gap:7px;}
.syscard__tags em{font-size:var(--fs-min);font-style:normal;color:#17535D;background:var(--tech-soft);border:1px solid rgba(31,110,123,.25);padding:3px 9px;}
.indcover{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:var(--gap-block);}
.indcover__it{border:1px solid var(--border);background:var(--white);padding:18px 20px;}
.indcover__it b{display:block;font-size:var(--fs-std);color:var(--navy);margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.indcover__it b i{color:var(--tech);font-size:14px;}
.indcover__it span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.8;}
.cycle{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--gap-block);border:1px solid var(--border);background:var(--white);}
.cycle__it{padding:20px;border-right:1px solid var(--border);}
.cycle__it:last-child{border-right:none;}
.cycle__it b{display:block;font-family:var(--font-serif);font-size:var(--fs-big);color:var(--navy);margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid var(--border);}
.cycle__it span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.8;}
@media (max-width:1024px){.sysgrid{grid-template-columns:1fr;}.indcover{grid-template-columns:1fr 1fr;}.cycle{grid-template-columns:1fr 1fr;}.cycle__it:nth-child(2n){border-right:none;}.cycle__it:nth-child(-n+2){border-bottom:1px solid var(--border);}}
@media (max-width:768px){.indcover{grid-template-columns:1fr;}.cycle{grid-template-columns:1fr;}.cycle__it{border-right:none;border-bottom:1px solid var(--border);}.cycle__it:last-child{border-bottom:none;}}

/* ================================================================
   2026-09-11 第二轮
   ================================================================ */
/* 首页数据带：客户维度补充 */
.stat__dim{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px;padding-top:24px;border-top:1px solid var(--border);}
.stat__dim>div{display:flex;flex-direction:column;gap:6px;}
.stat__dim b{font-size:var(--fs-std);color:var(--navy);font-weight:600;display:flex;align-items:center;gap:8px;}
.stat__dim b i{color:var(--tech);font-size:14px;}
.stat__dim span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.75;}

/* 关于页：品牌定位语 */
.ab-quote{
  border-left:3px solid var(--gold);background:var(--bg-light);
  padding:22px 26px;margin-bottom:var(--gap-block);
  font-family:var(--font-serif);font-size:var(--fs-big);color:var(--navy);line-height:1.9;
}

/* 业务领域页：三阶业务体系说明 */
.sysline{
  display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;
  border:1px solid var(--border);background:var(--white);padding:20px 24px;margin-bottom:var(--gap-block);
}
.sysline__tx{flex:1;min-width:240px;font-size:var(--fs-aux);color:var(--text-sub);line-height:1.9;}
.sysline__tx b{color:var(--navy);}
.sysline__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.sysline__tags em{font-size:var(--fs-min);font-style:normal;color:#17535D;background:var(--tech-soft);border:1px solid rgba(31,110,123,.25);padding:3px 9px;}
@media (max-width:1024px){.stat__dim{grid-template-columns:1fr;}}

/* ================================================================
   2026-09-11 第三轮：首页数据带 / 团队横向滚动
   ================================================================ */
.stat__grid--3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);}
.stat__grid--3 .stat__item{border-right:1px solid var(--border);}
.stat__grid--3 .stat__item:last-child{border-right:none;}
.stat__grid--3 .stat__num{font-size:42px;}

/* 专业团队：横向滚动一行 */
.lawrail{
  display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
}
.lawrail>*{flex:0 0 268px;scroll-snap-align:start;}
.lawrail::-webkit-scrollbar{height:6px;}
.lawrail::-webkit-scrollbar-track{background:var(--border);}
.lawrail::-webkit-scrollbar-thumb{background:#B9B9B9;}
.lawrail{scrollbar-width:thin;}

@media (max-width:1024px){
  .stat__grid--3{grid-template-columns:1fr;}
  .stat__grid--3 .stat__item{border-right:none;border-bottom:1px solid var(--border);}
  .stat__grid--3 .stat__item:last-child{border-bottom:none;}
}
@media (max-width:768px){
  .lawrail{gap:14px;}
  .lawrail>*{flex:0 0 240px;}
  .stat__grid--3 .stat__num{font-size:34px;}
}

/* 首页团队轨道：卡片压缩（原 4:5 头像块过高） */
.lawrail .law__pic{aspect-ratio:auto;height:104px;font-size:38px;}
.lawrail .law__bd{padding:18px;}
.lawrail .law__nm{font-size:var(--fs-big);}
.lawrail .law__desc{
  font-size:var(--fs-min);line-height:1.8;
  display:block;max-height:calc(1.8em * 3);overflow:hidden;flex:0 0 auto;
}
.lawrail .law__qual{font-size:var(--fs-min);}
.lawrail .law__tags{margin-top:12px;}
.lawrail .law__ft{margin-top:auto;padding-top:14px;}

/* ================================================================
   2026-09-11 第四轮：在线服务 —— 场景 + 行业 双维度导购
   ================================================================ */
.guide__hd--2{border-top:1px solid var(--border);}
.guide__bd--ind{grid-template-columns:repeat(3,1fr);}
.guide__bd--ind .guide__card{border-bottom:1px solid var(--border);border-right:1px solid var(--border);}
.guide__bd--ind .guide__card:nth-child(3n){border-right:none;}
.guide__bd--ind .guide__card:nth-last-child(-n+3){border-bottom:none;}
@media (max-width:1024px){
  .guide__bd--ind{grid-template-columns:repeat(2,1fr);}
  .guide__bd--ind .guide__card:nth-child(3n){border-right:1px solid var(--border);}
  .guide__bd--ind .guide__card:nth-child(2n){border-right:none;}
  .guide__bd--ind .guide__card:nth-last-child(-n+3){border-bottom:1px solid var(--border);}
  .guide__bd--ind .guide__card:nth-last-child(-n+2){border-bottom:none;}
}
@media (max-width:768px){
  .guide__bd--ind{grid-template-columns:1fr;}
  .guide__bd--ind .guide__card{border-right:none !important;}
  .guide__bd--ind .guide__card:nth-last-child(-n+2){border-bottom:1px solid var(--border);}
  .guide__bd--ind .guide__card:last-child{border-bottom:none;}
}

/* ================================================================
   导航重构（6 项 + 下拉）与全站去电商化 —— 2026-09-11
   ================================================================ */
.hd__drop{position:relative;}
.hd__drop>a{display:inline-flex;align-items:center;gap:6px;}
.hd__drop>a i{font-size:10px;opacity:.75;}
.hd__menu{
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  min-width:166px;background:var(--white);border:1px solid var(--border);
  padding:6px 0;opacity:0;visibility:hidden;z-index:90;
  transition:opacity .16s ease,visibility .16s ease;
}
.hd__drop:hover .hd__menu,.hd__drop:focus-within .hd__menu{opacity:1;visibility:visible;}
.hd__menu a{display:block;padding:10px 18px;font-size:var(--fs-aux);color:var(--text-sub);white-space:nowrap;}
.hd__menu a:hover{color:var(--navy);background:var(--bg-light);}
.hd__menu a::after{display:none;}
.hd__cta{height:38px;line-height:38px;padding:0 18px;font-size:var(--fs-aux);}
.hd__cta-mini{display:none;}
.hd__act .hd__burger{
  display:none;background:none;border:0;color:var(--navy);cursor:pointer;
  font-size:18px;line-height:1;padding:8px;
}
.hd__mnav{display:none;border-top:1px solid var(--border);background:var(--white);}
.hd__mnav.open{display:block;}
.hd__mnav a{display:block;padding:13px 20px;border-bottom:1px solid var(--border);font-size:var(--fs-std);color:var(--navy);}
.hd__mnav a:last-child{border-bottom:none;}

/* 已选服务（文字提示，替代购物车角标） */
.sel-txt{font-size:var(--fs-aux);color:var(--navy);display:inline-flex;align-items:center;gap:6px;}
.sel-txt i{color:var(--tech);font-size:11px;}

@media (max-width:768px){
  .hd__act .hd__burger{display:block;}
  .hd__act{border-left:0;margin-left:auto;padding-left:0;}
  .hd__cta{height:34px;line-height:34px;padding:0 14px;}
  .hd__cta-full{display:none;}
  .hd__cta-mini{display:inline;}
}

/* ================================================================
   首页重构（2026-09-11）：信任条 / 六大场景 / 工作法简版 / 转化通栏
   ================================================================ */
.section--tight{padding:56px 0;}
.hero__in--single{grid-template-columns:1fr;}
.hero__in--single>div{max-width:680px;}

/* 信任条 */
.trust{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);background:var(--white);}
.trust__it{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-right:1px solid var(--border);}
.trust__it:last-child{border-right:none;}
.trust__it i{color:var(--tech);font-size:17px;}
.trust__it b{font-size:var(--fs-std);color:var(--navy);line-height:1.5;}
.trust__it span{font-size:var(--fs-min);color:var(--text-sub);line-height:1.75;}
.trust__note{margin-top:16px;font-size:var(--fs-min);color:var(--text-weak);line-height:1.8;}
.trust__eco{margin-top:8px;font-size:var(--fs-min);color:var(--text-sub);line-height:1.9;}

/* 场景卡：负责律师行 */
.biz__law{margin-top:2px;font-size:var(--fs-min);color:var(--text-weak);}

/* 首金工作法（首页简版） */
.meth-brief{display:flex;align-items:center;gap:var(--gap-block);flex-wrap:wrap;border:1px solid var(--border);border-left:3px solid var(--gold);background:var(--white);padding:28px;}
.meth-brief__tx{flex:1;min-width:280px;}
.meth-brief__lb{font-size:var(--fs-aux);color:var(--gold);font-weight:600;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.meth-brief__ttl{font-size:var(--fs-big);color:var(--navy);line-height:1.7;margin-bottom:14px;}
.meth-brief__p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.9;}

/* 专业研究引言（原「专业观点导语」并入） */
.opin--lead{margin-bottom:var(--gap-grid);max-width:900px;}
.opin__lead{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);margin-bottom:10px;}
.opin__p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.95;}

/* 首页底部转化通栏（去电商化） */
.cvt__tx{flex:1;min-width:260px;}
.cvt__ttl{font-family:var(--font-serif);font-size:var(--fs-h2);font-weight:700;color:var(--white);line-height:1.45;margin-bottom:8px;}
.cvt__sub{font-size:var(--fs-aux);color:rgba(255,255,255,.68);line-height:1.85;}
.cvt__act{display:flex;gap:12px;flex-wrap:wrap;}

@media (max-width:1024px){
  .trust{grid-template-columns:1fr;}
  .trust__it{border-right:none;border-bottom:1px solid var(--border);}
  .trust__it:last-child{border-bottom:none;}
}
@media (max-width:768px){
  .section--tight{padding:40px 0;}
  .meth-brief{padding:20px;}
  .cvt{padding:28px 0;}
  .cvt__act{width:100%;}
  .cvt__act .btn{flex:1;justify-content:center;}
}

/* ================================================================
   业务领域页瘦身（2026-09-11）：案由折叠 / 工作法一行 / 交付物块
   ================================================================ */
.area__more{margin-top:12px;}
.area__more>summary{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;list-style:none;
  font-size:var(--fs-min);color:#17535D;border:1px solid rgba(31,110,123,.32);
  background:var(--tech-soft);padding:7px 13px;transition:all .2s ease;
}
.area__more>summary::-webkit-details-marker{display:none;}
.area__more>summary:hover{background:var(--tech);color:var(--white);border-color:var(--tech);}
.area__more>summary i{color:inherit;font-size:10px;}
.area__more[open]>summary{margin-bottom:14px;}
.area__more .dir--all{display:flex;flex-wrap:wrap;gap:8px;}
.area__link{margin-top:18px;}

/* .meth-line 样式已随「首金工作法」条一并移除（2026-09-12） */

.dvbox{display:flex;flex-direction:column;justify-content:flex-end;}


/* ---------- 业务领域紧凑索引 / 案例折叠 ---------- */
.bizidx{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--gap-block);}
.bizidx a{
  font-size:var(--fs-aux);color:var(--navy);border:1px solid var(--border);
  background:var(--white);padding:9px 15px;transition:all .2s ease;
}
.bizidx a:hover{border-color:var(--gold);color:#8A6A2E;}
.area__more--case{margin-top:var(--gap-block);}
.area__more--case .case-grp{margin-top:var(--gap-block);}

/* ---------- 团队列表瘦身 ---------- */
.law__one{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.85;margin-top:10px;}
.law--static{cursor:default;}
.law--static:hover{border-color:var(--border);}

/* ============ 图片体系（2026-09 新增） ============ */
/* 规则：全站直角；图片一律 object-fit:cover 统一裁切；单页大图 ≤2 张；一律填写 alt */

/* ---------- 全宽大图带（作为 body 直接子级，天然满宽） ---------- */
.iband{position:relative;background:var(--navy);line-height:0;overflow:hidden;}
.iband img{display:block;width:100%;height:clamp(230px,25vw,400px);object-fit:cover;}
.iband--tall img{height:clamp(280px,32vw,520px);}
.iband__ov{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  line-height:1.8;padding-bottom:28px;
  background:linear-gradient(to top,rgba(10,31,61,.94) 0%,rgba(10,31,61,.58) 46%,rgba(10,31,61,.05) 100%);
}
.iband__ov .wrap{width:100%;}
.iband__ov .t{font-family:var(--font-serif);font-size:21px;font-weight:700;color:#fff;line-height:1.5;}
.iband__ov .d{font-size:var(--fs-aux);color:rgba(255,255,255,.78);margin-top:8px;max-width:780px;}

/* ---------- 插图（细边框 + 可选图注，全站直角） ---------- */
.fig{margin:0;border:1px solid var(--border);background:var(--white);line-height:0;}
.fig img{display:block;width:100%;height:auto;}
.fig--32 img{aspect-ratio:3/2;object-fit:cover;}
.fig--169 img{aspect-ratio:16/9;object-fit:cover;}
.fig--219 img{aspect-ratio:21/9;object-fit:cover;}
.fig--45 img{aspect-ratio:4/5;object-fit:cover;}
.fig figcaption{
  line-height:1.6;font-size:var(--fs-min);color:var(--text-weak);
  padding:11px 15px;border-top:1px solid var(--border);
}

/* ---------- 文图双栏 ---------- */
.split{display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center;}
.split--rev>.split__fig{order:-1;}
@media(max-width:900px){
  .split,.split--rev{grid-template-columns:1fr;gap:26px;}
  .split--rev>.split__fig{order:0;}
}

/* ---------- 行业方案卡顶部图 ---------- */
.plan__pic{margin:-26px -26px 0;line-height:0;border-bottom:1px solid var(--border);overflow:hidden;}
.plan__pic img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
@media(max-width:768px){.plan__pic{margin:-20px -20px 0;}}

/* ---------- 首页 Hero 照片层（明度混合，自动融入深蓝底） ---------- */
.hero__photo{
  position:absolute;top:0;right:0;bottom:0;width:57%;z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 6%,rgba(0,0,0,.94) 18%,#000 100%);
          mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 6%,rgba(0,0,0,.94) 18%,#000 100%);
}
.hero__photo img{width:100%;height:100%;object-fit:cover;opacity:.46;mix-blend-mode:luminosity;}
/* 跨浏览器兜底（2026-09-12）：旧版浏览器若不支持 mask-image / mix-blend-mode，
   照片层会以原色满幅铺开并压过文字 → 此时改为「无混合 + 大幅降低不透明度」。
   现代 Chrome / Safari / Edge 均支持上述特性，不受影响。 */
@supports not ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) {
  .hero__photo{width:100%;}
  .hero__photo img{opacity:.18;}
}
@supports not (mix-blend-mode: luminosity) {
  .hero__photo img{opacity:.18;mix-blend-mode:normal;}
}
/* 视口变窄时正文列会压到照片上 → 面板回到 44%，淡出区不压正文 */
@media(max-width:1200px){
  .hero__photo{width:44%;}
  .hero__in--single>div{max-width:620px;}
}
@media(max-width:900px){.hero__photo{display:none;}}

/* ---------- 资讯卡封面 / 文章封面 ---------- */
.news__pic{display:block;line-height:0;border-bottom:1px solid var(--border);overflow:hidden;}
/* 专业研究封面＝21:9 横图，与 assets/img/covers/*.jpg（1050×450）1:1 对应：
   cover 等价于原样铺满，卡片与文章页都不再裁切公众号配图（2026-09-12） */
.news__pic img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;}
.art__cover{margin:0 0 var(--gap-grid);line-height:0;border:1px solid var(--border);background:var(--white);overflow:hidden;}
.art__cover img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;}
/* ≤700px 不再改成 16:9：素材为 21:9，改比例会把两侧裁掉 */

/* ---------- 短横幅照片层（行业页 / 联系页 hero，左侧压暗保可读） ---------- */
.bn-photo{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.bn-photo img{display:block;width:100%;height:100%;object-fit:cover;}
.bn-photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(8,26,49,.98) 0%,rgba(8,26,49,.90) 42%,rgba(8,26,49,.62) 78%,rgba(8,26,49,.50) 100%);
}

/* ---- 移动端：行业方案子项（缩进，次级视觉） ---- */
.hd__mnav a.hd__mnav-sub{
  padding-left:38px;font-size:var(--fs-aux);color:var(--text-sub);background:var(--bg-light);
  border-bottom:1px solid var(--border);
}
.hd__mnav a.hd__mnav-sub::before{content:"· ";color:var(--gold);}

/* ---- 团队卡片真人照片（4:5，顶部对齐避免裁掉头顶） ---- */
.law__pic img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;}
.law__adj{font-size:var(--fs-min);color:var(--text-weak);line-height:1.65;margin-bottom:8px;}
.lawrail .law__adj{font-size:12px;margin-bottom:6px;}
.lp__pic img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;}

/* ---- 无障碍 / SEO：视觉隐藏但可被读屏与搜索引擎读取 ---- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ============ 双轨制档位（A 类标准化 / 进阶服务 / 复杂专项） ============
   档位数据单一真源：assets/js/catalog.js 的 SJCAT.TRACK
   颜色纪律：A 深蓝 / 进阶 技术青（≤5%）/ 复杂专项 灰；不使用金色徽标 */
.shop__tabs{flex-wrap:wrap;}
.tk-tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--fs-min);
  line-height:1.4;border:1px solid var(--border);}
.tk-tag.tk-a{color:var(--navy);border-color:var(--navy);background:rgba(10,31,61,.04);}
.tk-tag.tk-m{color:var(--tech);border-color:var(--tech);background:var(--tech-soft);}
.tk-tag.tk-b{color:var(--text-sub);border-color:var(--border);background:var(--bg-light);}

.tkwrap{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);background:var(--white);}
.tk{padding:22px 24px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px;}
.tk:last-child{border-right:none;}
.tk b{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;color:var(--navy);}
.tk span{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;}
.tk em{font-style:normal;font-size:var(--fs-min);color:var(--text-weak);font-family:var(--font-price);}
.tk-a{border-top:3px solid var(--navy);}
.tk-m{border-top:3px solid var(--tech);}
.tk-b{border-top:3px solid var(--border);}

.tkrule{margin-top:14px;border:1px solid var(--border);background:var(--white);}
.tkrule>summary{padding:14px 20px;cursor:pointer;font-size:var(--fs-aux);font-weight:600;
  color:var(--navy);list-style:none;}
.tkrule>summary::-webkit-details-marker{display:none;}
.tkrule>summary::before{content:'＋';margin-right:8px;color:var(--tech);}
.tkrule[open]>summary::before{content:'－';}
.tkrule table{width:100%;border-collapse:collapse;}
.tkrule th,.tkrule td{border-top:1px solid var(--border);padding:9px 12px;
  font-size:var(--fs-aux);text-align:left;color:var(--text);line-height:1.6;}
.tkrule th{background:var(--bg-light);color:var(--navy);font-weight:600;}
.tkrule td.tkrule__k{color:var(--navy);}
.tkrule>div>p{padding:14px 20px 16px;font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;}

/* 进阶服务：参考起价弱化，不作为价格锚点 */
.svc__price--m .num{font-size:var(--fs-h3);color:var(--text);}
.svc__price--m .note{color:var(--text-sub);}

/* 复杂专项卡片：用服务方法与典型交付成果替代价格 */
.svc--sol{border-top:3px solid var(--navy);}
.svc__law--team .av{background:var(--tech-soft);color:var(--tech);}
.svc-teamnote{margin-top:16px;}
.svc-teamnote a{color:var(--tech);}
.svc__bsm,.svc__bsd{margin-top:12px;font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;}
.svc__bsm b,.svc__bsd b{display:block;margin-bottom:4px;color:var(--navy);font-weight:600;}
.svc__bsd ul{margin:0;padding-left:18px;}

/* 初创企业服务包（独立获客模块）
   ★ 用 flex 而非 grid：grid 下若同时给 ico 与 ft 指定 grid-row，自动放置会让 ft 抢到第 2 列、正文被挤到第 3 列 */
.startup{display:flex;align-items:flex-start;gap:26px;
  border:1px solid var(--border);border-left:3px solid var(--tech);background:var(--white);padding:32px 36px;}
.startup__ico{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;
  background:var(--tech-soft);color:var(--tech);font-size:22px;}
.startup__bd{flex:1 1 auto;min-width:0;}
.startup__bd h2,.startup__bd h3{margin-bottom:10px;}
.startup__bd p{margin-bottom:10px;}
.startup__two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px;
  padding-top:16px;border-top:1px solid var(--border);}
.startup__two b{display:block;font-size:var(--fs-aux);color:var(--navy);font-weight:600;margin-bottom:5px;}
.startup__two span{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.75;}
.startup__ft{flex:0 0 230px;display:flex;flex-direction:column;align-items:flex-end;
  justify-content:center;align-self:center;gap:10px;text-align:right;}

/* 复杂案件工作法（精简三步） */
.wf3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-grid);margin-top:28px;}
.wf3__it{display:flex;align-items:baseline;gap:14px;padding:22px 24px;
  border:1px solid var(--border);background:var(--white);}
.wf3__it em{font-family:var(--font-price);font-style:normal;font-size:22px;color:var(--tech);}
.wf3__it span{font-size:var(--fs-std);color:var(--navy);line-height:1.6;}

/* 完整合规声明 */
.legalnote{border:1px solid var(--border);background:var(--bg-light);padding:26px 30px;}
.legalnote h3{font-family:var(--font-serif);font-size:var(--fs-h3);font-weight:700;
  color:var(--navy);margin-bottom:12px;}
.legalnote p{font-size:var(--fs-aux);color:var(--text-sub);line-height:1.85;margin-bottom:8px;}
.legalnote p:last-child{margin-bottom:0;}

@media (max-width:980px){
  .tkwrap{grid-template-columns:1fr;}
  .tk{border-right:none;border-bottom:1px solid var(--border);}
  .tk:last-child{border-bottom:none;}
  .startup{flex-wrap:wrap;padding:26px 22px;}
  .startup__ico{flex:0 0 48px;width:48px;height:48px;}
  .startup__bd{flex:1 1 100%;}
  .startup__ft{flex:1 1 100%;align-items:flex-start;align-self:flex-start;text-align:left;margin-top:18px;}
  .startup__two{grid-template-columns:1fr;}
  .wf3{grid-template-columns:1fr;}
}

/* ============ 第三轮修改（2026-09-11） ============ */
/* ① 首页信任条：企业客户注脚 + 生态合作行居中（短注脚，不属于「居中堆砌大段正文」） */
.trust__note--center,.trust__eco--center{text-align:center;}

/* ② 首页团队卡不显示照片：原 .lawrail .law__pic 会把 4:5 照片压成 104px 的「照片头」 */
.lawrail .law__pic{display:none;}

/* ③ 团队页照片与卡片同为白底，避免抠图白底与 #FAFAF8 之间出现接缝 */
.law__pic{background:var(--white);}

/* ④ 页脚快速导航分三列（8 项）——按用户要求由两列改三列（2026-09-12） */
.ft__nav{columns:3;column-gap:18px;}
.ft__nav li{break-inside:avoid;}

/* ⑥ 业务领域页折叠改为直接展示后，事项标签组保持块级 */
.area__more{display:block;}

@media (max-width:768px){
  .ft__nav{columns:2;column-gap:16px;}
}

.wrap .lead{max-width:720px;}

/* ============ 第 7 条：正文行宽按《设计规范 V2.0》收敛到 720px ============
   规范「正文行宽 600-720px（约 35-45 字/行）」。
   用 .wrap 前缀提高优先级，压过各页 <style> 里的同名单类规则；
   多栏卡片内的段落由栏宽自然约束，不受影响。 */
/* ★2026-09-12 例外：律师个人页「执业简述」不限宽 —— 该页其余模块
   （擅长业务领域 / 代表业务方向 / 专业文章 / 可承接服务）都是满栏 1200px，
   简述若锁 720px 会在右侧留出大片空白，与上下模块宽度不一致。 */
.wrap .ab-p,.wrap .why__p,.wrap .area__desc,
.wrap .txt-big,.wrap .sub,.wrap .lp__note,.wrap .pl__sub{max-width:720px;}
.trust__note--center,.trust__eco--center{max-width:720px;margin-left:auto;margin-right:auto;}

/* 2026-09-14：原为 224px 固定列网格 —— 6 枚标签会折成「5+1」两行，
   与只有 4 枚标签的律师（单行）高度不一致，视觉上参差。
   现改为**等宽等列网格**（每列 1fr），行内方框宽度一致、并随内容区左右对齐。 */
.lp__tags.lp__tags--fill,
.lp__chips.lp__chips--fill{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:stretch;
}
@media (max-width:1024px){
  .lp__tags.lp__tags--fill,
  .lp__chips.lp__chips--fill{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:640px){
  .lp__tags.lp__tags--fill,
  .lp__chips.lp__chips--fill{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* ============ 「代表业务方向」入口链接化（2026-09-14） ============
   原为方框，与上方「擅长业务领域」标签同款，看不出可点击。
   现改为文字链接：主题色系文字 + 下划线 + 右侧箭头，悬停颜色加深、箭头右移，
   行尾附「请点击查看详情」提示；移动端保留下划线与提示，识别度不降。
   ★选择器须写成三段（.lp__sec--lead .lp__chips--go a）才压得过各律师页自带的
   两段内联样式 .lp__chips a —— 同权重时页面内联样式在 style.css 之后，会胜出。 */
.go-link,.lp__sec--lead .lp__chips--go a{
  display:inline-flex;align-items:center;gap:6px;
  color:#8A6A2E;font-size:var(--fs-aux);font-weight:500;
  text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
  transition:color .2s ease;
}
.go-link:hover,.lp__sec--lead .lp__chips--go a:hover{color:#6E5320;}
.go-link i,.lp__sec--lead .lp__chips--go a i{
  color:var(--gold);font-size:11px;flex-shrink:0;transition:transform .2s ease;
}
.go-link:hover i,.lp__sec--lead .lp__chips--go a:hover i{transform:translateX(2px);}
.go-hint{font-size:var(--fs-min);color:var(--text-weak);font-weight:400;white-space:nowrap;}

/* 代表业务方向改为文字链接后不再需要等宽列，改行内自适应排布：
   行首与内容区左边界对齐，窄屏自然折行 */
.lp__chips.lp__chips--go{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;}
.lp__sec--lead .lp__chips--go a{padding:0;border:0;background:none;justify-content:flex-start;}
.lp__sec--lead .lp__chips--go .go-hint{margin-left:-12px;}
@media (max-width:640px){
  .lp__chips.lp__chips--go{gap:12px 20px;}
}

/* ============ 一级页面统一首部横幅 Page Hero（2026-09-11） ============
   模板来源：行业方案页首部。所有一级页面共用这套规格：
   深蓝渐变底 + 满宽图片层（.bn-photo 已全站定义）+ 眉标 / H1 / 导语 / 按钮组。
   `.ih` 是行业方案页的历史类名，一并指向本组件，避免出现两套首部规格。 */
.ih,.pgh{position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(120deg,var(--navy) 0%,var(--navy-light) 58%,var(--navy) 100%);
  padding:86px 0 74px;
  /* 等高：min-height 按模板页（行业方案）实测高度标定，内容较少的页面垂直居中，
     保证 7 个一级页面首部视觉高度一致；内容更多的页面自然增高 */
  display:flex;align-items:center;min-height:492px;}
.ih .wrap,.pgh .wrap{position:relative;z-index:2;width:100%;}
.ih__eyebrow,.pgh__eyebrow{font-size:var(--fs-aux);color:#4FA9B8;letter-spacing:4px;font-weight:600;margin-bottom:18px;}
.ih .h1,.pgh .h1{font-size:40px;line-height:1.32;margin-bottom:20px;color:#fff;}
.ih .lead,.pgh .lead{font-size:var(--fs-big);color:rgba(255,255,255,.78);line-height:1.9;
  max-width:720px;margin-bottom:30px;}
.ih__act,.pgh__act{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.pgh__note{margin-top:16px;font-size:var(--fs-min);color:rgba(255,255,255,.52);}
/* 首图导语单行（2026-09-12）：业务领域页六个标签合并为一行显示，
   桌面端放宽行宽并禁换行；窄屏回退为自然换行，避免横向溢出。 */
/* 选择器须写足三段（.pgh .lead.pgh__lead--one）才压得过上面的 .pgh .lead；
   ★类名是 pgh__lead--one 而非 lead--one —— 写成 .pgh .lead--one 不会命中（实测 maxW 仍为 720px）。 */
.pgh .lead.pgh__lead--one{max-width:none;white-space:nowrap;}
@media (max-width:900px){.pgh .lead.pgh__lead--one{white-space:normal;}}
.pgh .btn--ghost{border-color:rgba(255,255,255,.42);color:#fff;}
.pgh .btn--ghost:hover{border-color:var(--gold);color:var(--gold);}
/* 首图高度统一（2026-09-12）：≥1025 为 492，769–1024 为 468；
   两个值都 ≥ 内容最高页（行业方案 308+160=468）＋桌面 492，保证 8 个 .pgh 页面逐像素同高 */
@media (max-width:1024px){.ih,.pgh{min-height:468px;}.ih .h1,.pgh .h1{font-size:31px;}}
@media (max-width:768px){.ih,.pgh{padding:56px 0 48px;min-height:0;}.ih .h1,.pgh .h1{font-size:25px;}}

/* ============ 首页 Hero 主文案：错位（阶梯）排布（2026-09-12） ============
   品牌语拆为两行：上行「懂技术・懂商业・懂战略」字号收小、字距放开，作递进词组；
   下行「做创新企业的法律合伙人」为主承诺，右移 1.4em 形成错位，视觉焦点落在下半句。
   两行等字数（11 字），错位后呈阶梯状，避免齐头齐尾的呆板。 */
.hero__main{display:flex;flex-direction:column;align-items:flex-start;gap:.16em;}
.hero__tier{display:block;font-style:normal;}
.hero__main>.hero__tier:first-child{
  font-size:.76em;font-weight:500;letter-spacing:.08em;line-height:1.45;
  color:rgba(255,255,255,.82);
}
/* ★类名撞车教训：hero 里已存在 .hero__dot（首屏装饰用的金色小圆点，第 280-283 行），
   新写的分隔点若沿用同名，会被 position:absolute + 金色背景劫持成「金球」并脱离文本流。
   故分隔符单独用 .hero__sep。新增类名前务必先 grep 同名选择器。 */
/* 点号：全角「・」本身即全角字身（1em 宽、墨点居中），无需再加字距；
   只把不透明度压到 60%，让它在深蓝底＋星野照片上成为安静的呼吸点。
   不加 line-height 覆盖：行高一致时 innerText 才不会把分隔符拆成独立行
   （复制/引用页面文本时会变成「懂技术⏎・⏎懂商业」，影响 AI 检索抓取质量）。 */
.hero__sep{font-size:1em;font-weight:400;opacity:.6;margin:0 .12em;letter-spacing:0;}
.hero__main>.hero__tier--lead{margin-left:1.4em;line-height:1.26;}
@media (max-width:768px){
  .hero__main{gap:.12em;}
  .hero__main>.hero__tier--lead{margin-left:.9em;}
}
/* ≤420px：主文案落到 25px 并收窄错位量，避免下行「做创新企业的法律合伙人」被折成两行 */
@media (max-width:420px){
  .hero .h1.hero__main{font-size:25px;}
  .hero__main>.hero__tier--lead{margin-left:.5em;}
}

/* ★aspect-ratio 与 HTML width/height 属性（2026-09-12 修复）
   凡「CSS 用 aspect-ratio 定比例 + HTML 又写了 width/height 属性」的图片，
   必须同时声明 height:auto（如 .fig img 那样）。否则属性会以 presentational hint
   的形式变成 height:Npx，使宽高同时确定 → aspect-ratio 失效、object-fit 直接把图裁成竖条。
   受影响并已修复：.news__pic img（379×675）、.art__cover img（850×450）、.plan__pic img（584×800）。 */

/* ---------- 语言切换（双语站，2026-09-12） ---------- */
.hd__lang{
  height:30px;padding:0 11px;border:1px solid var(--border);border-radius:0;
  font-family:var(--font-price);font-size:12px;letter-spacing:.6px;color:var(--text-sub);
  display:inline-flex;align-items:center;flex-shrink:0;
}
.hd__lang:hover{border-color:var(--navy);color:var(--navy);}
.hd__mnav .hd__lang{margin:8px 16px;display:inline-flex;}

/* ---------- 律师个人页：擅长业务领域标签规格（2026-09-14）
   页面自带 <style> 里 .lp__tags em 是 3px 10px，与团队卡不一致，此处统一
   字号、内距、边框与底色。
   ★页面自带 <style> 在 style.css 之后加载（同权重它胜），故选择器带
     .lp__sec--lead 前缀提高权重，才能压过页面内联样式。
   ★「代表业务方向」已由方框改为文字链接（见上方 .lp__chips--go 一节），
     故本条不再包含 .lp__chips a，避免把链接又变回方框。 */
.lp__sec--lead .lp__tags em{
  font-style:normal;font-size:var(--fs-std);font-weight:400;line-height:1.5;
  padding:9px 12px;background:var(--white);border:1px solid var(--border);color:var(--navy);
  display:flex;align-items:center;justify-content:center;gap:6px;
  text-align:center;white-space:nowrap;overflow:hidden;
}

/* ---------- 在线服务页 · 部门与团队分工提示（2026-09-12） ---------- */
.shop-deptnote{
  display:flex;gap:10px;align-items:flex-start;
  padding:14px 18px;margin-bottom:22px;
  background:var(--bg-light);border:1px solid var(--border);border-left:3px solid var(--navy);
  font-size:var(--fs-aux);color:var(--text-sub);line-height:1.8;
}
.shop-deptnote i{color:var(--navy);margin-top:3px;}
.shop-deptnote b{color:var(--navy);font-weight:600;}
@media (max-width:768px){.shop-deptnote{font-size:var(--fs-min);}}

/* ---------- 律师个人页头部：文字块与照片垂直居中（2026-09-12 信息精简后右侧留白偏大） ---------- */
.lp__head{align-items:center;}

/* ===== 宽屏适配（2026-09-12）=====
   3840px 视口下原 --wrap:1280 只占屏宽 31% →「专业研究」等列表页显得窄、封面小。
   以下分档放大容器；超宽屏同时给 2/3 列栅格各加一列，避免单卡被拉空。
   小屏（<1500px）完全不受影响。 */
@media (min-width:1500px){
  :root{--wrap:1400px;}                      /* 内容区 1320 */
}
@media (min-width:1700px){
  :root{--wrap:1580px;}                      /* 内容区 1500 */
}
@media (min-width:2100px){
  :root{--wrap:1840px;}                      /* 内容区 1760 */
  .g2{grid-template-columns:repeat(3,1fr);}  /* 在线服务卡片：2 → 3 列 */
}
@media (min-width:2600px){
  :root{--wrap:2080px;}                      /* 内容区 2000 */
  .g3{grid-template-columns:repeat(4,1fr);}  /* 专业研究/文章列表：3 → 4 列 */
  .at{max-width:1320px;margin:0 auto;}       /* 文章详情：超宽屏居中限宽，正文仍 720 */
}


/* ---------- 律师个人页：擅长业务领域标签不折行（2026-09-12 用户要求「单行显示」）----------
   2026-09-14：white-space:nowrap 已并入上面的 .lp__sec--lead .lp__tags em 主规则，
   容器改为等宽等列网格，本条不再需要单独声明。 */