@charset "UTF-8";
/* =====================================================================
   海润天睿（西安）· 全站共享样式
   - 设计变量（颜色 / 字体 / 缓动）：改这里即全站生效
   - 页头 / 页脚 / 内页横幅 / 图片位 / 按钮 / 进场动画
   全部类名以 hr- 开头，避免与旧模板（Template/cn/style/css.css）冲突
   ===================================================================== */

/* ---------- 字体（100% 可商用：系统字体 + SIL OFL 开源中文字体，无付费字体依赖） ---------- */

:root {
  /* 黛蓝：品牌蓝 #3D519B 为基准（参考总站） */
  --ink-950: #0a0f26;
  --ink-900: #0f1636;
  --ink-800: #172049;
  --ink-700: #22306a;
  --brand-600: #2c3e80;
  --brand-500: #3D519B;       /* 品牌主蓝 */
  --brand-400: #5B7BD5;       /* 浅蓝强调 */
  --brand-300: #7B9BE6;       /* 更浅的蓝，替代原金色浅色 */
  --brand-200: #A1CDFF;       /* 浅蓝（移动端抽屉等） */
  --brand-100: #e5e9f6;
  --brand-50:  #f2f4fb;
  /* 纸面与文字 */
  --paper: #ffffff;
  --mist: #f5f6fa;
  --line: #e3e5ee;
  --text-900: #151a2d;
  --text-700: #333333;
  --text-500: #6a6f87;
  --text-400: #9a9eb3;

  /* 标题用：思源黑体 / 苹方 / 微软雅黑（均随系统或 OFL 开源免费商用） */
  --f-display: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans CN", "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;
  /* 正文用 */
  --f-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans CN", "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;
  /* 数字/英文 */
  --f-latin: Inter, "Helvetica Neue", "Segoe UI", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  /* 衬线（不启用外链字体，避免版权风险；仅作预留） */
  --f-serif: "Source Han Serif SC", "Noto Serif SC", "Songti SC", "SimSun", serif;

  --ease: cubic-bezier(.25, .46, .45, .94);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --header-h: 70px;
}

/* ---------- 基础 ---------- */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body.hr-site {
  margin: 0;
  font-family: var(--f-body);
  font-size: 15px;
  line-height: 1.8;
  color: var(--text-900);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
.hr-site *, .hr-site *::before, .hr-site *::after { box-sizing: border-box; }
.hr-site :focus-visible { outline: 2px solid var(--brand-400); outline-offset: 3px; }

.hr-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 768px)  { .hr-container { padding: 0 40px; } }
@media (min-width: 1280px) { .hr-container { padding: 0 56px; } }

.hr-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- 文字组件 ---------- */
.hr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 18px;
  font-family: var(--f-latin);
  font-style: italic;
  font-weight: 500;
  font-size: 19px;
  line-height: 1;
  letter-spacing: .02em;
  color: var(--brand-500);
}
.hr-eyebrow::before {
  content: "";
  width: 36px;
  height: 1px;
  background: currentColor;
}
.hr-h2 {
  margin: 0;
  font-family: var(--f-display);
  font-weight: 600;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.3;
  letter-spacing: .08em;
  color: var(--text-900);
}
.hr-lead {
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 2;
  color: var(--text-700);
}

/* ---------- 按钮 ---------- */
.hr-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 48px;
  padding: 0 28px;
  font-family: var(--f-body);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .12em;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  transition: background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), transform .35s var(--ease);
}
.hr-btn svg { width: 16px; height: 16px; transition: transform .35s var(--ease); }
.hr-btn:hover svg { transform: translateX(4px); }

