/* ============================================================
   pages-model.css v1.0
   覆盖：model_show.html / model_list.html / category.html (模型库)
   依赖：design-tokens.css / components.css / animations.css
   ============================================================ */

/* ─────────────── 模型 Hero 区（详情页头部）─────────────── */
.model-hero {
  position: relative;
  padding: var(--space-12) 0 var(--space-16);
  /* 与 cta-hero 同源：底层 135deg 全覆盖，避免 radial 留白 */
  background: linear-gradient(135deg, #f0f4ff 0%, #ffe9d9 100%);
  overflow: hidden;
  isolation: isolate;
}
/* 双层光斑：错频漂移、soft-light 叠加，全程覆盖 */
.model-hero::before,
.model-hero::after {
  content: '';
  position: absolute;
  inset: -20%;
  z-index: -1;
  pointer-events: none;
}
.model-hero::before {
  background:
    radial-gradient(circle at 20% 50%, rgba(147, 180, 255, 0.55), transparent 50%),
    radial-gradient(circle at 80% 35%, rgba(255, 138, 61, 0.30), transparent 50%);
  animation: cta-glow-drift 18s ease-in-out infinite alternate;
}
.model-hero::after {
  background:
    radial-gradient(circle at 50% 25%, rgba(37, 99, 235, 0.18), transparent 45%),
    radial-gradient(circle at 50% 80%, rgba(255, 106, 0, 0.16), transparent 45%);
  animation: cta-glow-drift-2 22s ease-in-out infinite alternate;
  mix-blend-mode: soft-light;
}
/* 兼容旧标记：留空保留无副作用 */
.model-hero__glow { display: none; }
.model-hero__brand {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.model-hero__brand img {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.6);
  padding: 4px;
}
.model-hero__title {
  font-size: clamp(2rem, 4vw, var(--text-4xl));
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-3);
  color: var(--text-primary);
  line-height: 1.2;
}
.model-hero__title em {
  font-style: normal;
  /* 流动多色渐变 — 6s 一轮 */
  background: linear-gradient(
    90deg,
    var(--brand-primary) 0%,
    var(--accent-blue-500) 33%,
    var(--data-purple) 66%,
    var(--brand-primary) 100%
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  animation: cta-title-shimmer 6s linear infinite;
}
.model-hero__lead {
  font-size: var(--text-lg);
  color: var(--text-secondary);
  margin: 0 0 var(--space-4);
  max-width: 720px;
}
.model-hero__verified {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(16, 185, 129, 0.3);
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  color: var(--data-green);
}
.model-hero__cta {
  display: flex;
  gap: var(--space-3);
  margin-top: var(--space-6);
  flex-wrap: wrap;
}

/* ─────────────── 核心参数表（玻璃卡）─────────────── */
.model-spec {
  margin-top: var(--space-8);
}
.model-spec__table {
  width: 100%;
  border-collapse: collapse;
}
.model-spec__table th,
.model-spec__table td {
  padding: var(--space-3) var(--space-4);
  border-bottom: 1px solid var(--border-soft);
  text-align: left;
  font-size: var(--text-sm);
}
.model-spec__table th {
  width: 32%;
  font-weight: var(--fw-medium);
  color: var(--text-tertiary);
}
.model-spec__table td {
  color: var(--text-primary);
}
.model-spec__table tr.highlight th,
.model-spec__table tr.highlight td {
  background: var(--brand-primary-soft);
}
.model-spec__table tr.highlight td b {
  color: var(--brand-primary);
  font-family: var(--font-mono);
  font-size: var(--text-base);
}

/* ─────────────── 优劣势 / 场景 ─────────────── */
.model-proscons {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
}
@media (min-width: 768px) {
  .model-proscons { grid-template-columns: 1fr 1fr; }
}
.model-proscons__col {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
}
.model-proscons__col h3 {
  font-size: var(--text-xl);
  margin: 0 0 var(--space-4);
}
.model-proscons__col--pros h3 { color: var(--data-green); }
.model-proscons__col--cons h3 { color: var(--data-amber); }

.model-proscons__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  list-style: none;
  padding: 0;
  margin: 0;
}
.model-proscons__list li {
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
}
.model-proscons__col--pros .model-proscons__list li {
  background: #ecfdf5;
  color: #065f46;
}
.model-proscons__col--cons .model-proscons__list li {
  background: #fffbeb;
  color: #92400e;
}

.model-bestfor {
  margin-top: var(--space-6);
  padding: var(--space-6);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
}
.model-bestfor h3 {
  font-size: var(--text-xl);
  margin: 0 0 var(--space-4);
}
.model-bestfor__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

/* ─────────────── 代码示例 Tab ─────────────── */
.code-tabs {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.code-tabs__nav {
  display: flex;
  background: var(--bg-soft);
  border-bottom: 1px solid var(--border-base);
}
.code-tabs__nav button {
  padding: 12px 24px;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  font-weight: var(--fw-medium);
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--duration-fast);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
}
.code-tabs__nav button:hover {
  color: var(--brand-primary);
}
.code-tabs__nav button.active {
  color: var(--brand-primary);
  border-bottom-color: var(--brand-primary);
}
.code-tabs__panel {
  display: none;
  padding: var(--space-4);
}
.code-tabs__panel.active {
  display: block;
}
.code-tabs__panel pre {
  margin: 0;
  background: #1e1e2e;
  color: #cdd6f4;
  padding: var(--space-5);
  border-radius: var(--radius-md);
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.6;
}
.code-tabs__panel pre code {
  color: inherit;
  background: transparent;
  padding: 0;
}

/* dm-code: 代码块容器（含复制按钮）*/
.dm-code {
  position: relative;
  margin: 0;
}
.dm-code__copy {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  padding: 4px 12px;
  background: rgba(255, 255, 255, 0.1);
  color: #cdd6f4;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-family: var(--font-mono);
  cursor: pointer;
  transition: background var(--duration-fast);
}
.dm-code__copy:hover {
  background: rgba(255, 255, 255, 0.2);
}
.dm-code__pre {
  margin: 0;
  background: #1e1e2e;
  color: #cdd6f4;
  padding: var(--space-5);
  padding-right: 72px; /* 避让复制按钮 */
  border-radius: var(--radius-md);
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.6;
  white-space: pre;
}
.dm-code__pre code {
  color: inherit;
  background: transparent;
  padding: 0;
  font-family: inherit;
}

/* ─────────────── Benchmark 数据 ─────────────── */
.benchmark {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
}
.benchmark__caption {
  margin-bottom: var(--space-4);
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}
.benchmark__table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
}
/* 横向滚动包装（窄屏价格表 / benchmark 表用）*/
.dm-table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-lg);
}
.dm-table-scroll::-webkit-scrollbar { height: 6px; }
.dm-table-scroll::-webkit-scrollbar-thumb { background: var(--border-base); border-radius: 3px; }
.dm-table-scroll .benchmark__table td,
.dm-table-scroll .benchmark__table th { white-space: nowrap; }
.benchmark__table th,
.benchmark__table td {
  padding: var(--space-3);
  text-align: left;
  border-bottom: 1px solid var(--border-soft);
}
.benchmark__table th {
  font-weight: var(--fw-semibold);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.benchmark__table td.score {
  font-family: var(--font-mono);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
  color: var(--brand-primary);
}

/* ─────────────── 推荐对比 / 相关模型卡片网格 ─────────────── */
.model-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}
@media (min-width: 640px) { .model-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .model-grid { grid-template-columns: repeat(3, 1fr); } }

