/* ============================================================
   服务与支持-资料下载-详情 (page-downloads-detail) — 设计稿 650:2549
   顶部标题行(产品概述→) + 产品点亮图(690×628+标注) + 6行资料列表 + 底部
   ============================================================ */
body.page-downloads-detail { background: #fff; }

/* ---------- 顶部导航: 白色底子 (同资料下载列表页) ---------- */
body.page-downloads-detail .site-header {
  background: #fff;
  box-shadow: inset 0 -1px 0 0 #EBEBEB;
}
body.page-downloads-detail .site-header .logo .logo-dark { display: block; }
body.page-downloads-detail .site-header .logo .logo-light { display: none; }
body.page-downloads-detail .site-header .navbar > li > a { color: #2E3033; }
body.page-downloads-detail .site-header .navbar > li > a:hover { color: #2168E5; opacity: 1; }
body.page-downloads-detail .site-header .navbar > li.active > a { color: #2168E5; }
body.page-downloads-detail .site-header .vr-pill { border-color: #5C6066; color: #2E3033; }
/* 白底导航: 图标保持原色 (需与 header.css 的透明底反白规则同特异性, 否则白图标压在白底上看不见) */
body.page-downloads-detail .site-header:not(.is-scrolled):not(.dd-open) .icon-btn img { filter: none; }
body.page-downloads-detail .site-header .nav-toggle span { background: #2E3033; }
body.page-downloads-detail .site-header.is-scrolled,
body.page-downloads-detail .site-header.is-solid {
  background: #fff;
  box-shadow: inset 0 -1px 0 0 #EBEBEB;
}

/* ---------- 顶部标题行 (设计稿: 标题 y92, 产品概述→ y96, 分隔线 y148) ---------- */
.ddd-top {
  margin-top: 64px;                /* fixed 头部 64 → 内容区起点 */        /* 头部 64 → 标题 92 */
  background: #fff;
}
.ddd-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 85px;                    /* 92..148 */
}
.ddd-title {
  margin: 0;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  color: #2E3033;
  letter-spacing: 0.05em;
}
.ddd-overview {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 20px;
  color: #393C41;
  text-decoration: none;
  transition: color .25s ease;
}
.ddd-overview-ic {
  width: 14px;
  height: 14px;
}
.ddd-overview:hover { color: #2168E5; }
.ddd-line {
    height: 1px;
    background: #E5E5E5;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}
/* ---------- 产品图 (设计稿 650:2656: 主视图FV6 = 372×214 居中, 图下标注) ---------- */
.ddd-prod {
  display: flex;
  justify-content: center;
  padding: 80px 0 0;               /* 标题/分隔线下方留白 */
}
.ddd-prod-fig {
  margin: 0;
  width: 372px;                    /* 设计稿 372 宽 */
}
.ddd-prod-img {
  display: block;
  width: 372px;                    /* 设计稿 372×214 */
  height: auto;
  aspect-ratio: 372 / 214;         /* 设计稿比例, 原图完整显示不裁切 */
  object-fit: contain;
}
.ddd-prod-cap {
  margin-top: 24px;                /* 图底 → 标注间距 (正常文档流) */
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
  width: 100%;
}
.ddd-cap-sub {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #2168E5;
}
.ddd-cap-name {
  font-size: 20px;                 /* 设计稿 650:2658 20px */
  line-height: 28px;
  font-weight: 666;
  color: #2E3033;
  white-space: nowrap;
}

/* ---------- 资料列表 (设计稿 1117:19497: 1440×536, 6行×90px) ---------- */
.ddd-list {
  margin-top: 32px;                /* 图底 776 → 列表顶 808 */
  padding-bottom: 85px;            /* 列表底 1344 → footer 1434 */
}
.ddd-row:first-child {
    border-top: 1px solid #E5E5E5;
}
.ddd-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  height: 90px;                    /* 行高 90 */
  padding: 0 24px 0 32px;          /* 文件名 x272 → 左 32; 图标右 1656 → 右 24 */
  border-bottom: 1px solid #E5E5E5;
  text-decoration: none;
  transition: background-color .25s ease;
}
.ddd-row:hover { background: #F5F6FA; }
.ddd-row-name {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #393C40;
  transition: color .25s ease;
}
.ddd-row:hover .ddd-row-name { color: #2168E5; }
.ddd-row-meta {
  display: inline-flex;
  align-items: center;
  gap: 12px;                       /* 大小 1622 → 图标 1634 */
  flex-shrink: 0;
}
.ddd-row-size {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: #2168E5;
}
.ddd-row-ic {
  width: 22px;
  height: 22px;
  color: #2168E5;
  transition: color .25s ease;
}
.ddd-row:hover .ddd-row-ic { color: #0F5BC7; }

/* ============================================================
   自适应
   ============================================================ */
@media (max-width: 1440px) {
  .ddd-prod-fig { width: 372px; }
  .ddd-prod-img { width: 100%; max-width: 372px; }
}

@media (max-width: 1336px) {
  .ddd-prod-fig { width: 320px; }
  .ddd-prod-img { width: 100%; max-width: 320px; }
  .ddd-row { padding: 0 20px 0 32px; }
}

@media (max-width: 1100px) {
  .ddd-prod-fig { width: 280px; }
  .ddd-prod-img { width: 100%; max-width: 280px; }

  .ddd-cap-name { font-size: 20px; line-height: 30px; }
}

@media (max-width: 900px) {
  .ddd-prod-fig { width: 280px; }
  .ddd-prod-img { width: 100%; max-width: 280px; }
}

@media (max-width: 767px) {
  .ddd-top-inner { height: auto; min-height: 48px; flex-wrap: wrap; gap: 4px; }
  .ddd-title { font-size: 15px; }
  .ddd-overview { font-size: 13px; }
  .ddd-prod { padding: 32px 16px 0; }      /* 移动端上下左右留白 */
  .ddd-prod-fig { width: 100%; max-width: 280px; }
  .ddd-prod-img { width: 100%; height: auto; aspect-ratio: 372 / 214; }
  .ddd-prod-cap { margin-top: 20px; }   /* 标注在图下方, 正常流 */
  .ddd-cap-sub { font-size: 13px; line-height: 18px; }
  .ddd-cap-name { font-size: 18px; line-height: 26px; }
  .ddd-list { margin-top: 40px; padding: 0 16px 60px; }   /* 列表左右边距 + 与产品区分隔 */
  .ddd-row { height: auto; min-height: 72px; padding: 16px 0; gap: 12px; }
  .ddd-row-name { font-size: 14px; line-height: 22px; }
  .ddd-row-size { font-size: 14px; line-height: 22px; }
  .ddd-row-ic { width: 20px; height: 20px; }
}

@media (max-width: 400px) {
  .ddd-row-name { font-size: 13px; }
  .ddd-row-meta { gap: 8px; }
  .ddd-cap-name { font-size: 16px; line-height: 24px; }
}

/* ============================================================
   资料下载详情页 · 类型感知(预览/下载) 附加样式
   ============================================================ */
.ddd-row-name { text-decoration: none; }
.ddd-row-name:hover { color: #2168E5; }
.ddd-row-pv {
  font-size: 14px; line-height: 28px; font-weight: 500; color: #2168E5;
  text-decoration: none; border: 1px solid #2168E5; border-radius: 100px;
  padding: 0 14px; transition: all .2s ease; white-space: nowrap;
}
.ddd-row-pv:hover { background: #2168E5; color: #fff; }
@media (max-width: 767px) {
  .ddd-row-pv { font-size: 12px; line-height: 24px; padding: 0 10px; }
}