/*
Theme Name: RiProV5 Child
Template: ripro-v5
Version: 1.0.0
Description: 子主题，用于覆盖下载/购买区域并输出版本分组短代码。
Text Domain: ripro-v5-child
*/

/* 可选：子主题自定义样式写在这里（当前留空） */

/* 外层容器：居中显示，限制最大宽度 */
.apg-postcontent-version-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto;
  box-sizing: border-box;
}

/* 标题栏：flex 左右布局（历史版本 + 展开按钮） */
.apg-postcontent-version-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
  border-radius: 8px 8px 0 0;
  padding: 0 20px;
  box-sizing: border-box;
  cursor: pointer;
}

/* 历史版本文字 */
.apg-postcontent-version-title {
  display: flex;
  align-items: center;
  gap: 8px; /* 文字与数量间距 */
  font-size: 16px;
  color: #333;
  font-weight: 500;
}

/* 数量标识样式：蓝色背景+白色文字，圆角胶囊 */
.apg-postcontent-version-count {
  background-color: #409eff;
  color: #fff;
  font-size: 12px;
  padding: 0px 8px;
  border-radius: 12px; /* 圆角胶囊效果 */
  height: 20px;
  line-height: 20px;
  text-align: center;
}

/* 展开/收起按钮 */
.apg-postcontent-toggle-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  font-size: 16px;
  color: #409eff;
  cursor: pointer;
  padding: 0 8px;
}

/* 下拉箭头（旋转动画） */
.apg-postcontent-toggle-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #409eff;
  transition: transform 0.3s ease;
}

/* 展开时箭头旋转 180° */
.apg-postcontent-toggle-btn.active .apg-postcontent-toggle-arrow {
  transform: rotate(180deg);
}

/* 内容区：默认隐藏，展开时显示并推开下方内容 */
.apg-postcontent-version-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  background-color: #fff;
  border: 1px solid #eee;
  border-top: none;
  border-radius: 0 0 8px 8px;
  padding: 0 20px;
  box-sizing: border-box;
}

/* 展开时显示内容并添加内边距 */
.apg-postcontent-version-content.expanded {
  max-height: 500px; /* 适配多条数据+按钮高度 */
  padding: 20px;
}

/* 版本项：左右两列布局 */
.apg-postcontent-version-item {
  display: flex; /* 版本项内部 flex 左右布局 */
  align-items: center; /* 左右列垂直居中 */
  justify-content: space-between;
  padding: 16px 0;
  font-size: 14px;
  border-bottom: 1px solid #f5f5f5;
  gap: 20px; /* 左右两列间距，避免挤压 */
}

/* 最后一项移除分隔线 */
.apg-postcontent-version-item:last-child {
  border-bottom: none;
}

/* 左侧版本信息区：占满剩余宽度，避免被按钮挤压 */
.apg-postcontent-version-info {
  display: flex;
  flex-direction: column;
  gap: 6px; /* 版本号与详情行间距 */
  flex: 1; /* 关键：让左侧占满剩余宽度 */
}

/* 版本号（第一行） */
.apg-postcontent-version-number {
  font-size: 15px;
  color: #333;
  font-weight: 500;
}

/* 版本详情（第二行）：水平分布，扩大整体宽度 */
.apg-postcontent-version-detail {
  display: flex;
  align-items: center;
  gap: 18px; /* 增大详情项之间间距（原24px） */
  color: #666;
  width: 100%; /* 占满父容器宽度 */
  justify-content: space-between;
}

/* 详情项统一样式（图标+文字）：固定宽度，文件名超长省略 */
.apg-postcontent-detail-item {
  display: flex;
  align-items: center;
  gap: 8px; /* 图标与文字间距 */
  flex-shrink: 0; /* 禁止收缩，保持固定宽度 */
}

/* 文件名详情项：固定宽度+超长省略 */
.apg-postcontent-detail-item.file-name {
  width: 33%; /* 自定义文件名宽度（可调整） */
  text-overflow: ellipsis;
}

/* 大小详情项：固定宽度 */
.apg-postcontent-detail-item.file-size {
  width: 33%; /* 自定义大小宽度（可调整） */
}

/* 日期详情项：固定宽度 */
.apg-postcontent-detail-item.file-date {
  width: 33%; /* 自定义日期宽度（可调整） */
}

/* 详情项文字容器：控制超长省略（核心） */
.apg-postcontent-detail-text {
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出显示省略号 */
  width: 100%; /* 占满详情项宽度 */
}

/* FA图标样式：统一颜色和大小 */
.apg-postcontent-detail-icon {
  color: #409eff; /* 图标颜色与按钮一致 */
  font-size: 14px; /* 图标大小适配文字 */
  width: 16px; /* 固定宽度，避免对齐偏移 */
  text-align: center;
  flex-shrink: 0; /* 禁止图标收缩 */
}

/* 右侧下载按钮区：垂直排列 + 居右，按钮统一宽度 */
.apg-postcontent-download-btns {
  display: flex;
  flex-direction: column;
  gap: 8px; /* 按钮之间垂直间距 */
  align-items: flex-end; /* 按钮居右 */
}

