/* 全局基础样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  background-color: #f9f9f9;
  color: #333;
  line-height: 1.6;
  padding: 20px;
  /* 增加整体内边距 */
  padding-bottom: 40px;
}

/* 标题样式 */
.title {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.8rem;
  /* 稍微放大标题 */
  font-weight: 700;
  color: #e65200;
  /* 橘子色 */
}

/* 二级标题或提示信息 */
.subtitle {
  text-align: center;
  font-weight: normal;
  color: #666;
  margin-bottom: 20px;
}

/* 链接样式 */
a {
  text-decoration: none;
  color: #a113a1;
  /* 紫色链接 */
}

/* 类别标题 (H3) 样式 */
h3 {
  width: 80%;
  margin: 25px auto 10px auto;
  padding: 5px 0;
  font-size: 1.3rem;
  font-weight: 600;
  border-bottom: 3px solid;
  /* 使用边框代替下划线 */
}

/* 分割线样式 */
hr {
  width: 80%;
  margin: 0 auto 20px auto;
  border: none;
  border-bottom: 1px solid #ccc;
}

/* 图表 iframe 居中 */
iframe {
  display: block;
  margin: 20px auto;
  border: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  /* 增加阴影 */
}

/* 表格整体样式 (所有 .statistics-table 共享) */
.statistics-table {
  width: 80%;
  margin: 0 auto 30px auto;
  border-collapse: collapse;
  background-color: #fff;
  min-width: 300px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  font-size: 0.9rem;
  /* 稍微缩小字体以容纳更多信息 */
}

/* 表头和内容的基础边框与内边距 */
.statistics-table th,
.statistics-table td {
  padding: 10px;
  border: 1px solid #e0e0e0;
  text-align: left;
}

/* 表格内容行 */
.statistics-table tbody tr:nth-child(even) {
  background-color: #fcfcfc;
  /* 斑马线效果 */
}

.statistics-table tbody tr:hover {
  background-color: #f5f5f5;
  /* 悬停高亮 */
}

/* ============================================== */
/* 🌈 分类表格的颜色样式 (基于上一个回答的区分) */
/* ============================================== */

/* 1. 通知频道 (浅蓝色主题) */
.normal-ads-table h3 {
  color: #1890ff;
  border-color: #1890ff;
}

.normal-ads-table thead th {
  background-color: #e6f7ff;
  color: #1890ff;
  font-weight: bold;
}

/* 2. 反馈/红字/ (浅红色主题) */
.red-ads-table h3 {
  color: #ff4d4f;
  border-color: #ff4d4f;
}

.red-ads-table thead th {
  background-color: #fff1f0;
  color: #ff4d4f;
  font-weight: bold;
}

/* 3. 双频道同时发布 (浅绿色主题) */
.dual-ads-table h3 {
  color: #52c41a;
  border-color: #52c41a;
}

.dual-ads-table thead th {
  background-color: #f6ffed;
  color: #52c41a;
  font-weight: bold;
}

/* 4. 自定义频道 (浅紫色主题) */
.zise-ads-table h3 {
  color: #a21ac4;
  /* 紫色标题颜色 */
  border-color: #a21ac4;
}

/* ⚠️ 缺少的部分：为表格头部添加背景和字体颜色 */
.zise-ads-table thead th {
  background-color: #f9f0ff;
  /* 浅紫色背景 */
  color: #a21ac4;
  font-weight: bold;
}

/* 4. 收入与成本汇总表格样式 */
.summary-table {
  border: 2px solid #ff9933;
  /* 橘色边框突出 */
}

.summary-table h3 {
  color: #fa8c16;
  border-color: #fa8c16;
}

.summary-table thead th {
  background-color: #fff7e6;
  /* 浅橘色头部 */
  color: #fa8c16;
}

/* 总结行高亮 */
.summary-total-row {
  font-weight: bold;
  background-color: #ffe7ba !important;
  /* 浅橘色 */
  color: #b35200;
  font-size: 1rem;
}

.summary-profit-row {
  font-weight: bold;
  background-color: #d9f7be !important;
  /* 浅绿色 */
  color: #389e0d;
  font-size: 1.1rem;
}

/* 成本支出行 */
.cost-row {
  color: #f5222d;
  font-style: italic;
}


/* 备注信息 */
.note-info {
  width: 80%;
  margin: 20px auto 0 auto;
  padding: 15px;
  background-color: #e6f7ff;
  /* 浅蓝色背景 */
  border-left: 5px solid #1890ff;
  color: #1890ff;
  font-size: 0.9rem;
  line-height: 1.5;
}

/* 顶部的特殊颜色文字 */
.special-note {
  width: 80%;
  margin: 0 auto 15px auto;
  color: #422faf;
  /* 原始的深蓝色 */
  padding: 0 10px;
  font-style: italic;
  font-size: 0.95rem;
}