/* 律师个人网站 · 单文件样式  ============================================
   视觉基调：金 + 白。克制用金、大片留白、衬线标题。

   零 JavaScript；装饰元素全部由 CSS 绘制（只有品牌标记与站点图标各一次
   assets/logo.svg 请求，两者同源同形）。

   版式骨架
     --shell 1140px  全站唯一版心 —— 页头、首屏、内页横幅、正文、页脚共用
                     左边缘严格对齐，没有「头宽文窄」的错位
     配 17px 正文字号，一行约 63 字：留住宽版面的气场，又不至于串行

   字体
     标题 中文衬线（宋体系）：横细竖粗、有印刷质感，是律所最合适的调性
     正文 无衬线：屏幕上小字号的清晰度优先
   ===================================================================== */

:root{
  /* 文字（暖黑系，与金同调，避免冷灰打架） */
  --ink:#191510;
  --ink-2:#453d31;
  --muted:#7a7060;
  /* 金 */
  --gold:#a8853c;
  --gold-deep:#7d6122;
  --gold-ink:#6b5316;
  --gold-light:#dcc98f;   /* 暗底上的金字 */
  --gold-pale:#efe2bd;
  --gold-wash:#faf7ef;    /* 极浅金底 */
  --gold-wash-2:#f4eeda;
  /* 线 / 底 */
  --line:#e6ddc9;
  --line-soft:#f0ead9;
  --bg:#fdfcfa;           /* 极淡暖白：让纯白卡片与横幅浮出层次，避免纯白的冷感 */
  --bg-alt:#fbf9f4;
  --ink-deep:#14110c;     /* 深色块：首屏、页脚 */
  /* 尺寸 */
  --shell:1140px;
  --read:780px;           /* 仅供内页导语、未来文章正文等需要收窄的场合 */
  --pad:32px;
  /* 字体 */
  --serif:"Songti SC","Source Han Serif SC","Noto Serif CJK SC","STSong",SimSun,serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:17px/1.95 var(--sans);
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--gold-pale);color:var(--ink-deep)}

.wrap{max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}

a{
  color:var(--gold-ink);text-decoration:none;padding-bottom:1px;
  border-bottom:1px solid rgba(125,97,34,.3);
  transition:color .2s ease,border-color .2s ease;
}
a:hover{color:var(--gold-deep);border-bottom-color:var(--gold-deep)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}

