/**
 * 协议 H5 页面 Dark 模式统一样式
 * 仅在 URL 携带 ?darkmode=1 且 html 拥有 agreement-darkmode 类时生效
 * 未携带参数时本文件不会产生任何视觉变化
 */
html.agreement-darkmode {
  color-scheme: dark;

  /* Dark 模式配色映射 */
  --agreement-bg: #000000; /* BC14 背景 */
  --agreement-text: #eeeeee; /* BC01 正文/标题 */
  --agreement-text-secondary: #eeeeee; /* BC01 次要文字 */
  --agreement-heading: #eeeeee; /* BC01 标题 */
  --agreement-link: #00bcf0; /* c00 链接 */
  --agreement-link-hover: #00bcf0; /* c00 链接 hover */
  --agreement-border: rgba(238, 238, 238, 0.18);
  --agreement-table-header-bg: rgba(238, 238, 238, 0.06);
}

html.agreement-darkmode,
html.agreement-darkmode body {
  background-color: var(--agreement-bg);
  color: var(--agreement-text);
}

html.agreement-darkmode h1,
html.agreement-darkmode h2,
html.agreement-darkmode h3,
html.agreement-darkmode h4,
html.agreement-darkmode h5,
html.agreement-darkmode h6 {
  color: var(--agreement-heading);
}

html.agreement-darkmode p,
html.agreement-darkmode li,
html.agreement-darkmode td,
html.agreement-darkmode th,
html.agreement-darkmode span,
html.agreement-darkmode b,
html.agreement-darkmode strong {
  color: var(--agreement-text);
}

html.agreement-darkmode a {
  color: var(--agreement-link);
}

html.agreement-darkmode a:hover {
  color: var(--agreement-link-hover);
}

/* 链接内加粗文字需继承链接色，避免被上方 strong 规则覆盖为正文白色 */
html.agreement-darkmode a strong,
html.agreement-darkmode a b {
  color: inherit;
}

html.agreement-darkmode .date-info,
html.agreement-darkmode .update-info {
  color: var(--agreement-text-secondary);
}

html.agreement-darkmode ol,
html.agreement-darkmode ul {
  color: var(--agreement-text);
}

/* 权限说明表格 */
html.agreement-darkmode .authority-table {
  border-left-color: var(--agreement-border);
  border-top-color: var(--agreement-border);
}

html.agreement-darkmode .authority-table td,
html.agreement-darkmode .authority-table th {
  border-bottom-color: var(--agreement-border);
  border-right-color: var(--agreement-border);
  color: var(--agreement-text);
}

html.agreement-darkmode .authority-table th {
  background-color: var(--agreement-table-header-bg);
}