/* ============================================================
   APP 统一主题（与 Flutter 端配色一致）
   用法: <link href="assets/css/app-theme.css" rel="stylesheet">
   色板:
     主文字   #1E1F20  ≈ Colors.black87
     加粗黑   #000000  ≈ Colors.black
     次文字   #929393  ≈ Color(0xFF929393) 青灰
     链接/激活 #44CDF5  ≈ Color(0xFF44CDF5) 青蓝
     强调     #269FDE  ≈ Color(0xFF269FDE) 天蓝
   ============================================================ */

/* ---------- 1. 整页背景（独立 fixed 层，与 Flutter Stack+Positioned.fill+cover 等价） ---------- */
html {
  margin: 0;
  padding: 0;
  height: 100%;
  background: #ffffff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html::before {
  content: "";
  position: fixed;
  left: 0; top: 0;
  width: 100vw; height: 100vh;
  z-index: -1;
  background: url('../images/背景.png') no-repeat center top / cover;
  pointer-events: none;
}
body {
  margin: 0;
  padding: 8px 16px;   /* 内容与屏幕边缘的间距，在这里调 */
  min-height: 100vh;
  background: transparent;
  color: #1E1F20;
  font-size: 14px;
  line-height: 1.6;
  font-family: -apple-system, "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", sans-serif;
  -webkit-overflow-scrolling: touch;
}

/* ---------- 2. 通用 reset ---------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend,
input, textarea, p, blockquote, th, td, hr, button,
article, aside, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary { margin: 0; padding: 0; }
input, select, textarea { border: 0; -webkit-appearance: none; appearance: none; }
ol, ul { list-style: none; }
img, a { -webkit-touch-callout: none; max-width: 100%; }
button { outline: none; }

/* ---------- 3. 链接 / 次文字 ---------- */
a, a:active, a:hover { color: #44CDF5; text-decoration: none; }
a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.muted, .secondary, .sub { color: #929393; }

/* ---------- 4. 标题/段落（容器样式已按需求移除） ---------- */
/* 5.1 .container 类（用户协议 / 隐私政策） */
.container { padding: 0 10px; }  /* 与 .doc 的 10px 对齐，保证两份协议左右有明显间隙 */
.container h1 { font-size: 18px; text-align: center; font-weight: 700; color: #000000; }
.container h2 { font-size: 16px; font-weight: 700; }
.container h3 { font-size: 15px; font-weight: 700; }
.container h4 { font-size: 14px; font-weight: 700; }
.container h1, .container h2, .container h3, .container h4,
.container h5, .container h6, .container p { margin: 12px 0; color: #1E1F20; }
.container p  { font-size: 14px; line-height: 1.7; }
.container strong, .container b { color: #000000; font-weight: 700; }
.container em, .container .highlight { color: #269FDE; font-style: normal; font-weight: 600; }

/* 5.2 .content 类（摘要 / 清单 / 说明书 / FAQ，原页面内嵌里已经设过，这里统一 APP 色） */
.content h1 { font-size: 18px; text-align: center; font-weight: 700; color: #000000; }
.content h2 { font-size: 16px; font-weight: 700; padding: 10px 0; color: #000000; }
.content h3 { font-size: 15px; font-weight: 700; padding: 5px 0; color: #000000; }
.content h4 { font-size: 14px; font-weight: 700; padding: 5px 0; color: #000000; }
.content p  { font-size: 14px; line-height: 1.7; color: #1E1F20; }
.content strong, .content b { color: #000000; font-weight: 700; }
.content em, .content .highlight { color: #269FDE; font-style: normal; font-weight: 600; }

/* ---------- 6. 表格 ---------- */
.container table {
  word-break: break-word;
  width: 100%;
  border-collapse: collapse;
}
.container table th,
.container table td {
  border: 1px solid #E5E6E7;
  padding: 8px 10px;
  color: #1E1F20;
}
.container table th { background: #F5F6F7; font-weight: 600; }

/* ---------- 7. 工具类 ---------- */
.overflow-ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* ---------- 8. 隐藏滚动条（滚动条不显示，页面照常滚动） ---------- */
::-webkit-scrollbar { width: 0; height: 0; display: none; }
html { scrollbar-width: none; -ms-overflow-style: none; }