/* ================= 页头 ================= */
header.site{position:relative;background:#fff;border-bottom:1px solid var(--line)}
/* 顶部金线：两端深、中间亮，收口更精致 */
header.site::before{
  content:"";display:block;height:3px;
  background:linear-gradient(90deg,var(--gold-deep) 0%,var(--gold) 28%,var(--gold-light) 52%,var(--gold) 76%,var(--gold-deep) 100%);
}
header.site .wrap{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px 40px;padding-top:22px;padding-bottom:20px;
}

.brand{
  display:inline-flex;align-items:center;gap:14px;
  color:var(--ink);border-bottom:0;padding-bottom:0;
}
.brand:hover{color:var(--ink);border-bottom:0}
/* 品牌标记：JXD 超椭圆字标（2026-09-30 定稿，参照小米 LOGO 的 n=3 超椭圆外框）
   外框不是圆角矩形，而是曲率连续的超椭圆，所以角的过渡是「连续」而非「硬接」。
   与浏览器图标、iPhone 主屏图标同源。 */
.brand::before{
  content:"";flex:none;width:30px;height:30px;
  background:url("logo.svg") center/30px 30px no-repeat;
}
.brand-txt{display:block}
.brand b{
  display:block;font-family:var(--serif);font-weight:600;
  font-size:22px;line-height:1.3;letter-spacing:.1em;
}
.brand small{
  display:block;font-size:11.5px;letter-spacing:.24em;
  color:var(--muted);margin-top:3px;
}

nav.site{display:flex;flex-wrap:wrap;gap:2px 30px;font-size:14.5px;line-height:2.2}
nav.site a{
  position:relative;padding:4px 0;color:var(--ink-2);
  letter-spacing:.04em;white-space:nowrap;border-bottom:0;
}
nav.site a::after{
  content:"";position:absolute;left:0;bottom:0;height:1px;width:0;
  background:var(--gold);
  transition:width .28s cubic-bezier(.4,0,.2,1);
}
nav.site a:hover{color:var(--gold-deep);border-bottom:0}
nav.site a:hover::after{width:100%}
nav.site a[aria-current="page"]{color:var(--gold-deep)}
nav.site a[aria-current="page"]::after{width:100%}

/* ============ 内页横幅 ============
   与首页首屏**同一套深色质感**（金色斜纹 + 两处光斑 + 深暖黑渐变）——
   内页与首页是同一张脸，不再是「首页深、内页浅」两套皮。
   ⚠ 这套参数抄自首页 `.hero-slide`，改首页首屏时这里要同步。
   ---- */
.pagehead{
  position:relative;
  background-color:#2a2011;
  background-image:
    linear-gradient(180deg,rgba(220,201,143,.15) 0%,rgba(220,201,143,0) 42%),
    repeating-linear-gradient(135deg,rgba(220,201,143,.075) 0 1px,transparent 1px 12px),
    radial-gradient(32% 190% at 9% 36%,rgba(228,186,96,.58),transparent 62%),
    radial-gradient(26% 150% at 88% 88%,rgba(180,142,64,.38),transparent 62%),
    linear-gradient(118deg,#503d1b 0%,#2b2111 56%,#402f14 100%);
  padding:64px 0 52px;
}
/* 底部金线收口 */
.pagehead::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,var(--gold) 0%,rgba(168,133,60,.28) 34%,rgba(168,133,60,0) 78%);
}
.pagehead h1{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(28px,3.4vw,40px);line-height:1.32;letter-spacing:.06em;
  margin:16px 0 20px;color:#fff;
}
/* 与首页首屏同一处理：标题下方一条 72px 金线（原来是 display:none） */
.pagehead h1::after{
  content:"";display:block;width:72px;height:2px;margin-top:24px;
  background:linear-gradient(90deg,var(--gold) 0%,rgba(168,133,60,0) 100%);
}
.pagehead .lede{
  margin:0;max-width:780px;
  color:rgba(255,255,255,.86);font-size:16.5px;line-height:1.9;
}
/* 深色底上的强调词不能沿用正文的暖黑（strong 全局是 var(--ink)） */
.pagehead .lede strong{color:var(--gold-light)}
/* 深色底上的面包屑：换成灰金，否则 --muted 几乎看不见 */
.pagehead .crumb{color:rgba(244,233,200,.80)}
.pagehead .crumb a{color:rgba(244,233,200,.94);border-bottom:0;padding-bottom:0}
.pagehead .crumb a:hover{color:var(--gold-light);border-bottom:0}
.pagehead .crumb span{color:rgba(244,233,200,.62)}

.crumb{font-size:13px;color:var(--muted);letter-spacing:.08em;margin:0}
.crumb a{color:var(--muted);border-bottom:0;padding-bottom:0}
.crumb a:hover{color:var(--gold-deep);border-bottom:0}
.crumb span{margin:0 8px;color:var(--gold);opacity:.65}

/* ============ 首页轮展（纯 CSS，零 JavaScript）================
   三屏 · 交叉淡入淡出 · 每屏 9 秒 · 27 秒一轮。
   鼠标悬停或键盘聚焦时暂停（WCAG 2.2.2）；系统开启「减少动态效果」时
   自动降级为三块纵向堆叠的静态内容，信息不丢。

   ▶ 换真实照片：给 .hero-s1/.hero-s2/.hero-s3 的 --img 填 url()，
     例：.hero-s3{--img:url("hero-3.jpg")}（路径相对本 CSS 文件）。
     不填则使用金色纹理底图。
   ⚠ heroCycle / dotCycle 的关键帧与 delay 是一套同步参数，单独改其一
     会导致指示点与画面失步。 */
.hero{position:relative;background:var(--ink-deep);overflow:hidden}
.hero-slides{position:relative;height:clamp(360px,42vw,540px)}