.model-card {
  display: block;
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  text-decoration: none !important;
  color: var(--text-primary) !important;
  transition: transform var(--duration-base) var(--ease-smooth),
              box-shadow var(--duration-base) var(--ease-smooth),
              border-color var(--duration-base);
}
.model-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--brand-primary);
}
.model-card__brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}
.model-card__brand img {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-sm);
}
.model-card__vendor {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}
.model-card__title {
  font-size: var(--text-lg);
  font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
}
.model-card__summary {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  margin: 0 0 var(--space-4);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.model-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-soft);
}
.model-card__price {
  font-family: var(--font-mono);
  font-weight: var(--fw-bold);
  color: var(--brand-primary);
  font-size: var(--text-base);
  font-variant-numeric: tabular-nums;
}
.model-card__caps {
  display: flex;
  gap: 4px;
}
.model-card__caps .cap {
  font-size: 14px;
  opacity: 0.7;
  cursor: help;
}

/* ─────────────── FAQ ─────────────── */
.faq {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.faq__item {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: border-color var(--duration-base);
}
.faq__item[open] {
  border-color: var(--brand-primary);
}
.faq__item summary {
  padding: var(--space-4) var(--space-5);
  font-weight: var(--fw-semibold);
  font-size: var(--text-base);
  cursor: pointer;
  list-style: none;
  position: relative;
  padding-right: 48px;
}
.faq__item summary::-webkit-details-marker { display: none; }
.faq__item summary::after {
  content: '+';
  position: absolute;
  right: var(--space-5);
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--text-2xl);
  color: var(--brand-primary);
  transition: transform var(--duration-base);
}
.faq__item[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
}
.faq__item__body {
  padding: 0 var(--space-5) var(--space-5);
  color: var(--text-secondary);
  line-height: 1.7;
}

/* ─────────────── 列表页（vendor 子栏目）筛选条 ─────────────── */
.model-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  padding: var(--space-4);
  background: var(--bg-soft);
  border-radius: var(--radius-lg);
  margin-bottom: var(--space-6);
}
.model-filters__select {
  padding: 8px 14px;
  border: 1px solid var(--border-base);
  border-radius: var(--radius-md);
  background: var(--bg-paper);
  font-size: var(--text-sm);
  color: var(--text-primary);
  cursor: pointer;
}
.model-filters__select:focus {
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 3px var(--brand-primary-soft);
}

/* ─────────────── Vendor 厂商索引页头部（list.html）─────────────── */
.vendor-header {
  text-align: center;
  padding: var(--space-12) 0 var(--space-8);
}
.vendor-header__logo {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--space-4);
  border-radius: var(--radius-xl);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3);
}
.vendor-header__logo img { max-width: 100%; max-height: 100%; }
.vendor-header__name {
  font-size: var(--text-3xl);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-2);
}
.vendor-header__count {
  display: inline-block;
  padding: 4px 12px;
  background: var(--brand-primary-soft);
  color: var(--brand-primary);
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
}
.vendor-header__desc {
  margin-top: var(--space-3);
  color: var(--text-secondary);
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* ─────────────── Vendor 卡片（频道页 category.html 用） ─────────────── */
.vendor-card {
  display: block;
  background: linear-gradient(135deg, var(--bg-paper) 0%, var(--bg-soft) 100%);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  text-align: center;
  text-decoration: none !important;
  transition: all var(--duration-base) var(--ease-smooth);
}
.vendor-card:hover {
  transform: translateY(-8px);
  box-shadow: var(--shadow-glow-orange);
  border-color: var(--brand-primary);
}
.vendor-card__logo {
  width: 64px;
  height: 64px;
  margin: 0 auto var(--space-4);
  background: var(--bg-paper);
  border-radius: var(--radius-lg);
  padding: var(--space-2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.vendor-card__logo img {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.vendor-card__name {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  color: var(--text-primary);
  margin: 0 0 var(--space-2);
}
.vendor-card__count {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}

/* ─────────────── 底部 CTA Hero（炫酷动画版）─────────────── */
.cta-hero {
  position: relative;
  padding: var(--space-20) 0;
  overflow: hidden;
  isolation: isolate;
  /* 全程覆盖背景（不依赖 ::before/glow，避免边缘漏底色） */
  background:
    linear-gradient(135deg, #f0f4ff 0%, #ffe9d9 100%);
  text-align: center;
}
/* 多层动态光斑 — 持续漂移、覆盖整个区域 */
.cta-hero::before,
.cta-hero::after {
  content: '';
  position: absolute;
  inset: -20%;
  z-index: -1;
  pointer-events: none;
}
.cta-hero::before {
  background:
    radial-gradient(circle at 20% 50%, rgba(147, 180, 255, 0.55), transparent 50%),
    radial-gradient(circle at 80% 50%, rgba(255, 138, 61, 0.30), transparent 50%);
  animation: cta-glow-drift 18s ease-in-out infinite alternate;
}
.cta-hero::after {
  background:
    radial-gradient(circle at 50% 30%, rgba(37, 99, 235, 0.18), transparent 45%),
    radial-gradient(circle at 50% 80%, rgba(255, 106, 0, 0.16), transparent 45%);
  animation: cta-glow-drift-2 22s ease-in-out infinite alternate;
  mix-blend-mode: soft-light;
}
@keyframes cta-glow-drift {
  0%   { transform: translate(0, 0) scale(1); }
  50%  { transform: translate(3%, -2%) scale(1.05); }
  100% { transform: translate(-3%, 2%) scale(1); }
}
@keyframes cta-glow-drift-2 {
  0%   { transform: translate(0, 0) scale(1.05); }
  50%  { transform: translate(-2%, 3%) scale(1); }
  100% { transform: translate(2%, -3%) scale(1.05); }
}

.cta-hero__title {
  font-size: clamp(1.8rem, 4vw, var(--text-5xl));
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-3);
  line-height: 1.2;
  /* 流动多色渐变标题 */
  background: linear-gradient(
    90deg,
    var(--brand-primary) 0%,
    var(--accent-blue-500) 33%,
    var(--data-purple) 66%,
    var(--brand-primary) 100%
  );
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  animation: cta-title-shimmer 6s linear infinite;
}
@keyframes cta-title-shimmer {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
.cta-hero__sub {
  font-size: var(--text-lg);
  color: var(--text-secondary);
  margin: 0 0 var(--space-8);
}
.cta-hero__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
}

/* ─────────────── 厂商切换条（model_list.html）─────────────── */
.vendor-switcher {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}
.vendor-switcher__label {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  font-weight: var(--fw-medium);
}
.vendor-switcher__item {
  display: inline-block;
  padding: 6px 14px;
  border-radius: var(--radius-pill);
  font-size: var(--text-sm);
  color: var(--text-secondary) !important;
  background: var(--bg-soft);
  text-decoration: none !important;
  transition: all var(--duration-base) var(--ease-smooth);
  border: 1px solid transparent;
}
.vendor-switcher__item:hover {
  background: var(--brand-primary-soft);
  color: var(--brand-primary) !important;
  transform: translateY(-1px);
}
.vendor-switcher__item.is-active {
  background: var(--brand-primary);
  color: #fff !important;
  font-weight: var(--fw-semibold);
}

/* ─────────────── 分页（覆盖 ThinkPHP/Bootstrap 默认）─────────────── */
.dm-pagination .pagination,
.dm-pagination ul {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.dm-pagination li,
.dm-pagination .page-item { list-style: none; }
.dm-pagination li::before,
.dm-pagination .page-item::before { content: none !important; }
.dm-pagination a,
.dm-pagination span,
.dm-pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 12px;
  border-radius: var(--radius-md);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  color: var(--text-secondary) !important;
  text-decoration: none !important;
  font-size: var(--text-sm);
  transition: all var(--duration-base) var(--ease-smooth);
}
.dm-pagination a:hover,
.dm-pagination .page-link:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary) !important;
  transform: translateY(-1px);
}
.dm-pagination .active a,
.dm-pagination .active span,
.dm-pagination .page-item.active .page-link,
.dm-pagination li.active span {
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  color: #fff !important;
}
.dm-pagination .disabled a,
.dm-pagination .disabled span,
.dm-pagination .page-item.disabled .page-link {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

/* ─────────────── 空状态 ─────────────── */
.dm-empty {
  background: var(--bg-soft);
  border-radius: var(--radius-lg);
  border: 1px dashed var(--border-base);
}

/* ─────────────── 开发文档双栏布局 ─────────────── */
.docs-section { padding: var(--space-8) 0 var(--space-12); }

.docs-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  align-items: start;
}
@media (min-width: 1024px) {
  .docs-layout { grid-template-columns: 260px 1fr; gap: var(--space-8); }
}

/* 侧边栏 */
.docs-sidebar {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-3);
}
@media (min-width: 1024px) {
  .docs-sidebar {
    position: sticky;
    top: var(--space-4);
    max-height: calc(100vh - var(--space-8));
    overflow-y: auto;
  }
}
.docs-sidebar__inner { padding: var(--space-1); }
.docs-sidebar__group {
  margin-bottom: var(--space-2);
  border-radius: var(--radius-sm);
}
.docs-sidebar__group:last-child { margin-bottom: 0; }

/* 折叠：summary 是可点击的组标题（折叠/展开触发器）*/
.docs-sidebar__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2);
  border-radius: var(--radius-sm);
  cursor: pointer;
  list-style: none;
  transition: background var(--duration-fast);
  user-select: none;
}
.docs-sidebar__summary::-webkit-details-marker,
.docs-sidebar__summary::marker { display: none; content: ''; }
.docs-sidebar__summary:hover { background: var(--bg-soft); }
.docs-sidebar__group.is-active-group > .docs-sidebar__summary { background: var(--brand-primary-soft); }