/* 下载按钮样式：统一宽度，固定尺寸 */
.apg-postcontent-download-btn {
  width: 120px; /* 统一按钮宽度（可调整） */
  padding: 6px 0; /* 上下内边距，左右居中 */
  background-color: #f5fafe;
  border: 1px solid #409eff;
  color: #409eff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 13px;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center; /* 文字+图标水平居中 */
  gap: 6px; /* 按钮内图标与文字间距 */
  flex-shrink: 0; /* 禁止按钮收缩 */
}

/* 按钮 hover 效果 */
.apg-postcontent-download-btn:hover {
  background-color: #409eff;
  color: #fff;
}

/* 下载按钮图标（hover时颜色变白） */
.apg-postcontent-download-btn:hover .apg-postcontent-btn-icon {
  color: #fff;
}

/* 下方测试内容：演示推开效果 */
.apg-postcontent-test-content {
  width: 100%;
  max-width: 1200px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background-color: #fafafa;
  border-radius: 8px;
  margin: 0 auto;
  font-size: 14px;
  color: #999;
  box-sizing: border-box;
}

/* 响应式适配：小屏幕下调整宽度，避免挤压 */
@media (max-width: 992px) {
  .apg-postcontent-detail-item.file-name {
    width: 200px;
  }
  .apg-postcontent-detail-item.file-size {
    width: 100px;
  }
  .apg-postcontent-detail-item.file-date {
    width: 140px;
  }
  .apg-postcontent-download-btn {
    width: 100px;
  }
}

@media (max-width: 768px) {
  .apg-postcontent-version-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .apg-postcontent-detail-item.file-name {
    width: 180px;
  }
  .apg-postcontent-download-btns {
    align-items: flex-start;
    width: 100%;
    flex-direction: row;
    gap: 12px;
  }
  .apg-postcontent-download-btn {
    width: calc((100% - 12px) / 2); /* 两个按钮平分宽度 */
  }
}

/* 文章末尾：版本更新内容区块 */
.apg-version-updates-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 24px auto 0;
  box-sizing: border-box;
}
.apg-version-updates-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}
.apg-version-update-item {
  padding: 12px 0;
  border-top: 1px solid #f0f0f0;
}
.apg-version-update-header {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #666;
  margin-bottom: 8px;
}
.apg-version-latest-badge {
  background-color: #409eff;
  color: #fff;
  font-size: 12px;
  border-radius: 3px;
  padding: 0 6px;
  line-height: 20px;
}
.apg-version-no {
  font-weight: 500;
  color: #409eff;
}
.apg-version-date {
  color: #999;
  font-size: 13px;
}
.apg-version-update-desc {
  font-size: 14px;
  color: #333;
}

/* 授权信息展示样式（显示在历史版本上方） */
.apg-license-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 16px auto 12px;
  box-sizing: border-box;
  padding: 12px 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #f7f9fc;
}
.apg-license-title {
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.apg-license-current {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.apg-license-badge {
  display: inline-block;
  padding: 0 8px;
  line-height: 22px;
  font-size: 12px;
  border-radius: 4px;
  background: #409eff;
  color: #fff;
}
.apg-license-author {
  color: #666;
  font-size: 13px;
}
.apg-license-source {
  color: #409eff;
  font-size: 13px;
  text-decoration: none;
}
.apg-license-source:hover { text-decoration: underline; }
.apg-license-rules {
  margin: 0;
  padding-left: 18px;
  color: #666;
}
.apg-license-rules li {
  margin: 4px 0;
  line-height: 1.6;
}
.apg-license-rules a {
  color: #409eff;
  text-decoration: none;
}
.apg-license-rules a:hover { text-decoration: underline; }

/* MOD基础信息样式（显示在授权信息上方） */
.apg-preinstall-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 16px auto 12px;
  box-sizing: border-box;
  padding: 12px 20px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #f7f9fc;
}
.apg-preinstall-title {
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
}
.apg-preinstall-meta {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.apg-preinstall-meta li {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  line-height: 24px;
  font-size: 14px;
  color: #555;
}
.apg-preinstall-meta .apg-meta-label {
  flex: 0 0 86px;
  min-width: 86px;
}
.apg-preinstall-meta .apg-meta-value {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.apg-chip {
  display: inline-block;
  padding: 0 8px;
  line-height: 22px;
  font-size: 12px;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  background: #f5f7fa;
  color: #606266;
}
.apg-chip-link a { color: #409eff; text-decoration: none; }
.apg-chip-link a:hover { text-decoration: underline; }
.apg-chip-text { color: #606266; }
.apg-chip-status { background: #e8f5e9; color: #2e7d32; border-color: #c8e6c9; }
.apg-preinstall-meta a {
  color: #409eff;
  text-decoration: none;
}
.apg-preinstall-meta a:hover { text-decoration: underline; }

/* 顶部信息：apg 元信息两列布局（带图标） */
.apg-article-meta-wrapper {
  width: 100%;
}
.apg-article-meta {
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px; /* 行间与列间距 */
}
.apg-article-meta-item {
  width: calc(50% - 10px); /* 一行两列 */
  display: flex;
  align-items: center;
  gap: 8px; /* 图标与文字间距 */
  line-height: 24px;
  font-size: 14px;
  color: #555;
}
.apg-meta-icon {
  color: #409eff;
  font-size: 14px;
  width: 16px;
  text-align: center;
}
.apg-meta-label { color: #666; }
.apg-meta-value { color: #333; }

@media (max-width: 576px) {
  .apg-article-meta-item { width: 100%; }
}