/* ============================================================
 * 文档页通用样式 (cover.html / agreement.html / privacy.html)
 * 设计：蓝色大气风，呼应项目主色 #1E9FFF，复用 .ab-* 基础结构
 * ============================================================ */

/* ===== 文档卡片 ===== */
.doc-card {
  max-width: 880px;
  margin: 30px auto 0;
  background: #fff;
  border: 1px solid #e4e7ed;
  border-radius: 12px;
  padding: 40px 48px;
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
}

.doc-card p {
  font-size: 15px;
  line-height: 1.95;
  color: #606266;
  margin: 0 0 14px;
}
.doc-card .doc-lead {
  font-size: 15.5px;
  color: #303133;
  margin-bottom: 22px;
}
.doc-card .doc-mail {
  display: inline-block;
  margin: 4px 0 24px;
  padding: 10px 22px;
  background: linear-gradient(135deg, #E6F4FF 0%, #BAE0FF 100%);
  color: #1E9FFF;
  font-weight: 600;
  border-radius: 8px;
  font-size: 15px;
}

/* 章节标题：H3 — 一级条款 */
.doc-card h3 {
  font-size: 19px;
  font-weight: 600;
  color: #303133;
  margin: 32px 0 14px;
  padding-left: 12px;
  border-left: 4px solid #1E9FFF;
  line-height: 1.4;
}

/* 子标题：H4 — 二级条款 */
.doc-card h4 {
  font-size: 16px;
  font-weight: 600;
  color: #303133;
  margin: 22px 0 10px;
}

/* 章节标题：H5 — 三级条款（用户付费协议等里的小标题） */
.doc-card h5 {
  font-size: 15px;
  font-weight: 600;
  color: #1E9FFF;
  margin: 18px 0 8px;
}

/* 列表：有序（条款编号）/ 无序（说明） */
.doc-card ol,
.doc-card ul {
  margin: 0 0 12px;
  padding-left: 22px;
  color: #606266;
  font-size: 14.5px;
  line-height: 1.95;
}
.doc-card ol li,
.doc-card ul li {
  margin-bottom: 10px;
}
.doc-card ol ol,
.doc-card ol ul,
.doc-card ul ol,
.doc-card ul ul {
  margin: 8px 0 4px;
  padding-left: 22px;
}
.doc-card ol ol li,
.doc-card ul ol li {
  margin-bottom: 6px;
  font-size: 14px;
}

.doc-card a {
  color: #1E9FFF;
  text-decoration: none;
  border-bottom: 1px dotted rgba(30,159,255,.5);
  transition: all .2s;
}
.doc-card a:hover {
  color: #0070CC;
  border-bottom-color: #0070CC;
}
.doc-card strong {
  color: #303133;
}

/* 表格兜底（部分条款以表格呈现，目前未用到） */
.doc-card table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
  font-size: 14px;
}
.doc-card table th,
.doc-card table td {
  border: 1px solid #e4e7ed;
  padding: 10px 12px;
  text-align: left;
}
.doc-card table th {
  background: #F5F7FA;
  font-weight: 600;
}

/* 重点段落（绿色提示框 — 例如引用备案号 / 邮箱） */
.doc-card .doc-note {
  background: #FFF7E6;
  border-left: 3px solid #E6A23C;
  padding: 12px 16px;
  border-radius: 4px;
  margin: 16px 0;
  font-size: 14px;
  color: #5C4400;
}

/* ===== 响应式 ===== */
@media (max-width: 720px) {
  .doc-card { padding: 26px 20px; }
  .doc-card h3 { font-size: 17px; }
  .doc-card h4 { font-size: 15px; }
  .doc-card h5 { font-size: 14.5px; }
  .doc-card p,
  .doc-card .doc-lead,
  .doc-card ol,
  .doc-card ul { font-size: 14px; }
}