/* 组标题（summary 内的链接）*/
.docs-sidebar__group-link {
  flex: 1;
  min-width: 0;
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  color: var(--text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color var(--duration-fast);
}
.docs-sidebar__group-link:hover { color: var(--brand-primary); }
.docs-sidebar__group-link.is-active,
.docs-sidebar__group.is-active-group > .docs-sidebar__summary .docs-sidebar__group-link {
  color: var(--brand-primary);
}

/* 折叠箭头：折叠时 ▸ 右，展开时 ▾ 下 */
.docs-sidebar__chevron {
  flex: none;
  width: 14px;
  height: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  line-height: 1;
  color: var(--text-tertiary);
  transition: color var(--duration-fast), transform var(--duration-base) var(--ease-smooth);
}
.docs-sidebar__chevron::before {
  content: '▸';
  display: inline-block;
  transition: transform var(--duration-base) var(--ease-smooth);
}
details[open] > .docs-sidebar__summary .docs-sidebar__chevron::before {
  transform: rotate(90deg);  /* ▸ 旋转 90° → ▾ 向下 */
}
.docs-sidebar__summary:hover .docs-sidebar__chevron { color: var(--brand-primary); }
.docs-sidebar__list {
  list-style: none;
  padding: var(--space-1) 0 var(--space-2) var(--space-3);
  margin: 0;
}
.docs-sidebar__list li { margin: 0; list-style: none; }
.docs-sidebar__list li::before { content: none !important; }
.docs-sidebar__item {
  display: block;
  padding: 6px var(--space-3);
  font-size: var(--text-sm);
  color: var(--text-secondary);
  text-decoration: none;
  border-radius: var(--radius-sm);
  margin-bottom: 2px;
  border-left: 2px solid transparent;
  transition: all var(--duration-fast);
  word-break: break-word;
  line-height: 1.5;
}
.docs-sidebar__item:hover {
  background: var(--bg-soft);
  color: var(--brand-primary);
  border-left-color: var(--border-base);
}
.docs-sidebar__item.is-active {
  background: var(--brand-primary-soft);
  color: var(--brand-primary);
  border-left-color: var(--brand-primary);
  font-weight: var(--fw-medium);
}

/* 主内容区 */
.docs-main {
  min-width: 0;  /* grid overflow fix */
}
.docs-article__header {
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}
.docs-article__title {
  font-size: clamp(1.6rem, 3vw, var(--text-3xl));
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-3);
  color: var(--text-primary);
  line-height: 1.3;
}
.docs-article__lead {
  font-size: var(--text-base);
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--space-3);
}
.docs-article__meta {
  display: flex;
  gap: var(--space-4);
  flex-wrap: wrap;
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}
.docs-article__meta i { margin-right: 4px; color: var(--text-disabled); }

.docs-article__body {
  max-width: none;           /* 覆盖 .article-content 的 max-width:880px */
  margin: 0;
  padding: var(--space-8) var(--space-6);
}
.docs-article__list { margin-top: var(--space-2); }

/* 频道页用的子栏目卡 */
.doc-cat-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 640px) { .doc-cat-grid { grid-template-columns: repeat(2, 1fr); } }
.doc-cat-card {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  text-decoration: none !important;
  transition: all var(--duration-base) var(--ease-smooth);
}
.doc-cat-card:hover {
  transform: translateY(-3px);
  border-color: var(--brand-primary);
  box-shadow: var(--shadow-md);
}
.doc-cat-card__icon {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: var(--bg-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.doc-cat-card__title {
  margin: 0 0 4px;
  font-size: var(--text-lg);
  font-weight: var(--fw-semibold);
  color: var(--text-primary);
}
.doc-cat-card__count {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}

/* ─────────────── 关联文章卡（article_search 返回的教程文章）─────────────── */
.article-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 768px) { .article-list { grid-template-columns: repeat(2, 1fr); } }
.article-card {
  display: block;
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  text-decoration: none !important;
  color: var(--text-primary) !important;
  transition: transform var(--duration-base) var(--ease-smooth),
              box-shadow var(--duration-base) var(--ease-smooth),
              border-color var(--duration-base);
}
.article-card:hover {
  transform: translateY(-4px);
  border-color: var(--brand-primary);
  box-shadow: var(--shadow-md);
}
.article-card__title {
  font-size: var(--text-base);
  font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.article-card__title::before {
  content: '📄';
  flex: none;
}
.article-card__desc {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--space-3);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.article-card__meta {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}
.article-card__meta a { color: var(--accent-blue-500); text-decoration: none; }

/* ─────────────── 首页：核心价值 / 应用场景卡 ─────────────── */
.value-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}
@media (min-width: 640px) { .value-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .value-grid { grid-template-columns: repeat(4, 1fr); } }

.value-card {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  transition: transform var(--duration-base) var(--ease-smooth),
              box-shadow var(--duration-base) var(--ease-smooth),
              border-color var(--duration-base);
  text-align: left;
}
.value-card:hover {
  transform: translateY(-6px);
  border-color: var(--brand-primary);
  box-shadow: var(--shadow-lg);
}
.value-card__icon {
  width: 56px;
  height: 56px;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-bottom: var(--space-4);
  box-shadow: var(--shadow-md);
}
.value-card__title {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-3);
  color: var(--text-primary);
}
.value-card__desc {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}

