/* ========================================================================
   允道官网 · 全站统一页头组件（顶部电话条 + 导航栏）
   九个页面共用本文件。以后改导航/电话/配色，只改这里一处即可。
   颜色写死（navy #0B1A2E / gold #F5A623），不依赖各页 CSS 变量。
   ======================================================================== */

/* —— 顶部电话条 —— */
.yd-topbar { background:#0B1A2E; color:#cdd6e2; font-size:16px; font-weight:700; }
.yd-topbar-inner { display:flex; align-items:center; justify-content:space-between;
  max-width:1200px; margin:0 auto; padding:8px 24px; gap:16px; }
.yd-topbar-slogan { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.yd-topbar-tel a { color:#cdd6e2; text-decoration:none; transition:color .2s; }
.yd-topbar-tel a:hover { color:#F7BE50; }
.yd-topbar-tel .yd-divider { margin:0 8px; color:#3a4d66; }

/* —— 导航栏 —— */
.yd-header { position:sticky; top:0; z-index:1000; background:#fff;
  border-bottom:1px solid rgba(11,26,46,.08); box-shadow:0 1px 8px rgba(11,26,46,.05); }
.yd-header-inner { display:flex; align-items:center; justify-content:space-between;
  height:70px; max-width:1200px; margin:0 auto; padding:0 24px; }
.yd-logo { display:flex; align-items:center; gap:6px; flex-shrink:0; text-decoration:none; }
.yd-logo-img { height:48px; width:68px; object-fit:contain; object-position:left center; margin-left:-4px; }
.yd-logo-brand { font-size:18px; font-weight:600; color:#0B1A2E; letter-spacing:2px; white-space:nowrap; }
.yd-nav { display:flex; align-items:center; gap:4px; }
.yd-nav a { font-size:18px; font-weight:900; color:#0B1A2E; text-decoration:none; padding:8px 14px;
  border-bottom:2px solid transparent; transition:color .2s,border-color .2s; white-space:nowrap; }
.yd-nav a:hover, .yd-nav a.active { color:#F5A623; border-bottom-color:#F5A623; }

/* —— 汉堡按钮 —— */
.yd-toggle { display:none; flex-direction:column; gap:5px; cursor:pointer;
  background:none; border:none; padding:8px; }
.yd-toggle span { display:block; width:22px; height:2px; background:#0B1A2E; transition:all .3s; }
.yd-toggle.open span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }
.yd-toggle.open span:nth-child(2) { opacity:0; }
.yd-toggle.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ========================================================================
   全站统一横幅底色（藏蓝渐变，以律师团队页为基准）
   覆盖各页 .hero / .page-hero / .page-banner 的原底色，关掉会让色调跑偏的
   遮罩层与装饰底图，保证九页横幅颜色完全一致。
   ======================================================================== */
.hero, .page-hero, .page-banner, .page-hero-bg {
  background: linear-gradient(135deg, #0a1628 0%, #0d1f3c 50%, #0a1628 100%) !important;
}
.page-hero-overlay { display:none !important; }   /* cases/articles 的变暗遮罩 */
.page-banner::before { display:none !important; }  /* about/contact 的淡底图 */

/* 横幅高度统一：cases/articles 原为固定 height:280px，改成与其他页一致的
   内边距撑开（约 padding:60px），高度向 关于/联系/律师 等页看齐。
   .page-hero 为 cases/articles 独有，不影响首页 index 的全屏 .hero。 */
/* 横幅高度精确统一：固定最小高度 + 垂直居中，强制四个内页横幅都等于律师页的 222px。
   （cases/articles 原 220px、about/contact 原 227px，行高/边距不同导致的细微差异在此抹平。）*/
.page-hero, .page-banner {
  min-height: 222px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 20px !important;
}
.page-hero-content { height:auto !important; }

/* ============================================================
   内页横幅标题 —— 全站唯一来源（各页内联 h1 字体声明已删除，统一由此控制）
   覆盖：cases/articles(.page-hero) · about/contact(.page-banner) · lawyers/areas(.inner-hero)
   首页 index 的全屏 .hero 不在此列（它的大标题保持 3.2rem，故用 .inner-hero 标记内页）。
   九个内页标题的字体 / 字号 / 字重 / 间距 / 行高 / 颜色全部在这一处统一，
   要整体调整只改这里即可，不必再去各页 HTML 里翻。
   ============================================================ */
.page-hero, .page-banner { border-top: 3px solid #F5A623 !important; border-bottom: 3px solid #F5A623 !important; }
.inner-hero { border-top: 3px solid #F5A623; border-bottom: 3px solid #F5A623; }
.page-hero h1,
.page-banner h1,
.inner-hero h1 {
  font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;
  font-size: 2.4rem !important;        /* 字号 */
  font-weight: 900 !important;         /* 字重 */
  letter-spacing: 2px !important;      /* 字间距 */
  line-height: 1.8 !important;         /* 行高 → 文字框高恒为 69.12px */
  color: #F5A623 !important;           /* 金色 */
  margin-bottom: 12px !important;
}
/* 响应式：三档断点同步缩放，所有内页标题保持一致 */
@media (max-width: 1024px) {
  .page-hero h1, .page-banner h1, .inner-hero h1 { font-size: 2rem !important; }
}
@media (max-width: 768px) {
  .page-hero h1, .page-banner h1, .inner-hero h1 { font-size: 1.6rem !important; }
}
@media (max-width: 480px) {
  .page-hero h1, .page-banner h1, .inner-hero h1 { font-size: 1.4rem !important; }
}
/* 内页副标题统一：about/contact 原是「首页 / X」面包屑（带跳转），现改为
   与 cases/articles 的 .page-hero-subtitle 一致的描述性副标题（同字体/字号/间距/颜色）。 */
.page-hero-subtitle, .page-banner-subtitle { color: #A9B6CF !important; }
.page-banner-subtitle {
  font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important;
  font-size: 1.05rem !important;
  letter-spacing: 3px !important;
}
.page-hero-gold-line, .banner-line { display: none !important; }  /* 去掉多余金线，与律师页一致 */
.page-banner::after { display: none !important; }                  /* 去掉 about/contact 原细金线，改用上面的实金边 */

/* —— 列表翻页器（经典案例 / 允道文章；只有超过 1 页时才显示）—— */
.pager { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin-top:48px; }
.pager:empty { display:none; }
.pager-btn { display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px;
  padding:0 14px; font-size:17px; font-weight:600; color:#0B1A2E; text-decoration:none;
  border:1px solid rgba(11,26,46,.15); border-radius:2px; background:#fff; transition:all .2s; }
.pager-btn:hover { border-color:#F5A623; color:#F5A623; }
.pager-btn.active { background:#F5A623; border-color:#F5A623; color:#0B1A2E; }
.pager-btn.disabled { opacity:.4; pointer-events:none; }

/* —— 移动端 —— */
@media (max-width:860px) {
  .yd-topbar-slogan { display:none; }
  .yd-topbar-inner { justify-content:center; }
  .yd-nav { display:none; position:absolute; top:70px; left:0; right:0; background:#fff;
    flex-direction:column; padding:8px 0; box-shadow:0 8px 24px rgba(0,0,0,.12); z-index:999; }
  .yd-nav.open { display:flex; }
  /* 菜单项保证 44px 最小点击高度 */
  .yd-nav a { padding:13px 20px; width:100%; border-bottom:1px solid rgba(11,26,46,.06);
    min-height:44px; display:flex; align-items:center; font-size:15px; }
  .yd-nav a:last-child { border-bottom:none; }
  /* 汉堡按钮满足 44px */
  .yd-toggle { display:flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; padding:0; }
  .yd-logo-brand { font-size:15px; }
  .yd-logo-img { height:38px; width:56px; }
}
/* 内页横幅副标题 480px 收紧 */
@media (max-width:480px) {
  .page-banner-subtitle { font-size:.9rem !important; letter-spacing:1px !important; }
  .page-hero-subtitle { font-size:.9rem !important; letter-spacing:1px !important; }
  .page-hero, .page-banner { padding:20px 16px !important; min-height:160px !important; }
}