/* ============================================================
   Hallmark · macrostructure: Editorial Card (people-page) · tone: editorial-gold
   anchor hue: warm gold · 单页美化（保留内容/IA/品牌，仅替换视觉层）
   置于 bundle.min.css 之后加载；base 不被修改，可整体回退。
   ============================================================ */
:root {
  --color-paper:      oklch(97% 0.008 85);
  --color-paper-2:    oklch(94% 0.012 82);
  --color-ink:        oklch(26% 0.008 255);
  --color-ink-2:      oklch(45% 0.010 255);
  --color-rule:       oklch(82% 0.030 80);
  --color-gold:       oklch(52% 0.045 75);
  --color-gold-bright:oklch(72% 0.075 78);
  --color-accent:     var(--color-gold);
  --color-accent-ink: oklch(20% 0.010 255);
  --color-focus:      oklch(70% 0.080 80);
  --font-display: "ChapRegular", "MGothicGoldPRC", "Songti SC", "SimSun", serif;
  --font-body:    "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB",
                  "Noto Sans CJK SC", "Heiti SC", sans-serif;
  --space-sm: 1rem;  --space-md: 1.5rem;  --space-lg: 2rem;  --space-xl: 3rem;
  --text-md: 1.6rem; --text-display: 4.2rem;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 220ms;
  --radius-card: 14px;
  --shadow-soft: 0 12px 34px -14px oklch(26% 0.008 255 / 0.45);
  --shadow-card: 0 2px 12px -4px oklch(26% 0.008 255 / 0.18);
}

/* ---------- 安全护栏（保留） ---------- */
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
html, body { overflow-x: clip; }
a, button { -webkit-tap-highlight-color: transparent; }
.syd_value, .par, .syd1 .syd { overflow-wrap: break-word; word-break: break-word; }
.par_header .header_text .syd a {
  display: inline-block; padding: 6px 2px; margin: -6px 0;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ---------- 基础排版 ---------- */
body { background: var(--color-paper); color: var(--color-ink-2);
  font-family: var(--font-body); -webkit-font-smoothing: antialiased; }

/* ---------- 头部 hero ---------- */
.par_header {
  background:
    radial-gradient(120% 80% at 80% 0%, oklch(32% 0.014 255) 0%, oklch(24% 0.010 255) 60%),
    oklch(24% 0.010 255);
  overflow: hidden;
}
/* 底部金色发丝光，收口 hero 与内容区 */
.par_header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; z-index: 2;
  background: linear-gradient(90deg, transparent, var(--color-gold) 28%,
              var(--color-gold-bright) 50%, var(--color-gold) 72%, transparent);
  opacity: .75;
}
/* 微信二维码（头部左）做成像素干净的卡片角标 */
.mine-qr img {
  border-radius: 10px; border: 1px solid oklch(70% 0.05 80 / .35);
  box-shadow: var(--shadow-card); background: #fff; padding: 6px;
}
/* 律师照片：仅保留圆角，不加边框/描边
   照片已换为透明抠图，墨黑底上需配浅色衬底，否则深色西装会与背景融合 */