/* ─────────────── 首页：3 步接入流程 ─────────────── */
.steps-flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
  position: relative;
}
@media (min-width: 768px) {
  .steps-flow {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-6);
  }
}
.step-card {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-xl);
  padding: var(--space-8) var(--space-6) var(--space-6);
  position: relative;
  text-align: left;
}
.step-card__num {
  position: absolute;
  top: -18px;
  left: var(--space-6);
  width: 56px;
  height: 56px;
  border-radius: var(--radius-pill);
  background: linear-gradient(135deg, var(--brand-primary), var(--accent-blue-500));
  color: #fff;
  font-family: var(--font-mono);
  font-weight: var(--fw-black);
  font-size: var(--text-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-glow-orange);
}
.step-card__title {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  margin: var(--space-3) 0 var(--space-3);
  color: var(--text-primary);
}
.step-card__desc {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}
.step-card__desc code {
  background: var(--bg-soft);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  color: var(--brand-primary);
}

/* ─────────────── 对比页 VS 双卡 ─────────────── */
.vs-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
  align-items: stretch;
}
@media (min-width: 900px) {
  .vs-grid {
    grid-template-columns: 1fr 80px 1fr;
    gap: var(--space-6);
  }
}
.vs-card {
  display: block;
  position: relative;
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  text-decoration: none !important;
  color: var(--text-primary) !important;
  transition: all var(--duration-base) var(--ease-smooth);
}
.vs-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
}
.vs-card.is-winner {
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.18), var(--shadow-md);
}
.vs-card--b.is-winner {
  border-color: var(--accent-blue-500);
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18), var(--shadow-md);
}
.vs-card__crown {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--brand-primary);
  color: #fff;
  padding: 4px 14px;
  border-radius: var(--radius-pill);
  font-size: var(--text-xs);
  font-weight: var(--fw-bold);
  white-space: nowrap;
}
.vs-card--b.is-winner .vs-card__crown { background: var(--accent-blue-500); }
.vs-card__brand {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
  font-size: var(--text-sm);
  color: var(--text-secondary);
}
.vs-card__brand img { width: 28px; height: 28px; border-radius: var(--radius-sm); }
.vs-card__title {
  font-size: var(--text-2xl);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-3);
}
.vs-card__summary {
  color: var(--text-secondary);
  margin: 0 0 var(--space-5);
  line-height: 1.6;
}
.vs-card__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-3);
  padding-top: var(--space-4);
  border-top: 1px solid var(--border-soft);
}
.vs-card__stats > div {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.vs-card__stats b {
  font-size: var(--text-xl);
  color: var(--text-primary);
}
.vs-card__stats small {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
}

.vs-divider {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.vs-divider__badge {
  width: 64px;
  height: 64px;
  border-radius: var(--radius-pill);
  background: linear-gradient(135deg, var(--brand-primary), var(--accent-blue-500));
  color: #fff;
  font-family: var(--font-mono);
  font-weight: var(--fw-black);
  font-size: var(--text-2xl);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-glow-orange);
}

/* 评分胶囊 */
.score-pill {
  display: inline-block;
  padding: 4px 14px;
  border-radius: var(--radius-pill);
  background: var(--bg-soft);
  color: var(--text-secondary);
  font-family: var(--font-mono);
  font-weight: var(--fw-bold);
  font-variant-numeric: tabular-nums;
  font-size: var(--text-base);
}
.score-pill.is-winner {
  background: var(--brand-primary);
  color: #fff;
}

/* ─────────────── 应用场景页 Hero（带工具 logo） ─────────────── */
.case-hero {
  display: flex;
  gap: var(--space-6);
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) { .case-hero { flex-direction: column; } }
.case-hero__logo {
  flex: none;
  width: 96px;
  height: 96px;
  border-radius: var(--radius-xl);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3);
}
.case-hero__logo img { max-width: 100%; max-height: 100%; }
.case-hero__body { flex: 1; min-width: 0; }
.case-hero__tags {
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
  margin-bottom: var(--space-3);
}

/* ─────────────── 文章页（通用 cms_article） ─────────────── */
.article-hero {
  padding: var(--space-12) 0 var(--space-8);
  background: linear-gradient(180deg, var(--bg-soft) 0%, var(--bg-base) 100%);
  border-bottom: 1px solid var(--border-base);
}
.article-hero__inner {
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
}
.article-hero__title {
  font-size: clamp(1.6rem, 3.5vw, var(--text-4xl));
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-4);
  color: var(--text-primary);
  line-height: 1.3;
}
.article-hero__lead {
  font-size: var(--text-lg);
  color: var(--text-secondary);
  margin: 0 0 var(--space-5);
  line-height: 1.7;
}
.article-hero__meta {
  display: flex;
  justify-content: center;
  gap: var(--space-5);
  flex-wrap: wrap;
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}
.article-hero__meta > span i { margin-right: 4px; color: var(--text-disabled); }

.article-content {
  max-width: 880px;
  margin: 0 auto;
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-10) var(--space-8);
  color: var(--text-primary);
  line-height: 1.8;
  font-size: var(--text-base);
}
.article-content h2 {
  font-size: var(--text-2xl);
  font-weight: var(--fw-bold);
  margin: var(--space-8) 0 var(--space-4);
  padding-left: var(--space-3);
  border-left: 4px solid var(--brand-primary);
}
.article-content h3 {
  font-size: var(--text-xl);
  font-weight: var(--fw-semibold);
  margin: var(--space-6) 0 var(--space-3);
}
.article-content p { margin: 0 0 var(--space-4); }
.article-content ul, .article-content ol { padding-left: var(--space-6); margin: 0 0 var(--space-4); }
.article-content li { margin-bottom: var(--space-2); }
.article-content code {
  background: var(--bg-soft);
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 0.92em;
  color: var(--brand-primary);
  font-family: var(--font-mono);
}
.article-content pre {
  background: #1e1e2e;
  color: #cdd6f4;
  padding: var(--space-5);
  border-radius: var(--radius-md);
  overflow-x: auto;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: 1.6;
  margin: var(--space-4) 0;
}
.article-content pre code { background: transparent; padding: 0; color: inherit; }
.article-content blockquote {
  border-left: 4px solid var(--accent-blue-500);
  background: var(--bg-soft);
  padding: var(--space-4) var(--space-5);
  margin: var(--space-4) 0;
  color: var(--text-secondary);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.article-content table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--space-4) 0;
}
.article-content th, .article-content td {
  padding: var(--space-3);
  border-bottom: 1px solid var(--border-soft);
  text-align: left;
}
.article-content th { background: var(--bg-soft); font-weight: var(--fw-semibold); }
.article-content a { color: var(--accent-blue-500); }
.article-content img { max-width: 100%; height: auto; border-radius: var(--radius-md); }

/* ─────────────── 标签云（/tags/{id}/ 用） ─────────────── */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
  justify-content: center;
  max-width: 960px;
  margin: 0 auto;
}
.tag-cloud__item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-pill);
  color: var(--text-secondary) !important;
  text-decoration: none !important;
  font-size: var(--text-sm);
  transition: all var(--duration-base) var(--ease-smooth);
}
.tag-cloud__item:hover {
  border-color: var(--brand-primary);
  color: var(--brand-primary) !important;
  background: var(--brand-primary-soft);
  transform: translateY(-2px);
}
.tag-cloud__item small {
  font-size: 11px;
  color: var(--text-tertiary);
  font-weight: var(--fw-medium);
}
.tag-cloud__item:hover small { color: var(--brand-primary); }