.hero-slide{
  position:absolute;inset:0;display:flex;align-items:center;
  background-color:#2a2011;
  background-image:
    var(--img,none),
    linear-gradient(180deg,rgba(220,201,143,.14) 0%,rgba(220,201,143,0) 32%),
    repeating-linear-gradient(135deg,rgba(220,201,143,.075) 0 1px,transparent 1px 12px),
    radial-gradient(62% 82% at 14% 16%,rgba(228,186,96,.66),transparent 62%),
    radial-gradient(54% 74% at 86% 78%,rgba(180,142,64,.50),transparent 64%),
    linear-gradient(118deg,#503d1b 0%,#2b2111 56%,#402f14 100%);
  background-size:cover,auto,auto,auto,auto,auto;
  background-position:center;
  opacity:0;
  animation:heroCycle 27s infinite both;
}
.hero-s1{animation-delay:0s}
.hero-s2{
  animation-delay:9s;
  background-image:
    var(--img,none),
    linear-gradient(180deg,rgba(220,201,143,.13) 0%,rgba(220,201,143,0) 32%),
    repeating-linear-gradient(135deg,rgba(220,201,143,.075) 0 1px,transparent 1px 12px),
    radial-gradient(60% 80% at 84% 22%,rgba(228,186,96,.62),transparent 62%),
    radial-gradient(52% 72% at 18% 84%,rgba(180,142,64,.52),transparent 64%),
    linear-gradient(202deg,#402f14 0%,#2b2111 54%,#503d1b 100%);
}
.hero-s3{
  animation-delay:18s;
  background-image:
    var(--img,none),
    linear-gradient(180deg,rgba(220,201,143,.15) 0%,rgba(220,201,143,0) 32%),
    repeating-linear-gradient(135deg,rgba(220,201,143,.075) 0 1px,transparent 1px 12px),
    radial-gradient(68% 88% at 50% 10%,rgba(234,196,106,.60),transparent 66%),
    radial-gradient(48% 66% at 78% 90%,rgba(180,142,64,.54),transparent 62%),
    linear-gradient(160deg,#382913 0%,#503d1b 46%,#2b2111 100%);
}

/* 淡入 → 长显 → 与下一屏交叉淡出（淡出与下一屏淡入重叠 0.6s） */
/* 三屏为 position:absolute;inset:0 完全重叠。⚠ z-index 必须随动画切换：
   否则 DOM 顺序靠后的第 3 屏会压在最上层，把第 1、2 屏按钮的点击全部吃掉
   （2026-10-01 实测：第 1 屏「查看执业资质」实际跳到第 3 屏的
   practice/dispute-resolution.html）。z-index 是可动画属性，随可见窗口切换即可。 */
@keyframes heroCycle{
  0%    {opacity:0;z-index:0}
  2.2%  {opacity:1;z-index:3}
  33.3% {opacity:1;z-index:3}
  35.5% {opacity:0;z-index:0}
  100%  {opacity:0;z-index:0}
}

.hero-inner{width:100%;max-width:var(--shell);margin:0 auto;padding:0 var(--pad)}

.hero-kicker{
  margin:0 0 20px;font-size:12.5px;letter-spacing:.34em;
  color:#f4e9c8;
}
.hero-slide h1,.hero-slide h2{
  margin:0 0 20px;padding-left:0;color:#fff;
  font-family:var(--serif);font-weight:600;letter-spacing:.06em;
  font-size:clamp(30px,4vw,50px);line-height:1.25;
}
/* 首屏内不使用正文的标题装饰，统一改为标题下方的金色短线 */
.hero-slide h1::before,.hero-slide h2::before{display:none}
.hero-slide h1::after,.hero-slide h2::after{
  content:"";display:block;width:72px;height:2px;margin-top:24px;
  background:linear-gradient(90deg,var(--gold) 0%,rgba(168,133,60,0) 100%);
}
.hero-slide h1 small{
  font-size:.42em;font-weight:400;color:var(--gold-light);
  letter-spacing:.3em;margin-left:16px;
}
.hero-lead{
  margin:0 0 30px;max-width:640px;
  color:rgba(255,255,255,.88);font-size:16.5px;line-height:1.9;
}
.hero-cta{margin:0}
.hero-cta a{
  display:inline-block;padding:11px 30px;border-radius:2px;
  border:1px solid rgba(220,201,143,.62);color:var(--gold-light);
  font-size:14px;letter-spacing:.14em;
  transition:background .3s ease,border-color .3s ease,color .3s ease;
}
.hero-cta a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink-deep)}

/* 指示点（与轮播同周期） */
/* ⚠ z-index 必须高于 .hero-slide 的 3，否则指示点会被幻灯片盖住（2026-10-01） */
.hero-dots{position:absolute;right:var(--pad);bottom:30px;display:flex;gap:11px;z-index:5}
.hero-dots span{
  width:7px;height:7px;border-radius:50%;background:rgba(220,201,143,.3);
  animation:dotCycle 27s infinite both;
}
.hero-dots span:nth-child(1){animation-delay:0s}
.hero-dots span:nth-child(2){animation-delay:9s}
.hero-dots span:nth-child(3){animation-delay:18s}
@keyframes dotCycle{
  0%,33%   {background:var(--gold-light);transform:scale(1)}
  36%,100% {background:rgba(220,201,143,.3);transform:scale(.75)}
}

/* 悬停 / 聚焦暂停 */
.hero:hover .hero-slide,
.hero:focus-within .hero-slide,
.hero:hover .hero-dots span,
.hero:focus-within .hero-dots span{animation-play-state:paused}

/* 尊重系统「减少动态效果」：降级为静态堆叠，内容全部可读 */
@media (prefers-reduced-motion:reduce){
  .hero-slides{height:auto}
  .hero-slide{position:static;opacity:1;animation:none;padding:56px 0}
  .hero-slide + .hero-slide{border-top:1px solid rgba(220,201,143,.16)}
  .hero-dots{display:none}
}

/* ================= 正文 ================= */
main{padding:56px 0 20px}

h1{
  font-family:var(--serif);font-weight:600;
  font-size:clamp(28px,3.4vw,40px);line-height:1.32;letter-spacing:.06em;
  margin:0 0 18px;
}
h1::after{
  content:"";display:block;width:56px;height:2px;margin-top:22px;
  background:linear-gradient(90deg,var(--gold),rgba(168,133,60,0));
}
h2{
  font-family:var(--serif);font-weight:600;
  font-size:24px;line-height:1.5;letter-spacing:.05em;
  margin:60px 0 18px;
}
/* 章节标题上方一条短金线，作视觉锚点 */
h2::before{
  content:"";display:block;width:34px;height:2px;
  background:var(--gold);margin-bottom:16px;
}
h3{
  font-size:17px;line-height:1.6;font-weight:600;
  margin:34px 0 12px;letter-spacing:.02em;
}
p{margin:0 0 16px}
ul,ol{margin:0 0 18px;padding-left:24px}
li{margin-bottom:9px}
li::marker{color:var(--gold);font-size:.9em}
strong{font-weight:600;color:var(--ink)}
code{
  background:var(--gold-wash-2);border:1px solid var(--line);border-radius:4px;
  padding:1px 7px;font-size:13px;font-family:ui-monospace,Consolas,monospace;
}

main .lede{color:var(--ink-2);font-size:16.5px;line-height:1.9;margin-bottom:24px}

/* ================= 组件 ================= */

/* 卡片：细边框、顶部金线展开、轻微上浮 */
.card{
  position:relative;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:30px 32px;margin:0 0 18px;
  transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
}
.card::before{
  content:"";position:absolute;left:0;top:0;width:0;height:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold-light));
  transition:width .4s cubic-bezier(.4,0,.2,1);
}
.card:hover{
  border-color:var(--gold-pale);transform:translateY(-3px);
  box-shadow:0 18px 40px -28px rgba(125,97,34,.5);
}
.card:hover::before{width:100%}
.card h3{
  font-family:var(--serif);font-size:19px;font-weight:600;
  letter-spacing:.04em;margin:0 0 10px;
}
.card h3 a{color:var(--ink);border-bottom:0;padding-bottom:0}
.card h3 a:hover{color:var(--gold-deep);border-bottom:0}
.card p{color:var(--ink-2);font-size:15.5px}
.card p:last-child{margin-bottom:0}