/* 主按钮：深蓝底白字 */
.hr-btn--gold,
.hr-btn--primary { background: var(--brand-500); color: #fff; }
.hr-btn--gold:hover,
.hr-btn--primary:hover { background: var(--brand-400); }

/* 线框按钮：白底蓝字蓝边（替代原 ghost 透明白边） */
.hr-btn--ghost { border-color: var(--brand-500); color: var(--brand-500); background: transparent; }
.hr-btn--ghost:hover { background: var(--brand-500); color: #fff; border-color: var(--brand-500); }

/* 深色底上的白色描边按钮（用于 hero 深色背景） */
.hr-btn--outline-light { border-color: rgba(255,255,255,.6); color: #fff; background: transparent; }
.hr-btn--outline-light:hover { border-color: #fff; background: #fff; color: var(--brand-500); }

/* 深色线框按钮（白底页面） */
.hr-btn--line { border-color: var(--text-900); color: var(--text-900); }
.hr-btn--line:hover { background: var(--brand-500); border-color: var(--brand-500); color: #fff; }

.hr-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  letter-spacing: .1em;
  color: var(--brand-500);
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 4px;
  transition: color .3s var(--ease), gap .3s var(--ease);
}
.hr-link:hover { color: var(--brand-400); gap: 16px; }
.hr-link svg { width: 15px; height: 15px; }

/* ---------- 图片位 ----------
   用法：<figure class="hr-slot" data-slot="说明 · 比例 · 建议尺寸"><img src="…" alt="…" onerror="…"></figure>
   图片文件存在时正常显示；文件缺失时显示带说明的占位底纹，方便协作者按名补图。 */
.hr-slot {
  position: relative;
  margin: 0;
  overflow: hidden;
  background:
    repeating-linear-gradient(135deg, rgba(61,81,155,.06) 0 1px, transparent 1px 14px),
    linear-gradient(160deg, var(--brand-50), var(--brand-100));
}
.hr-slot > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hr-slot.is-empty::after {
  content: "图片待补 · " attr(data-slot);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 86%;
  padding: 10px 16px;
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: .08em;
  text-align: center;
  color: var(--brand-500);
  border: 1px dashed rgba(61,81,155,.35);
  background: rgba(255,255,255,.7);
}
.hr-slot--dark {
  background:
    repeating-linear-gradient(135deg, rgba(91,123,213,.10) 0 1px, transparent 1px 14px),
    var(--ink-800);
}
.hr-slot--dark.is-empty::after { color: var(--brand-300); border-color: rgba(91,123,213,.4); background: rgba(10,15,38,.55); }

/* ---------- 进场动画 ---------- */
.hr-js .hr-reveal { opacity: 0; transform: translateY(26px); transition: opacity .9s var(--ease-out), transform .9s var(--ease-out); }
.hr-js .hr-reveal.is-in { opacity: 1; transform: none; }
.hr-reveal[data-delay="1"] { transition-delay: .12s; }
.hr-reveal[data-delay="2"] { transition-delay: .24s; }
.hr-reveal[data-delay="3"] { transition-delay: .36s; }
@media (prefers-reduced-motion: reduce) {
  .hr-js .hr-reveal { opacity: 1; transform: none; transition: none; }
}

/* =====================================================================
   页头
   - 默认始终白底（solid 风格），参考总站简洁风格
   - data-tone="solid"（默认）：白底深灰文字，当前页/hover 为品牌蓝
   - 页头高度 70px，固定顶部
   ===================================================================== */
.hr-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: var(--header-h);
  color: var(--text-700);
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  transition: background .45s var(--ease), color .45s var(--ease), height .45s var(--ease), box-shadow .45s var(--ease);
}
/* 保留 is-solid 类兼容（首页始终白底，内页滚动后也变白底） */
.hr-header.is-solid {
  height: 70px;
  color: var(--text-700);
  background: rgba(255,255,255,.97);
  box-shadow: 0 4px 20px rgba(15,22,54,.05);
}
@supports (backdrop-filter: blur(10px)) {
  .hr-header.is-solid { background: rgba(255,255,255,.9); backdrop-filter: blur(14px) saturate(1.2); -webkit-backdrop-filter: blur(14px) saturate(1.2); }
}
.hr-header__inner {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 32px;
}
.hr-brand { display: block; flex-shrink: 0; line-height: 0; }
.hr-brand img { height: 36px; width: auto; transition: opacity .45s var(--ease); }
.hr-brand .hr-brand__dark { display: block; }
.hr-brand .hr-brand__light { display: none; }
/* 透明叠在深色横幅上的状态（内页初始时）——隐藏深色logo，显示浅色 */
.hr-header:not(.is-solid) {
  color: #fff;
  background: transparent;
  border-bottom: none;
}
.hr-header:not(.is-solid) .hr-brand__light { display: block; }
.hr-header:not(.is-solid) .hr-brand__dark { display: none; }

.hr-nav { display: none; margin-left: auto; gap: 6px; }
.hr-nav a {
  position: relative;
  padding: 8px 16px;
  font-size: 15px;
  letter-spacing: .14em;
  color: inherit;
  text-decoration: none;
  transition: opacity .3s var(--ease), color .3s var(--ease);
}
.hr-nav a::after {
  content: "";
  position: absolute;
  left: 50%; bottom: 0;
  width: 0; height: 2px;
  background: var(--brand-500);
  transition: width .35s var(--ease), left .35s var(--ease);
}
.hr-nav a:hover { color: var(--brand-500); }
.hr-nav a[aria-current="page"] { color: var(--brand-500); }
.hr-nav a:hover::after, .hr-nav a[aria-current="page"]::after { left: 16px; width: calc(100% - 32px); }

.hr-header__tel {
  display: none;
  align-items: center;
  gap: 12px;
  padding-left: 26px;
  border-left: 1px solid var(--line);
  color: inherit;
  text-decoration: none;
}
.hr-header:not(.is-solid) .hr-header__tel { border-color: rgba(255,255,255,.25); }
.hr-header__tel small { display: block; font-size: 11px; letter-spacing: .2em; opacity: .65; line-height: 1.3; }
.hr-header__tel b { display: block; font-family: var(--f-latin); font-weight: 600; font-size: 21px; letter-spacing: .04em; line-height: 1.1; color: var(--brand-500); }
.hr-header:not(.is-solid) .hr-header__tel b { color: var(--brand-200); }

.hr-burger {
  margin-left: auto;
  width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; padding: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.hr-burger svg { width: 26px; height: 26px; }

@media (min-width: 1080px) {
  .hr-nav { display: flex; }
  .hr-burger { display: none; }
  .hr-brand img { height: 42px; }
}
@media (min-width: 1280px) {
  .hr-header__tel { display: flex; }
}

/* 移动端抽屉 */
.hr-drawer {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  padding: 96px 28px 40px;
  color: #fff;
  background:
    radial-gradient(120% 60% at 100% 0%, rgba(61,81,155,.45), transparent 60%),
    var(--ink-950);
  transform: translateX(100%);
  visibility: hidden;
  transition: transform .5s var(--ease-out), visibility 0s linear .5s;
  overflow-y: auto;
}
.hr-drawer.is-open { transform: none; visibility: visible; transition: transform .5s var(--ease-out); }
.hr-drawer__close {
  position: absolute; top: 18px; right: 16px;
  width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; background: transparent; color: #fff; cursor: pointer;
}
.hr-drawer__close svg { width: 26px; height: 26px; }
.hr-drawer nav a {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
  font-family: var(--f-display);
  font-size: 22px;
  letter-spacing: .16em;
  color: #fff;
  text-decoration: none;
}
.hr-drawer nav a span { font-family: var(--f-latin); font-style: italic; font-size: 15px; letter-spacing: .04em; color: var(--brand-200); }
.hr-drawer__tel { margin-top: 32px; font-family: var(--f-latin); font-size: 26px; color: var(--brand-200); text-decoration: none; }

/* 顶部无深色横幅的页面（首页默认），内容下移让出页头 */
body.hr-site[data-header="solid"] { padding-top: 70px; }

/* =====================================================================
   内页横幅（保留深蓝背景，金色改为浅蓝）
   ===================================================================== */
.hr-pagehero {
  position: relative;
  overflow: hidden;
  color: #fff;
  background: var(--ink-900);
  padding: 72px 0 64px;
  isolation: isolate;
}
.hr-pagehero__bg { position: absolute; inset: 0; z-index: -2; }
.hr-pagehero__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hr-pagehero::before {   /* 压暗层 + 品牌蓝光晕 */
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background:
    radial-gradient(70% 90% at 85% 10%, rgba(61,81,155,.55), transparent 60%),
    linear-gradient(100deg, rgba(10,15,38,.92) 0%, rgba(15,22,54,.78) 45%, rgba(15,22,54,.5) 100%);
}
.hr-pagehero::after {    /* 长安里坊线稿 */
  content: "";
  position: absolute;
  z-index: -1;
  right: max(2%, calc((100vw - 1280px) / 2));
  bottom: -18%;
  width: min(460px, 56vw);
  aspect-ratio: 1300 / 1290;
  background: url("../img/brand/changan.svg") center / contain no-repeat;
  opacity: .30;
  -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 35%);
          mask-image: linear-gradient(180deg, transparent 0%, #000 35%);
  pointer-events: none;
  filter: hue-rotate(10deg);
}
.hr-pagehero .hr-eyebrow { color: var(--brand-200); }
.hr-pagehero__title {
  margin: 0;
  font-family: var(--f-display);
  font-weight: 600;
  font-size: clamp(32px, 4.4vw, 54px);
  line-height: 1.25;
  letter-spacing: .14em;
}
.hr-pagehero__lead {
  max-width: 680px;
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 2;
  color: rgba(255,255,255,.78);
}
.hr-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 13px;
  letter-spacing: .1em;
  color: rgba(255,255,255,.55);
}
.hr-crumb a { color: rgba(255,255,255,.75); text-decoration: none; transition: color .3s; }
.hr-crumb a:hover { color: var(--brand-200); }
.hr-crumb i { font-style: normal; color: var(--brand-400); }

/* =====================================================================
   统一面包屑：全站固定位于页头正下方、横幅上方（浅灰条，与律师页一致）
   ===================================================================== */
.hr-breadcrumb {
  background: var(--mist);
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--text-500);
}
.hr-breadcrumb .hr-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 50px;
}
.hr-breadcrumb a { color: var(--text-500); text-decoration: none; transition: color .2s; }
.hr-breadcrumb a:hover { color: var(--brand-500); }
.hr-breadcrumb i { font-style: normal; margin: 0 2px; color: var(--text-400); }
.hr-breadcrumb span { color: var(--text-700); }

/* =====================================================================
   全站统一内页横幅（参考专业团队 staff_lanm）：
   - 全幅大图 + 品牌蓝 40% 蒙版（不压暗、不染黑）
   - 左对齐白字：中文大标题 Bold / 英文+中文副标
   - 底部 1px 半透明白线 → 线下方内嵌白字面包屑
   - 独立浅灰条 .hr-breadcrumb 在此模式下隐藏，由 hero 内部承担
   ===================================================================== */
.hr-innerhero {
  position: relative;
  /* body.hr-site[data-header="solid"] 已 padding-top:70px 为固定页头留空，这里不再加 margin-top，避免出现白条 */
  margin-top: 0;
  padding: 88px 0 0;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
  background: var(--brand-500) center/cover no-repeat;
}
.hr-innerhero__bg { position: absolute; inset: 0; z-index: -2; }
.hr-innerhero__bg img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hr-innerhero::before {
  /* 品牌蓝 40% 蒙版（与首页 banner 同规格） */
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(61,81,155,.55) 0%, rgba(61,81,155,.25) 60%, rgba(61,81,155,.15) 100%);
}
/* 无蒙版变体：用于需要显示原图的内页 banner */
.hr-innerhero--nomask::before { content: none; }
/* 全幅深色蒙版：整屏均匀压暗，保证白字对比度，轻微品牌蓝倾向不染色 */
.hr-innerhero--fullmask::before {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgba(10,16,36,.45) 0%, rgba(18,28,56,.55) 100%);
}
/* 左侧深色渐变蒙版：文字区域加暗衬托白字，左实右透不覆盖整图 */
.hr-innerhero--darkmask::before {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg,
    rgba(15,22,45,.72) 0%,
    rgba(15,22,45,.50) 35%,
    rgba(15,22,45,.18) 60%,
    rgba(15,22,45,0) 80%);
}
/* 墨绿左侧渐变蒙版（淡化版）：呼应水彩绿色调，整体更通透，文字仍清晰 */
.hr-innerhero--greenmask::before {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg,
    rgba(20,55,50,.45) 0%,
    rgba(20,55,50,.28) 40%,
    rgba(20,55,50,.10) 65%,
    rgba(20,55,50,0) 85%);
}
.hr-innerhero__body { padding-bottom: 56px; }
.hr-innerhero__sub {
  margin: 0 0 18px;
  font-family: var(--f-latin);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(255,255,255,.78);
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.hr-innerhero__sub .dot { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,.5); }
.hr-innerhero__title {
  margin: 0;
  font-family: var(--f-display);
  font-weight: 700;
  font-size: clamp(32px, 3.6vw, 46px);
  line-height: 1.35;
  letter-spacing: .08em;
  text-shadow: 0 2px 20px rgba(0,0,0,.25);
  white-space: pre-line;
}
.hr-innerhero__lead {
  margin: 22px 0 0;
  font-size: 15px;
  line-height: 2;
  letter-spacing: .04em;
  color: rgba(255,255,255,.85);
  max-width: 720px;
}
/* 底部面包屑（内嵌在 hero 底部） */
.hr-innerhero__crumb {
  border-top: 1px solid rgba(255,255,255,.2);
  padding: 18px 0;
  font-size: 13px;
  letter-spacing: .08em;
  color: rgba(255,255,255,.8);
}
.hr-innerhero__crumb a { color: rgba(255,255,255,.9); text-decoration: none; transition: color .2s; }
.hr-innerhero__crumb a:hover { color: #fff; }
.hr-innerhero__crumb i { margin: 0 10px; font-style: normal; color: rgba(255,255,255,.5); }
.hr-innerhero__crumb span { color: #fff; font-weight: 500; }

/* 当页面使用 .hr-innerhero 时，隐藏旧的独立浅灰条面包屑（避免出现两条） */
.hr-innerhero ~ .hr-breadcrumb,
body:has(.hr-innerhero) .hr-breadcrumb { display: none; }

/* 统一页内区块标题（居中中文大字 + 蓝短横线 + 浅英文水印） */
.hr-secthead {
  text-align: center;
  margin-bottom: 48px;
  position: relative;
  padding-top: 16px;
}
.hr-secthead__en {
  position: absolute; left: 50%; top: -30px; transform: translateX(-50%);
  font-family: var(--f-latin);
  font-size: clamp(52px, 8vw, 110px);
  font-weight: 700;
  color: #f4f5f9;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
  z-index: 0;
  user-select: none;
}
.hr-secthead__cn {
  position: relative; z-index: 1;
  font-family: var(--f-display);
  font-size: 30px;
  font-weight: 700;
  color: var(--text-900);
  letter-spacing: .15em;
  margin: 0;
}
.hr-secthead__cn::after {
  content: ""; display: block;
  width: 48px; height: 3px;
  background: var(--brand-500);
  margin: 16px auto 0;
  border-radius: 2px;
}
/* 居左变体：与容器左缘对齐（英文背景、中文标题、蓝色短线全部居左） */
.hr-secthead--left { text-align: left; }
.hr-secthead--left .hr-secthead__en { left: 0; transform: none; }
.hr-secthead--left .hr-secthead__cn::after { margin: 16px 0 0; }

@media (max-width: 767px) {
  .hr-innerhero { padding: 56px 0 0; }
  .hr-innerhero__body { padding-bottom: 32px; }
  .hr-innerhero__sub { font-size: 11px; letter-spacing: .22em; gap: 8px; margin-bottom: 12px; }
  .hr-innerhero__title { font-size: 28px; letter-spacing: .05em; line-height: 1.4; }
  .hr-innerhero__lead { font-size: 13px; line-height: 1.9; margin-top: 16px; }
  .hr-innerhero__crumb { padding: 14px 0; font-size: 12px; }
  .hr-secthead { margin-bottom: 32px; padding-top: 10px; }
  .hr-secthead__cn { font-size: 24px; letter-spacing: .1em; }
  .hr-secthead__en { font-size: 48px; top: -18px; }
}

@media (max-width: 767px) {
  .hr-pagehero { padding: 40px 0 44px; }
  .hr-pagehero::after { opacity: .15; right: -20%; width: 320px; }
}

/* =====================================================================
   页脚（浅灰底、深灰文字、品牌蓝强调 —— 参考总站风格）
   ===================================================================== */
.hr-footer {
  position: relative;
  color: rgba(255,255,255,.85);
  background: linear-gradient(135deg, #2e4078 0%, #3D519B 50%, #4d65b8 100%);
  font-size: 14px;
  line-height: 1.8;
  padding-top: 56px;
  overflow: hidden;
}
/* 三层光晕缓慢漂移 —— 非常柔和的呼吸光效 */
.hr-footer::before,
.hr-footer::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter: blur(80px);
  will-change: transform;
}
.hr-footer::before{
  width: 60%; height: 140%;
  top: -20%; left: -5%;
  background: radial-gradient(circle, rgba(255,255,255,.10) 0%, transparent 70%);
  animation: hrGlow1 14s ease-in-out infinite alternate;
}
.hr-footer::after{
  width: 55%; height: 160%;
  bottom: -30%; right: -5%;
  background: radial-gradient(circle, rgba(91,123,213,.30) 0%, transparent 70%);
  animation: hrGlow2 18s ease-in-out infinite alternate;
}
@keyframes hrGlow1{
  0%   { transform: translate(0, 0) scale(1); opacity: .7; }
  50%  { transform: translate(6%, 4%) scale(1.08); opacity: 1; }
  100% { transform: translate(10%, -3%) scale(1.05); opacity: .8; }
}
@keyframes hrGlow2{
  0%   { transform: translate(0, 0) scale(1); opacity: .6; }
  50%  { transform: translate(-8%, -5%) scale(1.1); opacity: .9; }
  100% { transform: translate(-4%, 3%) scale(1.06); opacity: .75; }
}
.hr-footer a { position: relative; color: rgba(255,255,255,.85); text-decoration: none; transition: color .25s var(--ease); }
.hr-footer a:hover { color: #fff; }
/* 子栏目链接 hover 下划线从中心展开（列标题与底部链接除外） */
.hr-footer__col ul li a::after{
  content:"";
  position:absolute;
  left:50%; bottom:-2px;
  width:0; height:1px;
  background:#fff;
  transition: width .3s var(--ease), left .3s var(--ease);
}
.hr-footer__col ul li a:hover::after{
  width:100%; left:0;
}

/* 主区域：左 brand + 右多列 */
.hr-footer__main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  padding-bottom: 40px;
}
.hr-footer__brand { max-width: 320px; }
.hr-footer__logo { height: 40px; width: auto; margin-bottom: 20px; }
.hr-footer__slogan {
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
  color: rgba(255,255,255,.9);
  letter-spacing: .02em;
}

/* 多列导航 */
.hr-footer__cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px 32px;
}
.hr-footer__col h5 {
  margin: 0 0 14px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  letter-spacing: .05em;
}
.hr-footer__col h5 a { color: #fff; }
.hr-footer__col ul { list-style: none; margin: 0; padding: 0; }
.hr-footer__col ul li { margin-bottom: 6px; font-size: 13px; }
.hr-footer__col ul li a { color: rgba(255,255,255,.7); }
.hr-footer__col ul li a:hover { color: #fff; }
.hr-footer__spacer { height: 12px; }

/* 业务领域两列 */
.hr-footer__twocol {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: 6px 24px;
}

/* 联系我们 */
.hr-footer__col--contact ul { margin-bottom: 18px; }
.hr-footer__info li {
  display: flex;
  gap: 8px;
  margin-bottom: 8px !important;
  color: rgba(255,255,255,.7);
}
.hr-footer__info svg { width: 14px; height: 14px; margin-top: 5px; flex-shrink: 0; color: rgba(255,255,255,.6); }
.hr-footer__info span { flex: 1; line-height: 1.6; font-size: 12px; }
.hr-footer__qr { margin: 0; text-align: center; }
.hr-footer__qr img { width: 96px; height: 96px; object-fit: cover; border-radius: 4px; display: block; margin: 0 auto; }
.hr-footer__qr figcaption { margin-top: 6px; font-size: 11px; color: rgba(255,255,255,.55); letter-spacing: .05em; }

/* 底部版权栏 */
.hr-footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 0 24px;
  border-top: 1px solid rgba(255,255,255,.2);
  font-size: 12px;
  color: rgba(255,255,255,.55);
  letter-spacing: .03em;
}
.hr-footer__copy { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.hr-footer__copy .hr-todo { color: rgba(255,255,255,.7); }
.hr-footer__links { display: flex; flex-wrap: wrap; gap: 6px 20px; }
.hr-footer__links a { color: rgba(255,255,255,.55); font-size: 12px; }
.hr-footer__links a:hover { color: #fff; }

@media (min-width: 900px) {
  .hr-footer__main {
    grid-template-columns: 280px 1fr;
    gap: 60px;
    padding-bottom: 48px;
  }
  .hr-footer__cols {
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
  }
  .hr-footer__twocol { grid-template-columns: 1fr; gap: 6px 0; }
  .hr-footer__bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .hr-footer__cols { grid-template-columns: 0.9fr 1.4fr 1fr 1.1fr; gap: 36px; }
  .hr-footer__twocol { grid-template-columns: repeat(2, max-content); gap: 4px 18px; }
}

/* 手机页脚：业务领域在本列内换行，联系方式使用完整宽度。 */
@media screen and (max-width: 899px) {
  .hr-footer__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
  .hr-footer__col { min-width: 0; }
  .hr-footer__twocol { grid-template-columns: minmax(0, 1fr); }
  .hr-footer__col--contact { grid-column: 1 / -1; }
}

/* 律师详情保留原照片与履历；手机上按照片、名片、履历顺序阅读。 */
@media screen and (max-width: 767px) {
  .hr-secthead__en { font-size: clamp(20px, 7vw, 32px); top: -8px; }
  .hr-site .ab-intro__landmark { transform: none; }
  .hr-site[data-nav="personnel"] .hr-innerhero__title { font-size: clamp(20px, 5.6vw, 26px); letter-spacing: .02em; }
  .hr-site .staffs_part1_new { height: auto; min-height: 0; }
  .hr-site .staffs_part1_new .logo { display: none; }
  .hr-site .staffs_part1_new .wrap {
    display: flex; flex-direction: column; align-items: stretch;
    width: 100%; max-width: 100%; height: auto; min-height: 0; margin: 0; padding: 0;
  }
  .hr-site .staffs_part1_new .pic {
    width: 180px; height: 240px; flex: none; margin: 24px auto 0;
  }
  .hr-site .staffs_part1_new .pic img {
    position: static; display: block; width: 100%; height: 100%; max-width: 100%;
    margin: 0; transform: none; object-fit: cover; object-position: top center;
  }
  .hr-site .staffs_part1_new .box { min-width: 0; padding: 24px 20px 28px; }
  .hr-site .staffs_part1_new .h3 { font-size: 28px; line-height: 1.4; }
  .hr-site .staffs_part1_new .tit1 { font-size: 15px; line-height: 1.9; padding: 12px 0; margin-bottom: 14px; }
  .hr-site .staffs_part1_new .tit1 span { margin-right: 8px; padding-right: 0; }
  .hr-site .staffs_part1_new .tit2 { padding-top: 0; font-size: 14px; line-height: 1.9; }
  .hr-site .staffs_part1_new .btn {
    position: static; display: flex; align-items: center; gap: 16px; margin-top: 20px;
  }
  .hr-site .staffs_part1_new .btn a { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin: 0; }
  .hr-site .staffs_part1_new .btn a img { width: 36px; height: 36px; object-fit: contain; }
  .hr-site .staffs_part2_new { padding: 24px 0 48px; }
  .hr-site .staffs_part2_new .wrap { display: block; width: 100%; max-width: 100%; margin: 0; padding: 0 20px; }
  .hr-site .staffs_part2_new .con_l { width: 100%; min-width: 0; padding: 24px 20px; }
  .hr-site .staffs_part2_new .con_l .btn span { padding-bottom: 0; }
  .hr-site .staffs_part2_new .con_l .item_li { padding-top: 28px; }
  .hr-site .staffs_part2_new .con_l .txt { padding-top: 16px; }
  .hr-site .staffs_part2_new .con_r { width: 100%; min-width: 0; padding: 32px 0 0; }
  .hr-site .staffs_part2_new .often_tetlist .tet { overflow-wrap: anywhere; }
}

/* 打印（律师简历页"打印"按钮）：只保留正文 */
@media print {
  .hr-header, .hr-drawer, .hr-footer { display: none !important; }
  body.hr-site[data-header="solid"] { padding-top: 0; }
}