/* 标签首页：A-Z 字母分组 */
.tag-alpha {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.tag-alpha__group {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: var(--space-4);
  align-items: start;
  padding-bottom: var(--space-5);
  border-bottom: 1px solid var(--border-soft);
}
.tag-alpha__group:last-child { border-bottom: 0; }
.tag-alpha__letter {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, var(--brand-primary), var(--accent-blue-500));
  color: #fff;
  font-family: var(--font-mono);
  font-weight: var(--fw-black);
  font-size: var(--text-xl);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--shadow-md);
}
.tag-alpha__items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

/* 热门标签的强调变体 */
.tag-cloud--featured {
  margin-bottom: var(--space-4);
}
.tag-cloud__item--featured {
  background: var(--brand-primary-soft);
  border-color: var(--brand-primary);
  color: var(--brand-primary) !important;
  font-weight: var(--fw-semibold);
}
.tag-cloud__item--featured:hover {
  background: var(--brand-primary);
  color: #fff !important;
}
.tag-cloud__item--featured small { color: inherit; opacity: 0.8; }

/* ═════════════════════════════════════════════════════════════
   关于我们（corporate）—— 大气、简介、突出正规性
   ─────────────────────────────────────────────────────────── */
.corp-section { padding: var(--space-16) 0; }
@media (max-width: 767px) { .corp-section { padding: var(--space-10) 0; } }

/* 编辑式 Hero（区别于产品营销 Hero）*/
.corp-hero {
  padding: var(--space-20) 0 var(--space-16);
  background:
    radial-gradient(circle at 80% 20%, rgba(255, 138, 61, 0.10), transparent 50%),
    radial-gradient(circle at 20% 80%, rgba(37, 99, 235, 0.08), transparent 50%),
    var(--bg-base);
  border-bottom: 1px solid var(--border-soft);
}
.corp-hero__inner {
  max-width: 820px;
  margin: 0 auto;
}
.corp-hero__eyebrow {
  font-size: var(--text-sm);
  letter-spacing: 4px;
  color: var(--brand-primary);
  font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-4);
  text-transform: uppercase;
}
.corp-hero__title {
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: var(--fw-black);
  line-height: 1.1;
  margin: 0 0 var(--space-6);
  color: var(--text-primary);
  letter-spacing: -0.02em;
}
.corp-hero__title em {
  font-style: normal;
  background: linear-gradient(90deg, var(--brand-primary), var(--accent-blue-500));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.corp-hero__lead {
  font-size: var(--text-lg);
  line-height: 1.8;
  color: var(--text-secondary);
  margin: 0;
  max-width: 720px;
}

/* 编辑式正文容器（公司简介段落）*/
.corp-prose {
  max-width: 800px;
  margin: 0 auto;
}
.corp-prose p {
  font-size: var(--text-lg);
  line-height: 2;
  color: var(--text-primary);
  margin: 0 0 var(--space-6);
  text-align: justify;
}
.corp-prose p:last-child { margin-bottom: 0; }
.corp-prose b { color: var(--text-primary); font-weight: var(--fw-bold); }

/* 区块标题（与产品页 .dm-section__title 区分）— 关于我们所有 H2 统一居中 */
.corp-h2 {
  font-size: clamp(1.75rem, 3vw, var(--text-3xl));
  font-weight: var(--fw-bold);
  color: var(--text-primary);
  margin: 0 auto var(--space-4);
  letter-spacing: -0.01em;
  text-align: center;
}
/* 兼容旧调用方 .corp-h2--center（与默认行为一致）*/
.corp-h2--center { margin-bottom: var(--space-3); }
.corp-sub {
  text-align: center;
  color: var(--text-tertiary);
  margin: 0 auto var(--space-10);
  max-width: 600px;
  font-size: var(--text-base);
}
.corp-block { max-width: 960px; margin: 0 auto; }

/* 合规资质 - 定义列表式（严肃 / 正规感）*/
.corp-credentials {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-4) var(--space-8);
  margin: 0;
}
.corp-credentials__row {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: var(--space-6);
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--border-soft);
  align-items: baseline;
}
.corp-credentials__row:last-child { border-bottom: 0; }
@media (max-width: 767px) {
  .corp-credentials__row {
    grid-template-columns: 1fr;
    gap: var(--space-2);
  }
}
.corp-credentials dt {
  font-weight: var(--fw-semibold);
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  letter-spacing: 0.5px;
}
.corp-credentials dd {
  margin: 0;
  color: var(--text-primary);
  line-height: 1.7;
}
.corp-credentials dd code {
  font-family: var(--font-mono);
  font-size: 0.9em;
  background: var(--bg-soft);
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--brand-primary);
}
.corp-credentials dd a { color: var(--accent-blue-500); text-decoration: none; }

/* 数字墙 - 严格 3 列每行（兼容窄屏 1/2 列），避免「100亿 / 50,000+」撑坏 layout */
.corp-numbers {
  display: grid;
  grid-template-columns: 1fr;            /* 默认（窄屏）单列 */
  gap: var(--space-8) var(--space-6);
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 600px) {
  .corp-numbers { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .corp-numbers { grid-template-columns: repeat(3, 1fr); }
}
.corp-num {
  min-width: 0;                           /* grid item overflow fix */
  padding: 0 var(--space-2);
}
.corp-num__value {
  /* 字号收紧到 max 3rem，避免「10,000」「100 亿」横向溢出 */
  font-size: clamp(1.8rem, 3.2vw, 3rem);
  font-weight: var(--fw-black);
  background: linear-gradient(135deg, var(--brand-primary), var(--accent-blue-500));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  line-height: 1.1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.corp-num__label {
  margin-top: var(--space-2);
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  white-space: nowrap;
}

/* 时间轴 - 横向竖排单行（不再用复杂卡片）*/
.corp-timeline {
  list-style: none;
  padding: 0;
  margin: 0;
  border-left: 2px solid var(--border-base);
  margin-left: var(--space-4);
}
.corp-timeline li {
  position: relative;
  padding: var(--space-4) 0 var(--space-4) var(--space-8);
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: var(--space-5);
  align-items: baseline;
}
.corp-timeline li::before {
  content: '';
  position: absolute;
  left: -7px;
  top: 22px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--bg-base);
  border: 2px solid var(--brand-primary);
}
.corp-timeline__year {
  font-family: var(--font-mono);
  font-weight: var(--fw-black);
  font-size: var(--text-xl);
  color: var(--brand-primary);
}
.corp-timeline__text {
  color: var(--text-secondary);
  line-height: 1.7;
}
@media (max-width: 767px) {
  .corp-timeline li {
    grid-template-columns: 1fr;
    gap: var(--space-1);
  }
}

/* 业务版图 - 编辑式 2 列文章块（无 icon 卡）*/
.corp-biz {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8) var(--space-10);
}
@media (min-width: 768px) {
  .corp-biz { grid-template-columns: 1fr 1fr; }
}
.corp-biz__item {
  padding-left: var(--space-5);
  border-left: 3px solid var(--brand-primary);
}
.corp-biz__item h3 {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
}
.corp-biz__item p {
  color: var(--text-secondary);
  line-height: 1.8;
  margin: 0;
}

/* 战略合作伙伴 - 严格 4×2 网格（资质荣誉页等用）*/
.partner-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 600px) { .partner-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .partner-grid { grid-template-columns: repeat(4, 1fr); } }

/* 关于我们：编辑式双栏（左 sticky 资质 / 右滚动正文）*/
.corp-split {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-10);
  align-items: start;
}
@media (min-width: 1024px) {
  .corp-split {
    grid-template-columns: 280px 1fr;
    gap: var(--space-16);
  }
}

