/* secret.css —— 隐秘层皮肤（近黑 + 血红 + 手写体 + 留白节奏）
 * 挂载（按页面，不按目录批量挂载 —— GDD D10）：
 *   pages/archive/ 受保护卷宗（27–38）
 *   pages/archive/gate-clinic.html、pages/archive/gate-correction.html
 *   pages/endings/a.html、pages/endings/b.html（D16）
 *   pages/ex/（3 页）
 * 换肤时机：G2 成功当页即换（背景／标题／logo／页脚四信号），
 * 由 gate 组件的 data-reskin="secret" 触发（body 加 .secret）。
 */

body.secret {
  background: #1a1a1c;
  color: #9e9e9e;
}

body.secret header.site-header {
  background: #1a1a1c;
  border-bottom-color: #2c2c30;
}

body.secret header.site-header .brand { color: #b03030; }
body.secret a { color: #c8433a; }

body.secret h1,
body.secret h2 { color: #db1400; }

body.secret .sheet,
body.secret .document {
  background: #202023;
  border-color: #2c2c30;
}

body.secret .doc-head { border-bottom-color: #2c2c30; }
body.secret .doc-no,
body.secret .doc-date { color: #7a7a7a; }

body.secret .catalog th { background: #26262a; }
body.secret .catalog th,
body.secret .catalog td { border-color: #2c2c30; }

body.secret form.gate { background: #202023; border-color: #2c2c30; }
body.secret form.gate input { background: #16161a; color: #ddd; border: 1px solid #2c2c30; }
body.secret .btn { border-color: #b03030; color: #db1400; }
body.secret .gate-error { color: #ff3b2f; }
body.secret .locked { border-color: #3a3a40; background: #1d1d20; }
body.secret footer { border-top-color: #2c2c30; color: #6d6d6d; }
body.secret .stamp { color: #db1400; border-color: #db1400; }

/* 手写体（红色手抄行） */
body.secret .handwrite {
  font-family: "Caveat", "Kaiti SC", "STKaiti", cursive;
  color: #d20a0a;
}

/* 留白即节奏 */
body.secret .spacer { height: 180px; }

/* ── 归档黑场（27 号卷末的仪式）─────────────────────────────────────────
 * blackout 组件只负责把黑场亮起来（本处无 next、不跳转），而它自带的黑场是
 * position:fixed 全屏且不会自行退场——照原样挂载，4 秒后整卷正文与顶栏
 * 都会被永久盖住。这里让黑场自己走完「亮起 → 停留 → 退场」，
 * 并全程不接管指针，正文仍可继续阅读。
 */
body.secret .blackout {
  pointer-events: none;
  animation: archive-blackout 4.6s ease forwards;
}

@keyframes archive-blackout {
  0% { opacity: 0; }
  12% { opacity: 1; }
  68% { opacity: 1; }
  100% { opacity: 0; visibility: hidden; }
}