/* 多栏区块（首页业务范围等） */
.grid{display:grid;gap:20px;margin:0 0 24px}
.grid .card{margin:0}
@media (min-width:820px){
  .grid-2{grid-template-columns:1fr 1fr}
}

/* 执业信息卡 */
.cred{
  position:relative;
  background:var(--gold-wash);
  border:1px solid var(--line);border-radius:10px;
  padding:28px 32px;margin:28px 0 32px;
}
.cred::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  border-radius:10px 0 0 10px;
  background:linear-gradient(180deg,var(--gold-light),var(--gold) 50%,var(--gold-deep));
}
.cred dl{
  margin:0;display:grid;grid-template-columns:auto 1fr;gap:13px 26px;
  font-size:15px;
}
.cred dt{
  color:var(--gold-deep);font-weight:600;white-space:nowrap;
  font-size:13.5px;letter-spacing:.08em;
}
.cred dd{margin:0;font-variant-numeric:tabular-nums}

.callout{
  border-left:2px solid var(--gold);
  background:var(--gold-wash);
  padding:18px 24px;border-radius:0 8px 8px 0;
  font-size:15.5px;color:var(--ink-2);margin:0 0 24px;
}
.callout p:last-child{margin-bottom:0}
.callout strong{color:var(--ink)}