.corp-aside {
  padding: var(--space-2) 0;
}
@media (min-width: 1024px) {
  .corp-aside {
    position: sticky;
    top: var(--space-8);
  }
}
.corp-aside__num {
  font-family: var(--font-mono);
  font-weight: var(--fw-black);
  font-size: clamp(4rem, 7vw, 6rem);
  line-height: 1;
  letter-spacing: -0.04em;
  background: linear-gradient(135deg, var(--brand-primary), var(--accent-blue-500));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.corp-aside__num small {
  font-size: 0.4em;
  font-weight: var(--fw-bold);
  margin-left: var(--space-2);
  background: inherit;
  -webkit-background-clip: text;
  background-clip: text;
}
.corp-aside__caption {
  margin: var(--space-3) 0 0;
  color: var(--text-secondary);
  font-size: var(--text-base);
  line-height: 1.6;
}
.corp-aside__divider {
  height: 1px;
  background: var(--border-base);
  margin: var(--space-6) 0;
}
.corp-aside__label {
  font-size: var(--text-xs);
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text-tertiary);
  font-weight: var(--fw-semibold);
  margin: 0 0 var(--space-3);
}
.corp-badges {
  list-style: none;
  padding: 0;
  margin: 0;
}
.corp-badges li {
  font-size: var(--text-sm);
  color: var(--text-primary);
  padding: var(--space-2) 0 var(--space-2) var(--space-5);
  border-bottom: 1px dashed var(--border-soft);
  position: relative;
  line-height: 1.5;
}
.corp-badges li:last-child { border-bottom: 0; }
.corp-badges li::before {
  content: '✓';
  position: absolute;
  left: 0;
  top: var(--space-2);
  color: var(--data-green);
  font-weight: var(--fw-bold);
}
.corp-aside__link {
  display: inline-block;
  margin-top: var(--space-4);
  font-size: var(--text-sm);
  color: var(--accent-blue-500);
  text-decoration: none;
  font-weight: var(--fw-medium);
  transition: transform var(--duration-base);
}
.corp-aside__link:hover { transform: translateX(2px); }

.corp-main { min-width: 0; }
.corp-main .corp-h2 { text-align: left; margin-left: 0; }

/* 编辑式子栏目导航列表（替代卡片网格）*/
.corp-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--border-base);
}
.corp-nav-list li { margin: 0; }
.corp-nav-list__item {
  display: grid;
  grid-template-columns: minmax(120px, auto) 1fr 24px;
  gap: var(--space-4);
  align-items: center;
  padding: var(--space-5) var(--space-2);
  border-bottom: 1px solid var(--border-base);
  text-decoration: none !important;
  color: var(--text-primary) !important;
  transition: all var(--duration-base) var(--ease-smooth);
}
.corp-nav-list__item:hover {
  padding-left: var(--space-5);
  background: linear-gradient(90deg, var(--brand-primary-soft), transparent);
}
.corp-nav-list__title {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  color: var(--text-primary);
  letter-spacing: -0.01em;
}
.corp-nav-list__sub {
  color: var(--text-secondary);
  font-size: var(--text-sm);
  line-height: 1.5;
}
.corp-nav-list__arrow {
  font-size: var(--text-xl);
  color: var(--text-tertiary);
  text-align: right;
  transition: transform var(--duration-base), color var(--duration-base);
}
.corp-nav-list__item:hover .corp-nav-list__arrow {
  transform: translateX(4px);
  color: var(--brand-primary);
}
@media (max-width: 767px) {
  .corp-nav-list__item {
    grid-template-columns: 1fr 24px;
    gap: var(--space-2);
    padding: var(--space-4) var(--space-2);
  }
  .corp-nav-list__sub { grid-column: 1 / 2; }
}

/* 业务收益解读卡（资质 / SLA 例外条款 / 联系方式 共用）*/
.biz-benefit {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-left: 4px solid var(--brand-primary);
  border-radius: var(--radius-md);
  padding: var(--space-5) var(--space-6);
  margin-bottom: var(--space-4);
}
.biz-benefit__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-2);
  flex-wrap: wrap;
}
.biz-benefit__head h3 {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  margin: 0;
  color: var(--text-primary);
}
.biz-benefit__tag {
  font-size: var(--text-xs);
  color: var(--brand-primary);
  background: var(--brand-primary-soft);
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  font-weight: var(--fw-medium);
  white-space: nowrap;
}
.biz-benefit p {
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}
.biz-benefit p + p { margin-top: var(--space-3); }
.biz-benefit__win {
  font-size: var(--text-sm);
  color: var(--text-tertiary) !important;
  padding-top: var(--space-2);
  border-top: 1px dashed var(--border-soft);
}
.biz-benefit__win a { color: var(--accent-blue-500); text-decoration: none; }

/* 评测维度紧凑 grid（10 维度）*/
.dim-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2);
}
@media (min-width: 600px) { .dim-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 900px) { .dim-grid { grid-template-columns: repeat(2, 1fr); } }
.dim-cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--space-3) var(--space-4);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-md);
  transition: border-color var(--duration-base);
}
.dim-cell:hover { border-color: var(--brand-primary); }
.dim-cell b { color: var(--text-primary); font-size: var(--text-base); }
.dim-cell span { color: var(--text-tertiary); font-size: var(--text-xs); }

/* 团队卡（实验室成员）*/
.team-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
}
@media (min-width: 600px) { .team-grid { grid-template-columns: repeat(2, 1fr); } }
.team-card {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-md);
}
.team-card__avatar {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-pill);
  background: linear-gradient(135deg, var(--brand-primary), var(--accent-blue-500));
  color: #fff;
  font-family: var(--font-mono);
  font-weight: var(--fw-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-base);
}
.team-card h4 {
  margin: 0 0 var(--space-1);
  color: var(--text-primary);
  font-size: var(--text-base);
  font-weight: var(--fw-bold);
}
.team-card p {
  margin: 0;
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  line-height: 1.5;
}

/* 客户 logo 墙 */
.customer-logos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  background: var(--border-soft);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-md);
  overflow: hidden;
}
@media (min-width: 600px) { .customer-logos { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 900px) { .customer-logos { grid-template-columns: repeat(4, 1fr); } }
.customer-logos__item {
  background: var(--bg-paper);
  padding: var(--space-5) var(--space-3);
  text-align: center;
  font-weight: var(--fw-semibold);
  color: var(--text-secondary);
  font-size: var(--text-sm);
  letter-spacing: 0.5px;
  transition: color var(--duration-base), background var(--duration-base);
}
.customer-logos__item:hover {
  color: var(--brand-primary);
  background: var(--brand-primary-soft);
}

/* 媒体报道列表 */
.media-list {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--border-base);
}
.media-list li {
  display: grid;
  grid-template-columns: 80px 100px 1fr;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--border-base);
  align-items: baseline;
  font-size: var(--text-sm);
}
@media (max-width: 767px) {
  .media-list li {
    grid-template-columns: 1fr;
    gap: var(--space-1);
  }
}
.media-list__date { color: var(--text-tertiary); font-family: var(--font-mono); }
.media-list__source { color: var(--brand-primary); font-weight: var(--fw-semibold); }
.media-list__title { color: var(--text-primary); line-height: 1.6; }

/* 联系名片（contact 页 sticky）*/
.corp-card {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
}
.corp-card__name {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  color: var(--text-primary);
  margin: 0 0 var(--space-2);
}
.corp-card__addr {
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  line-height: 1.6;
  margin: 0 0 var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: 1px dashed var(--border-soft);
}
.corp-card__row {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: var(--space-3);
  padding: var(--space-2) 0;
  align-items: baseline;
  font-size: var(--text-sm);
}
.corp-card__label {
  color: var(--text-tertiary);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.5px;
}
.corp-card__val {
  color: var(--text-primary);
  text-decoration: none;
  word-break: break-all;
}
.corp-card__val:hover { color: var(--brand-primary); }

