/* DS_THEME_20261020 — 与登录/注册页同一套调性：浅灰底、白卡、青绿主色、克制排版 */
:root {
  --ds-bg: #F8FAFC;
  --ds-card: #FFFFFF;
  --ds-border: #E6EDF3;
  --ds-text: #0A1A26;
  --ds-text-2: #40596B;
  --ds-muted: #6B8296;
  --ds-primary: #0E7490;
  --ds-primary-2: #0A5C70;
  --ds-soft: #EDF7F9;
  --ds-radius: 16px;
  --ds-shadow: 0 2px 6px rgba(10, 26, 38, .04), 0 14px 36px rgba(10, 26, 38, .06);
}

html, body {
  background: var(--ds-bg) !important;
  color: var(--ds-text) !important;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* 旧顶栏统一隐藏（全站导航由 ds-nav.js 提供） */
.ds-subtop, .ds-subtop-back, header.top, .top:not(.dsnav) { display: none !important; }

/* 版心与节奏 */
.wrap { max-width: 1180px !important; margin: 0 auto !important; padding: 34px 24px 64px !important; }
@media (max-width: 760px) { .wrap { padding: 20px 14px 48px !important; } }

/* 页头 */
.wrap .head, .wrap > .main-col > .head { margin-bottom: 26px !important; }
.wrap .head h1, .wrap h1 {
  font-size: clamp(26px, 2.3vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  line-height: 1.32 !important;
  color: var(--ds-text) !important;
  margin: 0 0 10px !important;
}
.wrap .head h1 em, .wrap h1 em { font-style: normal !important; color: var(--ds-primary) !important; font-weight: 800 !important; }
.wrap .head p, .wrap > .head > p {
  font-size: clamp(13.5px, 1.05vw, 15.5px) !important;
  color: var(--ds-text-2) !important;
  line-height: 1.85 !important;
  margin: 0 !important;
  max-width: 880px;
}

/* 小节标题 */
.wrap h2, .wrap h3 {
  font-size: 20px !important; font-weight: 700 !important; color: var(--ds-text) !important;
  letter-spacing: .01em; margin: 30px 0 14px !important;
}

/* 卡片统一：白底、16 圆角、细描边、软阴影、悬停微抬 */
.zn-item, .deliver-card, .case-card, .lawyer-card, .lawyers-grid > *, .deliver-grid > *, .case-grid > *, .plan-compare {
  background: var(--ds-card) !important;
  border: 1px solid var(--ds-border) !important;
  border-radius: var(--ds-radius) !important;
  box-shadow: var(--ds-shadow) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.case-card:hover, .lawyer-card:hover, .lawyers-grid > *:hover, .deliver-card:hover {
  transform: translateY(-2px);
  border-color: var(--ds-c-cfe9ee) !important;
  box-shadow: 0 6px 14px rgba(10, 26, 38, .06), 0 18px 44px rgba(10, 26, 38, .08) !important;
}

/* 统计条 */
.stats .stat, .lawyer-stat {
  background: var(--ds-card) !important;
  border: 1px solid var(--ds-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 6px rgba(10,26,38,.04) !important;
}
.stats .stat b, .lawyer-stat b { color: var(--ds-primary) !important; font-weight: 800 !important; }
.stats .stat span, .lawyer-stat span { color: var(--ds-muted) !important; font-size: 12px !important; }

/* 标签 / 筛选 */
.chip, .lawyer-tag, .tag {
  border-radius: 999px !important;
  border: 1px solid var(--ds-border) !important;
  background: var(--ds-c-fff) !important;
  color: var(--ds-text-2) !important;
  font-size: 13px !important;
  padding: 6px 14px !important;
  transition: .15s;
}
.chip:hover, .lawyer-tag:hover { border-color: var(--ds-c-cfe9ee) !important; color: var(--ds-primary) !important; background: var(--ds-soft) !important; }
.chip.active, .chip.on { background: var(--ds-soft) !important; border-color: var(--ds-c-bfe4ea) !important; color: var(--ds-primary) !important; font-weight: 700 !important; }

/* 按钮 */
.wrap .btn, .wrap .cta, .wrap button.primary {
  border-radius: 12px !important;
  font-weight: 700 !important;
}
.wrap .btn-primary, .wrap .cta.primary {
  background: linear-gradient(135deg, var(--ds-primary), var(--ds-primary-2)) !important;
  color: var(--ds-c-fff) !important; border: none !important;
  box-shadow: 0 8px 20px rgba(14, 116, 144, .18) !important;
}

/* 表格 */
.wrap table { border-collapse: separate !important; border-spacing: 0; width: 100%; }
.wrap table th {
  background: var(--ds-c-f3f7fa) !important; color: var(--ds-text-2) !important;
  font-weight: 700 !important; font-size: 13px !important;
  padding: 12px 14px !important; border-bottom: 1px solid var(--ds-border) !important;
}
.wrap table td { padding: 12px 14px !important; border-bottom: 1px solid var(--ds-c-f0f4f7) !important; font-size: 14px !important; color: var(--ds-text-2) !important; }

/* 正文与声明块 */
.wrap p, .wrap li { color: var(--ds-text-2); }
.wrap strong { color: var(--ds-text); }
.zd-notice, .notice, .disclaimer {
  background: var(--ds-c-fbfdfe) !important; border: 1px solid var(--ds-border) !important;
  border-radius: var(--ds-radius) !important; padding: 20px 22px !important;
}

/* 页脚 */
footer, .footer { color: var(--ds-muted) !important; font-size: 12px !important; }


/* ===== 第二轮细化（2026-10-20）：页头左对齐、卡片内距、按钮统一、选中态强化 ===== */
.wrap .head, .wrap .head-flex { text-align: left !important; align-items: flex-start !important; }
.wrap .head p { margin-top: 2px !important; }

.lawyer-card { background: var(--ds-c-fff) !important; padding: 22px !important; }
.lawyer-card .actions { gap: 10px !important; margin-top: 16px !important; }
.lawyer-card .actions button, .lawyer-card .actions a.btn,
.lawyer-card button.more, .lawyer-card button.pick {
  height: 40px !important; border-radius: 8px !important; font-size: 14px !important;
  font-weight: 700 !important; cursor: pointer; transition: .18s; font-family: inherit;
}
.lawyer-card button.pick {
  background: linear-gradient(135deg, var(--ds-primary), var(--ds-primary-2)) !important;
  color: var(--ds-c-fff) !important; border: none !important;
  box-shadow: 0 6px 16px rgba(14,116,144,.20) !important;
}
.lawyer-card button.pick:hover { filter: brightness(1.06); }
.lawyer-card button.more {
  background: var(--ds-c-fff) !important; color: var(--ds-text-2) !important;
  border: 1px solid var(--ds-c-dce7ef) !important;
}
.lawyer-card button.more:hover { border-color: var(--ds-c-bfe4ea) !important; color: var(--ds-primary) !important; }

/* 选中标签更明确 */
.chip.active, .chip.on {
  background: var(--ds-soft) !important;
  border-color: var(--ds-c-8fd3dc) !important;
  color: var(--ds-primary) !important;
  box-shadow: inset 0 0 0 1px rgba(14,116,144,.15);
}

/* 卡片内信息层级 */
.lawyer-card .lawyer-name { font-size: 16px !important; font-weight: 800 !important; }
.lawyer-card .lawyer-info { color: var(--ds-muted) !important; line-height: 1.7 !important; }
.lawyer-card .lawyer-tags { gap: 8px !important; margin: 12px 0 !important; }
.lawyer-card .lawyer-stats { margin-top: 14px !important; gap: 10px !important; }

/* 报告样本页交付卡与对比表 */
.deliver-card { padding: 20px !important; }
.plan-compare { padding: 0 !important; overflow: hidden; }
.plan-compare-tb th { background: var(--ds-c-f3f7fa) !important; }


/* ===== 第三轮：全站导航样式锁定（防止页面旧样式覆盖 CTA 文字颜色） ===== */
.dsnav .dsn-links a { color: var(--ds-c-3d5a6e) !important; text-decoration: none !important; }
.dsnav .dsn-links a.on { color: var(--ds-c-0e7490) !important; font-weight: 700 !important; background: var(--ds-c-edf7f9) !important; border-color: var(--ds-c-cfe9ee) !important; }
.dsnav .dsn-links a.cta,
.dsnav .dsn-links a.cta:link,
.dsnav .dsn-links a.cta:visited,
.dsnav .dsn-links a.cta:hover {
  color: var(--ds-c-ffffff) !important;
  background: linear-gradient(135deg, var(--ds-c-0e7490), var(--ds-c-0a5c70)) !important;
  border: none !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
.dsnav { z-index: 1200 !important; }


/* ===== 修正：交付卡四列挤压（2026-10-20）===== */
.deliver-card { padding: 18px !important; }
.deliver-card .dc-tier { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; gap: 6px 8px !important; }
.deliver-card .dc-tier > b { font-size: 16px !important; }
.deliver-card .dc-tag { font-size: 12px !important; padding: 2px 7px !important; border-radius: 8px !important; }
.deliver-card .dc-chap {
  flex-basis: 100% !important; margin-left: 0 !important; margin-top: 2px !important;
  font-size: 12px !important; padding: 2px 8px !important; line-height: 1.6 !important;
  white-space: normal !important;
}
.deliver-grid { gap: 14px !important; align-items: stretch !important; }


/* ===== 大屏适配（2026-10-20 第1块）：≥1920 放宽版心，收掉左右大片空白 ===== */
@media (min-width: 1920px) {
  .wrap { max-width: 1320px !important; padding-top: 30px !important; }
  .wrap .head { margin-bottom: 22px !important; }
  .zd-notice { padding: 24px 26px !important; }
  .zn-alert { font-size: 14px !important; }
  .zn-q { padding: 16px 18px !important; }
  .zn-q span { font-size: 13px !important; }
}
@media (min-width: 2400px) {
  .wrap { max-width: 1400px !important; }
}