.note{
  border-left:2px solid var(--gold);
  background:var(--gold-wash-2);
  padding:18px 24px;border-radius:0 8px 8px 0;
  font-size:15px;color:var(--gold-ink);margin:0 0 24px;
}
.note p:last-child{margin-bottom:0}

/* 表格：去掉竖线与斑马纹，只留横向细线 —— 更接近印刷品的排版 */
table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 24px}
th,td{
  border:0;border-bottom:1px solid var(--line-soft);
  padding:15px 22px 15px 0;text-align:left;vertical-align:top;
  overflow-wrap:break-word;
}
th{
  border-bottom:1px solid var(--gold);
  font-size:13.5px;font-weight:600;letter-spacing:.1em;
  color:var(--gold-deep);white-space:nowrap;padding-top:0;padding-bottom:12px;
}
tbody tr{transition:background .2s ease}
tbody tr:hover td{background:var(--gold-wash)}
tbody tr:last-child td{border-bottom:1px solid var(--line)}
td.nowrap{
  white-space:nowrap;width:1%;padding-right:44px;
  font-weight:600;color:var(--ink);
}

.faq{margin:0 0 28px}
.faq dt{
  position:relative;font-weight:600;font-size:16.5px;line-height:1.7;
  margin:30px 0 0;padding-left:26px;
}
/* 「问」字作标记，比通用项目符号更贴合内容 */
.faq dt::before{
  content:"问";position:absolute;left:0;top:.15em;
  font-family:var(--serif);font-size:13px;color:var(--gold);
}
.faq dt:first-child{margin-top:0}
.faq dd{
  margin:10px 0 0 6px;padding-left:20px;
  border-left:2px solid rgba(168,133,60,.2);
  color:var(--ink-2);font-size:15.5px;
}

/* 编号清单：金色衬线序号 01 / 02 / 03 */
.list-clean{list-style:none;padding-left:0;margin:0 0 28px;counter-reset:lc}
.list-clean li{
  position:relative;border-top:1px solid var(--line-soft);
  padding:18px 0 18px 48px;margin:0;
  counter-increment:lc;
}
.list-clean li:last-child{border-bottom:1px solid var(--line-soft)}
.list-clean li::before{
  content:counter(lc,decimal-leading-zero);
  position:absolute;left:0;top:20px;
  font-family:var(--serif);font-size:13px;letter-spacing:.06em;
  color:var(--gold);
}
.list-clean .t{display:block;font-weight:600;font-size:16px;margin-bottom:5px}
.list-clean .d{color:var(--muted);font-size:14px;line-height:1.75}

/* ============ 文章库分类标签（纯 CSS，零 JavaScript）================
   DOM 里 input / label / section.panel 三件一组依次排列。
   用 flex 的 order 把 label 提到第一行、panel 压到第二行 —— DOM 顺序不动，
   所以 `input:checked + label + .panel` 这个相邻选择器依然成立，无需 JS。
   flex 自动换行，分类变多也不会挤爆版心；新增分类只加一组标签即可，
   本文件一行都不用改。
   ================================================================= */