/* 二维码卡 */
.qr-card {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  text-align: center;
}
.qr-card__img {
  width: 140px;
  height: 140px;
  margin: 0 auto var(--space-3);
  background: var(--bg-soft);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr-card__caption {
  font-size: var(--text-xs);
  color: var(--text-tertiary);
  line-height: 1.5;
  margin: 0;
}

/* 长期主义 quote */
.corp-quote {
  margin: var(--space-12) 0 0;
  padding: var(--space-6) var(--space-8);
  border-left: 4px solid var(--brand-primary);
  background: var(--bg-soft);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.corp-quote p {
  font-size: var(--text-lg);
  line-height: 1.8;
  color: var(--text-primary);
  margin: 0 0 var(--space-3);
  font-style: italic;
}
.corp-quote cite {
  font-style: normal;
  font-size: var(--text-sm);
  color: var(--text-tertiary);
}

/* 关于我们入口 - 5 张大气导航卡（旧版，保留给 portal 风格用）*/
.corp-portal {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-5);
}
@media (min-width: 768px) { .corp-portal { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .corp-portal { grid-template-columns: repeat(3, 1fr); } }
.corp-portal__item {
  display: block;
  padding: var(--space-6) var(--space-6) var(--space-5);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  text-decoration: none !important;
  color: var(--text-primary) !important;
  transition: all var(--duration-base) var(--ease-smooth);
  position: relative;
}
.corp-portal__item:hover {
  transform: translateY(-4px);
  border-color: var(--brand-primary);
  box-shadow: var(--shadow-lg);
}
.corp-portal__icon {
  font-size: 36px;
  line-height: 1;
  margin-bottom: var(--space-3);
}
.corp-portal__title {
  font-size: var(--text-xl);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
}
.corp-portal__desc {
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--space-4);
}
.corp-portal__arrow {
  display: inline-block;
  font-size: var(--text-sm);
  color: var(--accent-blue-500);
  font-weight: var(--fw-medium);
  transition: transform var(--duration-base);
}
.corp-portal__item:hover .corp-portal__arrow {
  transform: translateX(4px);
  color: var(--brand-primary);
}

/* ─────────────── 关于我们：时间轴 (page_company / page_qualifications) ─────────────── */
.timeline {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  padding-left: var(--space-8);
}
.timeline::before {
  content: '';
  position: absolute;
  left: 12px;
  top: 16px;
  bottom: 16px;
  width: 2px;
  background: linear-gradient(180deg, var(--brand-primary), var(--accent-blue-500));
  border-radius: 2px;
}
.timeline__item {
  position: relative;
  padding-bottom: var(--space-6);
}
.timeline__item:last-child { padding-bottom: 0; }
.timeline__item::before {
  content: '';
  position: absolute;
  left: -27px;
  top: 8px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--brand-primary);
  border: 3px solid var(--bg-base);
  box-shadow: 0 0 0 2px var(--brand-primary);
}
.timeline__year {
  display: inline-block;
  font-family: var(--font-mono);
  font-weight: var(--fw-black);
  font-size: var(--text-sm);
  color: var(--brand-primary);
  background: var(--brand-primary-soft);
  padding: 2px 12px;
  border-radius: var(--radius-pill);
  margin-bottom: var(--space-2);
}
.timeline__body {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-4) var(--space-5);
  transition: all var(--duration-base) var(--ease-smooth);
}
.timeline__body:hover {
  border-color: var(--brand-primary);
  transform: translateX(4px);
  box-shadow: var(--shadow-md);
}
.timeline__title {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
}
.timeline__body p {
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.7;
}

