/*
 * 文件下载页专属样式（downloads.html）
 * 设计稿：1:3118「文件下载-定」（1920×3187，底色 #F2F2F2）
 * 结构：banner(700，与新闻资讯共用图) → 二级菜单 2 项(服务项目/文件下载[激活]) →
 *       搜索框（右对齐，本页无面包屑）→ 文件表（蓝表头 100 + 10 行×120）→ 分页（短版）
 * 二级菜单复用 .subnav（common.css）；搜索框 .search-box 与分页 .pager 为公共组件（common.css）
 */

/* ---------- 二级菜单（同新闻页 2 项规格，链接导航无需 button reset） ---------- */
.dl-subnav-item {
  max-width: 805px;
}

/* ---------- 文件表（设计稿 组1476 表头 + 组1477-1486 行） ---------- */
/* 列：名称（x=67 起）/ 大小（x=1025 起）/ 下载（图标 x=1390 居中） */
.dl-head,
.dl-row {
  display: grid;
  grid-template-columns: 1fr 170px 150px;
  align-items: center;
}
/* 表头（1600×100 蓝底 rgba(9,113,206,.76)，28px 白字） */
.dl-head {
  height: 64px;
  padding: 0 12px;
  border-radius: 6px 6px 0 0;
  background: rgba(9, 113, 206, 0.76); /* paint_1:3173 */
  color: #FFFFFF;
  font-size: 18px;
}
.dl-head .dl-col-size,
.dl-head .dl-col-dl {
  padding-left: 24px;
}
@media (min-width: 1024px) {
  .dl-head,
  .dl-row {
    grid-template-columns: 1fr 365px 370px; /* 设计稿 865/365/370 三段 */
  }
  .dl-head {
    height: 100px;
    padding: 0;
    font-size: 28px; /* font_1:3168 */
  }
  .dl-head .dl-col-name { padding-left: 67px; }
  .dl-head .dl-col-size,
  .dl-head .dl-col-dl { padding-left: 0; }
}

/* 数据行（1600×120，底边框 #D8D8D8；名称/大小 24px #3D3D3D，大小 MiSans） */
.dl-row {
  height: 64px;
  padding: 0 12px;
  border-bottom: 1px solid #D8D8D8;
  background: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  color: #3D3D3D;
  transition: background 0.2s;
}
.dl-col-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-col-size {
  font-family: MiSans, "Alibaba PuHuiTi 3.0", sans-serif; /* font_1:3132 */
}
.dl-col-dl {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .dl-row {
    height: 120px;
    padding: 0;
    font-size: 24px; /* font_1:3143 / 3132 */
  }
  .dl-row .dl-col-name { padding-left: 67px; }
}

/* hover 态（设计稿首行所示：文字与底边框变蓝、浅蓝底） */
.dl-row:hover {
  background: rgba(9, 113, 206, 0.06);
  border-bottom-color: #0971CE;
  color: #0971CE;
}

/* ---------- AJAX 搜索：空结果 / 出错提示行（downloads.js 渲染，非模板内容） ---------- */
.dl-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  border-bottom: 1px solid #D8D8D8;
  background: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  color: #999999;
}
@media (min-width: 1024px) {
  .dl-empty {
    font-size: 24px;
  }
}