/* OpenChest 说明页样式 —— 朴素学术风格
   维护说明：全站仅使用下列变量中的颜色；版面为居中限宽单栏。 */

:root {
  --ink: #1f2937;          /* 正文 */
  --muted: #6b7280;        /* 次要文字 */
  --accent: #0066ea;       /* 强调色（标题、链接、倒计时数字） */
  --line: #d1d5db;         /* 分隔线 */
  --paper: #ffffff;        /* 页面底色 */
  --panel: #f9fafb;        /* 倒计时面板底色 */
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
               "Noto Sans CJK SC", sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.9;
  font-size: 16px;
}

.wrap {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---------- 页头 ---------- */

.site-header {
  border-bottom: 1px solid var(--line);
  padding: 56px 0 32px;
  margin-bottom: 40px;
}

.site-title {
  font-family: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.site-title .accent { color: var(--accent); }

.site-subtitle {
  margin-top: 8px;
  color: var(--muted);
  font-size: 1rem;
}

/* ---------- 章节 ---------- */

section {
  margin-bottom: 48px;
}

h2 {
  font-family: Georgia, "Times New Roman", "Songti SC", "SimSun", serif;
  font-size: 1.35rem;
  font-weight: 700;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--line);
}

p { margin-bottom: 12px; }

p.note {
  color: var(--muted);
  font-size: 0.9rem;
}

strong { font-weight: 600; }

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover { text-decoration: underline; }

/* ---------- 功能与架构列表 ---------- */

.feature-list, .disclaimer-list {
  margin: 8px 0 16px 1.4em;
}

.feature-list li, .disclaimer-list li {
  margin-bottom: 8px;
}

.arch-list dt {
  font-weight: 600;
  margin-top: 16px;
}

.arch-list dd {
  margin: 4px 0 0 0;
  padding-left: 1em;
  border-left: 3px solid var(--panel);
  color: var(--ink);
}

/* ---------- 倒计时 ---------- */

.countdown {
  display: flex;
  gap: 16px;
  margin: 20px 0 12px;
}

.countdown .unit {
  flex: 1;
  max-width: 150px;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 6px;
  text-align: center;
  padding: 18px 8px 12px;
}

.countdown .num {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--accent);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.countdown .label {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.85rem;
}

/* ---------- 页脚（备案信息，勿删） ---------- */

.site-footer {
  border-top: 1px solid var(--line);
  margin-top: 64px;
  padding: 28px 0 36px;
  text-align: center;
  color: var(--muted);
  font-size: 0.88rem;
}

.site-footer p { margin-bottom: 4px; }

.site-footer a { color: var(--muted); }

.site-footer a:hover { color: var(--accent); }

/* ---------- 窄屏 ---------- */

@media (max-width: 560px) {
  .site-title { font-size: 2rem; }
  .countdown { flex-wrap: wrap; }
  .countdown .unit { flex: 1 1 40%; }
  .countdown .num { font-size: 1.9rem; }
}