.tabs{
  display:flex;flex-wrap:wrap;
  border-bottom:1px solid var(--line);margin:0 0 26px;
}
.tabs > input{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
.tabs > label{
  order:0;flex:0 0 auto;position:relative;cursor:pointer;
  padding:12px 0 14px;margin-right:38px;
  font-family:var(--serif);font-size:17.5px;letter-spacing:.02em;
  color:var(--muted);transition:color .15s;
}
.tabs > label:hover{color:var(--gold-deep)}
.tabs > label::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--gold);transform:scaleX(0);transform-origin:left;
  transition:transform .18s;
}
.tabs > input:checked + label{color:var(--ink)}
.tabs > input:checked + label::after{transform:scaleX(1)}
.tabs > input:focus-visible + label{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}
.tabs > label .n{font-family:var(--sans);font-size:13px;color:var(--gold);margin-left:8px;letter-spacing:.04em}
.tabs > input:checked + label .n{color:var(--gold-deep)}
.tabs > .panel{order:1;flex:1 0 100%;display:none;padding-top:2px}
.tabs > input:checked + label + .panel{display:block}
.tabs > .panel > .lede{color:var(--muted);font-size:15px;line-height:1.85;margin:0 0 22px}

/* 留在文档结构与无障碍树里、视觉上不显示 */
.sr-only{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.badge{
  display:inline-block;font-size:12px;padding:1px 9px;border-radius:999px;
  background:var(--gold-wash-2);border:1px solid var(--gold-pale);
  color:var(--gold-ink);margin-left:8px;vertical-align:2px;letter-spacing:.02em;
}

.updated{
  font-size:13px;color:var(--muted);letter-spacing:.06em;
  margin-top:56px;padding-top:20px;
  border-top:1px solid var(--line-soft);
}

.todo{
  background:var(--gold-wash-2);border:1px dashed var(--gold);
  border-radius:3px;padding:1px 7px;color:var(--gold-ink);
  font-size:13px;white-space:nowrap;
}

/* 描边按钮式链接（首页「进入文章库」等） */
.arrow-link a{
  display:inline-block;padding:9px 26px;border-radius:2px;
  border:1px solid var(--gold-pale);color:var(--gold-ink);
  font-size:14.5px;letter-spacing:.1em;
  transition:background .3s ease,border-color .3s ease,color .3s ease;
}
.arrow-link a:hover{background:var(--gold-wash-2);border-color:var(--gold);color:var(--gold-deep)}

/* 行动号召块：页面收口，深色 + 金线 + 光斑 */
.cta-band{
  position:relative;overflow:hidden;
  background:linear-gradient(140deg,#463415 0%,#2b2111 62%,#3a2b12 100%);
  border-radius:10px;
  padding:42px 46px;margin:0 0 8px;
  color:rgba(255,255,255,.86);
}
.cta-band::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--gold-light),var(--gold) 50%,var(--gold-deep));
}
.cta-band::after{
  content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;
  background:radial-gradient(circle,rgba(228,186,96,.36),transparent 68%);
}
.cta-band p{position:relative;z-index:1;margin:0 0 12px}
.cta-band .cta-line{color:#f0ece2;font-size:17px}
.cta-band .cta-line strong{color:var(--gold-light);font-weight:600}
.cta-band .cta-sub{font-size:15px;color:rgba(255,255,255,.72)}
.cta-band .cta-act{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;
  margin:26px 0 0;
}
.cta-band a.btn,.arrow-link.cta a{
  display:inline-block;padding:11px 30px;border-radius:2px;
  border:1px solid rgba(220,201,143,.45);color:var(--gold-light);
  font-size:14px;letter-spacing:.14em;
  transition:background .3s ease,border-color .3s ease,color .3s ease;
}
.cta-band a.btn:hover,.arrow-link.cta a:hover{
  background:var(--gold);border-color:var(--gold);color:var(--ink-deep);
}
.cta-band .tel{
  font-family:var(--serif);font-size:20px;letter-spacing:.08em;
  color:var(--gold-light);font-variant-numeric:tabular-nums;
}

/* ================= 页脚 ================= */
footer.site{
  position:relative;background:var(--ink-deep);color:#a79c88;
  margin-top:80px;padding:52px 0 44px;font-size:13.5px;line-height:1.9;
}
footer.site::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--gold-deep) 0%,var(--gold) 28%,var(--gold-light) 52%,var(--gold) 76%,var(--gold-deep) 100%);
}
footer.site .sign{
  color:#e8e2d4;font-size:14px;line-height:2.2;
  margin:0 0 24px;padding-bottom:24px;
  border-bottom:1px solid rgba(220,201,143,.16);
}
footer.site .sign strong{
  font-family:var(--serif);font-size:15.5px;font-weight:600;
  color:var(--gold-light);letter-spacing:.12em;
}
footer.site p{margin:0 0 12px}
footer.site p:last-child{margin-bottom:0}
footer.site a{color:var(--gold-light);border-bottom-color:rgba(220,201,143,.32)}
footer.site a:hover{color:#fff;border-bottom-color:#fff}

/* ============ 版面：全站同一版心 ============
   页头、内页横幅、正文、页脚共用 .wrap，左边缘严格对齐。
   正文不再单独限宽 —— 版心 1076px 配 17px 字号，一行约 63 字。
   将来写长文时，给文章正文套 .prose{max-width:var(--read)} 收窄即可。 */
main .wrap > h2:first-child{margin-top:0}

@media (min-width:940px){
  /* 首页执业信息卡：宽屏四列两两并排 */
  .cred.wide dl{grid-template-columns:auto 1fr auto 1fr;gap:13px 40px}
}

/* ================= 移动端 ================= */
@media (max-width:640px){
  :root{--pad:20px}
  main{padding:36px 0 12px}
  .pagehead{padding:38px 0 30px}
  .pagehead h1{font-size:26px;letter-spacing:.04em;margin:12px 0 16px}
  .pagehead .lede{font-size:15.5px;line-height:1.85}
  h1{font-size:26px}
  h2{font-size:20px;margin-top:44px}
  h2::before{width:28px;margin-bottom:12px}
  h3{font-size:16px}
  main .lede{font-size:15.5px}
  /* 首屏 */
  .hero-slides{height:380px}
  .hero-kicker{margin-bottom:14px;font-size:11.5px;letter-spacing:.26em}
  .hero-slide h1,.hero-slide h2{font-size:27px;margin-bottom:16px;letter-spacing:.04em}
  .hero-slide h1::after,.hero-slide h2::after{width:56px;margin-top:18px}
  .hero-slide h1 small{display:block;margin:8px 0 0;font-size:.46em;letter-spacing:.24em}
  .hero-lead{font-size:15px;margin-bottom:22px}
  .hero-cta a{padding:10px 22px;font-size:13.5px}
  .hero-dots{bottom:20px;gap:9px}
  /* 页头 */
  header.site .wrap{padding-top:18px;padding-bottom:16px;gap:10px}
  .brand::before{width:26px;height:26px;background-size:26px 26px}
  .brand b{font-size:19px}
  .brand small{font-size:11px;letter-spacing:.16em}
  nav.site{font-size:13.5px;gap:2px 18px;line-height:1.9}
  /* 组件 */
  .card{padding:22px 20px;border-radius:8px}
  .card h3{font-size:17.5px}
  .cred{padding:20px 20px;margin:22px 0 26px}
  .cred dl{grid-template-columns:1fr;gap:3px}
  .cred dt{margin-top:12px;font-size:13px}
  .cred dt:first-child{margin-top:0}
  table{font-size:14px}
  th,td{padding:12px 14px 12px 0}
  th{font-size:13px;white-space:normal}
  /* 极窄屏下标签列允许折行，否则「所任职律师事务所」+ 长证号会撑破版心 */
  td.nowrap{white-space:normal;padding-right:16px}
  .callout,.note{padding:15px 18px;font-size:15px}
  .list-clean li{padding:16px 0 16px 38px}
  .list-clean .t{font-size:15.5px}
  .faq dt{font-size:15.5px;padding-left:22px}
  .faq dd{padding-left:22px;font-size:15px}
  .updated{margin-top:44px}
  footer.site{margin-top:56px;padding:40px 0 36px}
  footer.site .sign{padding-bottom:20px;margin-bottom:20px}
}