/* ============================================================
   abx 主题令牌层 —— 覆盖编译产物里的主色
   现网 tailwind.css 编译时用的是琥珀橙 #ea580c，全站统一改回主蓝 #0047ba。
   只覆盖变量，不改布局与间距，所以现网版式完全保留。
   ============================================================ */
:root {
  --color-primary: #0047ba;
  --color-primary-dark: #003a99;
  --color-primary-light: #e6f0ff;
}

/* ---------- 产品图集：第一张显示，其余淡入 ---------- */
.gallery-img { opacity: 0; }
.gallery-img:first-of-type { opacity: 1; }

/* ---------- 桌面端导航下拉：hover 展开 ---------- */
.nav-dropdown { display: none; }
@media (min-width: 1024px) {
  .nav-parent:hover .nav-dropdown { display: block; }
}

/* ---------- 产品 tab 面板 ---------- */
.tab-panel.is-active { display: block; }
.tab-panel { display: none; }
.tab-panel#tab-overview { display: block; }

/* ---------- 正文排版（与现网 prose 观感一致） ---------- */
.prose-custom h2 { font-size: 1.5rem; font-weight: 700; color: #111827; margin: 2rem 0 1rem; }
.prose-custom h3 { font-size: 1.25rem; font-weight: 600; color: #111827; margin: 1.75rem 0 0.75rem; }
.prose-custom h4 { font-size: 1.125rem; font-weight: 600; color: #111827; margin: 1.5rem 0 0.5rem; }
.prose-custom p { margin: 0 0 1rem; line-height: 1.75; }
.prose-custom ul, .prose-custom ol { margin: 0 0 1rem 1.5rem; }
.prose-custom li { margin: 0.25rem 0; line-height: 1.7; }
.prose-custom a { color: #0047ba; }
.prose-custom img { border-radius: 0.75rem; margin: 1.5rem auto; }
.prose-custom table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.prose-custom th { background: #f9fafb; text-align: left; font-weight: 600; font-size: 0.875rem; }
.prose-custom th, .prose-custom td { border: 1px solid #e5e7eb; padding: 0.5rem 1rem; font-size: 0.875rem; }
.prose-custom blockquote { border-left: 4px solid #0047ba; background: #f9fafb; padding: 1rem 1.25rem; margin: 1.5rem 0; border-radius: 0 0.5rem 0.5rem 0; }

/* ---------- 方形图位（全站统一） ---------- */
.img-square { aspect-ratio: 1 / 1; object-fit: cover; }