/* ─────────────── 价格中心 (page_pricing.html) ─────────────── */
.pricing-cat__title {
  font-size: var(--text-2xl);
  font-weight: var(--fw-bold);
  color: var(--text-primary);
  margin: var(--space-8) 0 var(--space-4);
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.pricing-cat__title:first-of-type { margin-top: var(--space-4); }
.pricing-cat__count {
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  color: var(--brand-primary);
  background: var(--brand-primary-soft);
  padding: 2px 10px;
  border-radius: var(--radius-pill);
}

/* ─────────────── 频道页 Hero 数字统计 ─────────────── */
.hero-stat {
  text-align: center;
  min-width: 140px;
}
.hero-stat__num {
  font-size: clamp(2rem, 4vw, var(--text-5xl));
  font-weight: var(--fw-black);
  background: linear-gradient(135deg, var(--brand-primary), var(--accent-blue-500));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  line-height: 1.1;
}
.hero-stat__label {
  margin-top: var(--space-2);
  color: var(--text-secondary);
  font-size: var(--text-sm);
}
/* ═══════════════════════════════════════════════════════════════
 * 模型详情页 — 营销组件样式
 * 包含：Hero 折扣横幅 / 价格对比表 / 「为什么选典名」六大优势
 * ═══════════════════════════════════════════════════════════════ */

/* ─────────────── Hero 折扣横幅 ─────────────── */
.model-hero__discount-row {
  margin-top: var(--space-5);
}
.model-hero__discount {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-3) var(--space-5);
  background: linear-gradient(135deg, rgba(255, 138, 0, 0.15), rgba(255, 77, 77, 0.15));
  border: 1px solid rgba(255, 138, 0, 0.4);
  border-radius: var(--radius-xl);
  box-shadow: 0 8px 24px rgba(255, 138, 0, 0.18);
  max-width: 100%;
}
.model-hero__discount-pct {
  font-size: var(--text-4xl);
  font-weight: var(--fw-extrabold);
  line-height: 1;
  white-space: nowrap;
  background: linear-gradient(135deg, var(--brand-warm-orange), var(--brand-warm-red));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.model-hero__discount-prices {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.3;
}
.model-hero__discount-old {
  font-size: var(--text-sm);
  color: var(--text-tertiary);
  text-decoration: line-through;
}
.model-hero__discount-new {
  font-size: var(--text-lg);
  font-weight: var(--fw-bold);
  color: var(--brand-primary);
}
.model-hero__discount-tag {
  font-size: 11px;
  padding: 3px 10px;
  animation: dm-pulse 2s infinite;
}
.model-hero__cta-save {
  margin-left: 8px;
  padding: 2px 8px;
  background: rgba(255, 255, 255, 0.25);
  border-radius: 999px;
  font-size: 11px;
}
.model-hero__verified {
  margin-top: var(--space-4);
}

/* ─────────────── 价格对比表（典名 vs 官方 vs 其他中转）─────────────── */
.price-compare {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
  max-width: 980px;
  margin: var(--space-10) auto 0;
  padding: var(--space-6) var(--space-4);
}
.price-compare__card {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-7);
  text-align: center;
  transition: transform var(--duration-base, .25s) ease, box-shadow var(--duration-base, .25s) ease;
}
.price-compare__card:not(.price-compare__card--featured):hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}
.price-compare__label {
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  margin-bottom: var(--space-3);
}
.price-compare__price {
  font-size: var(--text-3xl);
  font-weight: var(--fw-extrabold);
  color: var(--text-primary);
  margin-bottom: var(--space-2);
}
.price-compare__price small {
  font-size: var(--text-sm);
  font-weight: normal;
  color: var(--text-tertiary);
}
.price-compare__list {
  list-style: none;
  padding: 0;
  margin: var(--space-5) 0 0;
  font-size: var(--text-sm);
  color: var(--text-secondary);
  line-height: 2;
}
.price-compare__list--bad   { color: var(--text-secondary); }
.price-compare__list .ico-x { color: var(--accent-red-500, #ef4444); }
.price-compare__list .ico-w { color: var(--accent-amber-500, #f59e0b); }

/* — 推荐卡（典名）— */
.price-compare__card--featured {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));
  color: #fff;
  border: none;
  transform: scale(1.05);
  box-shadow: 0 16px 40px rgba(124, 58, 237, 0.35);
  position: relative;
}
.price-compare__card--featured .price-compare__label,
.price-compare__card--featured .price-compare__price {
  color: #fff;
}
.price-compare__card--featured .price-compare__label { opacity: .9; }
.price-compare__card--featured .price-compare__price { font-size: var(--text-4xl); }
.price-compare__card--featured .price-compare__price small { opacity: .8; color: #fff; }
.price-compare__card--featured .price-compare__list { color: #fff; }

.price-compare__badge-recommend {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--brand-warm-orange);
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 12px;
  border-radius: 999px;
  letter-spacing: 0.5px;
}
.price-compare__save-pill {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 12px;
  border-radius: 999px;
  font-size: var(--text-sm);
  font-weight: bold;
  margin-bottom: var(--space-2);
}
.price-compare__cta {
  background: #fff;
  color: var(--brand-primary);
  font-weight: bold;
  width: 100%;
  margin-top: var(--space-5);
}
.price-compare__cta:hover {
  background: #fff;
  color: var(--brand-primary);
  opacity: 0.92;
}
.price-compare__footnote {
  text-align: center;
  margin-top: var(--space-5);
  color: var(--text-tertiary);
  font-size: var(--text-xs);
}

/* — 移动端折叠：单列 + 去除推荐卡缩放 — */
@media (max-width: 768px) {
  .price-compare {
    grid-template-columns: 1fr;
    padding: var(--space-4) var(--space-3);
  }
  .price-compare__card--featured {
    transform: none;
  }
}

/* ─────────────── 「为什么选典名」六大优势 ─────────────── */
.why-dianming {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-5);
  max-width: 1100px;
  margin: var(--space-8) auto 0;
}
.why-card {
  padding: var(--space-6);
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  transition: transform var(--duration-base, .25s) ease,
              box-shadow var(--duration-base, .25s) ease,
              border-color var(--duration-base, .25s) ease;
}
.why-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
  border-color: var(--brand-primary);
}
.why-card__icon {
  font-size: var(--text-3xl);
  margin-bottom: var(--space-3);
}
.why-card__title {
  font-size: var(--text-lg);
  margin: 0 0 var(--space-2);
  color: var(--text-primary);
}
.why-card__body {
  margin: 0;
  color: var(--text-secondary);
  font-size: var(--text-sm);
  line-height: 1.7;
}
.why-card__body code {
  background: var(--bg-soft);
  padding: 2px 6px;
  border-radius: 4px;
}

/* ─────────────── 价格对比 section 标题居中 ─────────────── */
.price-compare-section .dm-section__title,
.price-compare-section .dm-section__subtitle,
.why-section .dm-section__title,
.why-section .dm-section__subtitle {
  text-align: center;
}

/* ═══════════════════════════════════════════════════════════════
 * 核心参数 / Benchmark / 模型介绍正文 / 推荐对比 — 杂项 class
 * （从详情页 inline style 抽离）
 * ═══════════════════════════════════════════════════════════════ */

/* 核心参数 section */
.model-spec-section {
  padding-top: var(--space-12);
}
.model-spec__heading {
  margin-bottom: var(--space-2);
}
.model-spec__caption {
  color: var(--text-tertiary);
  font-size: var(--text-sm);
  margin-bottom: var(--space-6);
}
.model-spec__note {
  color: var(--text-tertiary);
  font-size: var(--text-sm);
}

/* Benchmark 表 */
.benchmark__th-score {
  width: 120px;
}
.benchmark__note {
  color: var(--text-tertiary);
}

/* 模型介绍正文（content 副表）*/
.model-content {
  background: var(--bg-paper);
  border: 1px solid var(--border-base);
  border-radius: var(--radius-lg);
  padding: var(--space-8);
  max-width: 960px;
  margin: 0 auto;
}

/* 优劣势 / 最佳场景：占位与标签 */
.model-proscons__empty {
  color: var(--text-tertiary);
}
.model-bestfor__tag {
  font-size: var(--text-sm);
  padding: 6px 14px;
}

/* 推荐对比卡链接 */
.model-card__link {
  color: var(--accent-blue-500);
  font-size: var(--text-sm);
}

/* ============================================================
   首页 Banner 轮播（catid=37 有内容时启用）
   ============================================================ */
.home-banner {
  position: relative;
  width: 100%;
  margin: 0 0 var(--space-12);
  overflow: hidden;
  background: var(--bg-soft, #f5f7fb);
}
.home-banner .carousel,
.home-banner .carousel-inner {
  width: 100%;
}
.home-banner__item {
  position: relative;
  width: 100%;
  aspect-ratio: 21 / 9;
  max-height: 560px;
  min-height: 280px;
  overflow: hidden;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}
.home-banner__link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.home-banner__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 6s ease-out;
}
.home-banner__item.active .home-banner__img {
  transform: scale(1.05);
}
.home-banner__overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: var(--space-10) 0 var(--space-12);
  background: linear-gradient(to top,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0) 100%);
  color: #fff;
  pointer-events: none;
}
.home-banner__title {
  font-size: clamp(20px, 3vw, 36px);
  font-weight: var(--fw-bold, 700);
  line-height: 1.3;
  margin: 0 0 var(--space-3);
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.home-banner__desc {
  font-size: clamp(14px, 1.4vw, 17px);
  line-height: 1.6;
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  max-width: 780px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Bootstrap carousel 控件视觉微调 */
.home-banner .carousel-indicators {
  margin-bottom: var(--space-4);
  z-index: 3;
}
.home-banner .carousel-indicators [data-bs-target] {
  width: 32px;
  height: 4px;
  border-radius: 2px;
  border: 0;
  background: rgba(255, 255, 255, 0.55);
  opacity: 1;
  transition: background 0.25s ease, width 0.25s ease;
}
.home-banner .carousel-indicators .active {
  background: #fff;
  width: 48px;
}
.home-banner .carousel-control-prev,
.home-banner .carousel-control-next {
  width: 6%;
  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: 3;
}
.home-banner:hover .carousel-control-prev,
.home-banner:hover .carousel-control-next {
  opacity: 0.85;
}
.home-banner .carousel-control-prev-icon,
.home-banner .carousel-control-next-icon {
  width: 44px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  background-size: 50% 50%;
}

/* 移动端 */
@media (max-width: 768px) {
  .home-banner {
    margin-bottom: var(--space-8);
  }
  .home-banner__item {
    aspect-ratio: 16 / 10;
    min-height: 200px;
  }
  .home-banner__overlay {
    padding: var(--space-6) 0 var(--space-8);
  }
  .home-banner__title {
    font-size: 18px;
  }
  .home-banner__desc {
    font-size: 13px;
    -webkit-line-clamp: 2;
  }
  .home-banner .carousel-control-prev,
  .home-banner .carousel-control-next {
    display: none;
  }
  .home-banner .carousel-indicators [data-bs-target] {
    width: 20px;
  }
  .home-banner .carousel-indicators .active {
    width: 32px;
  }
}