.par_header .person {
  border-radius: 12px; overflow: hidden;
  border: 0;
  box-shadow: none;
  object-fit: contain;
  background: radial-gradient(ellipse 88% 58% at 50% 30%, #F6F4EF 0%, #E5E2DA 55%, #CFCBC1 100%);
}
/* 姓名：提亮金 + 下方金规 */
.par_header .header_text h1 {
  font-family: var(--font-display);
  color: var(--color-gold-bright);
  font-size: var(--text-display);
  letter-spacing: .35rem;
  line-height: 1.25;
  text-shadow: 0 2px 18px oklch(0% 0 0 / .35);
  position: relative; display: inline-block;
}
.par_header .header_text h1::after {
  content: ""; position: absolute; left: 2px; bottom: -1.4rem;
  width: 5.6rem; height: 3px; border-radius: 2px; background: var(--color-gold);
}
.par_header .header_text .par {
  color: oklch(94% 0.01 85); font-weight: 400;
  letter-spacing: .25rem; margin-top: 2.4rem; margin-bottom: 2.6rem;
}
/* 地址行（金） */
.par_header .header_text .syd1-box .syd1 .syd {
  color: var(--color-gold); letter-spacing: .12rem;
}
/* 联系方式：标签金、值白，悬停提亮 */
.par_header .header_text .syd-box .syd {
  color: oklch(93% 0 0); white-space: normal;
}
.par_header .header_text .syd-box .syd .syd_text {
  color: var(--color-gold); font-weight: 500; width: 11rem;
}
.par_header .header_text .syd-box .syd .syd_value { color: #fff; }
.par_header .header_text .syd-box .syd a {
  border-radius: 6px; transition: color var(--dur-short) var(--ease-out);
}
.par_header .header_text .syd-box .syd a:hover .syd_value,
.par_header .header_text .syd-box .syd a:focus-visible .syd_value {
  color: var(--color-gold-bright);
}

/* ---------- 左栏：擅长领域 / 工作经历 ---------- */
.container_content .cmp-text .content { max-width: 64rem; }
.container_content .cmp-text .content p {
  font-family: var(--font-body); color: var(--color-ink-2);
  font-size: var(--text-md); line-height: 2.05; text-indent: 2em;
  letter-spacing: .02rem; margin-top: 1.8rem; margin-bottom: 1.8rem;
}
.text .cmp-text .content h2 {
  position: relative; padding-left: 1.7rem; margin-top: 4rem; margin-bottom: 2.4rem;
  color: var(--color-ink); font-family: var(--font-body); font-weight: 700;
  font-size: var(--text-xl); letter-spacing: .15rem; line-height: 1.4;
}
.text .cmp-text .content h2::before {
  content: ""; position: absolute; left: 0; top: .35rem; bottom: .35rem;
  width: 5px; border-radius: 3px; background: var(--color-gold);
}

/* ---------- 右栏：专业领域 / 行业领域 / 办公机构 ---------- */
.related_expertise .title .cmp-title.hasUnderline {
  border-bottom: 2px solid var(--color-gold); padding-bottom: 1rem;
}
.related_expertise .title .cmp-title__text,
.related_expertise .title h2 {
  color: var(--color-ink); font-family: var(--font-body);
  font-weight: 700; letter-spacing: .2rem;
}
/* 小标签（业务领域 / 行业领域）做成金色 eyebrow */
.related_expertise .expertise_list p {
  color: var(--color-gold); font-weight: 600; font-size: var(--text-sm);
  letter-spacing: .2rem; text-transform: none; margin-bottom: 1.4rem;
}
/* 领域条目 → 精致卡片 */
.related_expertise .expertise_list li {
  position: relative; margin-bottom: 1.2rem; padding: 1.3rem 1.6rem;
  background: var(--color-paper-2); border: 1px solid var(--color-rule);
  border-left: 3px solid var(--color-gold); border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
  font-family: var(--font-body); font-size: var(--text-md); line-height: 1.7;
  color: var(--color-ink); overflow-wrap: break-word;
  transition: transform var(--dur-short) var(--ease-out),
              border-left-color var(--dur-short) var(--ease-out);
}
.related_expertise .expertise_list li a { color: var(--color-ink); }
.related_expertise .expertise_list li:hover {
  transform: translateX(3px); border-left-color: var(--color-gold-bright);
}
/* 办公机构 → 地图行动卡 */
.related_location .location_list li a {
  display: flex; align-items: center; gap: 1rem; padding: 1.4rem 1.6rem;
  background: var(--color-paper-2); border: 1px solid var(--color-rule);
  border-radius: var(--radius-card); color: var(--color-ink);
  font-family: var(--font-body); font-size: var(--text-md); box-shadow: var(--shadow-card);
  transition: transform var(--dur-short) var(--ease-out),
              border-color var(--dur-short) var(--ease-out);
}
.related_location .location_list li a:hover {
  border-color: var(--color-gold); transform: translateY(-2px);
}

/* ---------- 页脚 ---------- */
#footer_text .layoutContainer .cmp-container p { color: oklch(70% 0.02 80); }
#footer_text .container:first-child > .cmp-container .cmp-button .cmp-button__text {
  font-family: var(--font-display); color: oklch(90% 0.01 85);
}
#footer_text .container:first-child > .cmp-container .cmp-button:hover .cmp-button__text {
  color: var(--color-gold-bright);
}

/* ---------- 焦点可见性（无障碍） ---------- */
a:focus-visible, button:focus-visible, .cmp-button:focus-visible {
  outline: 3px solid var(--color-focus); outline-offset: 3px; border-radius: 6px;
}

/* ---------- 移动端收口与微调 ---------- */
@media screen and (max-width: 750px) {
  .par_header .person { border-radius: 10px; }
  .par_header .header_text h1 { font-size: 3.4rem; letter-spacing: .2rem; }
  .par_header .header_text .syd-box .syd .syd_text { width: 9rem; }
  .related_expertise .expertise_list li,
  .related_location .location_list li a { padding: 1.2rem 1.4rem; }
}
@media screen and (max-width: 480px) {
  .par_header { padding-left: 6%; padding-right: 6%; }
  .par_header .person { width: 44%; }
  .par_header .header_text h1 { font-size: 3rem; }
}