@import url("/static/press.css");
/* ══ reskin.css · 旧页面统一换皮 ══════════════════════════════
   挂在每个页面自己的 <style> 之后(</head> 前),靠"同名变量后来居上"
   把老配色整套顶掉,再叠一层新外壳。页面自己的规则一行不用改。

   约定沿用老页面的极性:  :root = 昼   body[data-theme="dark"] = 夜
   (新页面是反过来的,但那些页面不挂这个文件,互不打扰)
   2026-07-26
   ═══════════════════════════════════════════════════════════ */

/* ── 昼 ── */
:root {
  --serif: Georgia, "Songti SC", "Noto Serif SC", serif;

  --paper: #aeaeaa;  --bg: #aeaeaa;
  --ink: #26251f;    --text: #26251f;
  --ink-dim: rgba(38,37,31,.66);   --text2: rgba(38,37,31,.66);  --sub: rgba(38,37,31,.66);
  --ink-faint: rgba(38,37,31,.4);  --text3: rgba(38,37,31,.4);   --text-soft: rgba(38,37,31,.4);
  --mist: rgba(38,37,31,.16);      --border: rgba(38,37,31,.16); --border-strong: rgba(38,37,31,.28);
  --glass: rgba(234,234,230,.85);  --surface: rgba(234,234,230,.85);
  /* 顶栏单独一档,不跟 --glass 走。--glass 是近白,压在面纱之上会比正文亮
     一大截(算过:正文顶部亮度约 203,顶栏约 229),读起来就是一条突兀的亮带
     ——她 2026-07-26 在银河/Territory/作品集三页都指出来了。
     这里取正文那个色调,不透明度仍留够以挡住滚过去的内容。 */
  --bar: rgba(198,198,193,.82);
  --bar-line: rgba(38,37,31,.09);
  --pad: rgba(240,240,236,.16);    --surface2: rgba(240,240,236,.55);
  --card: rgba(38,37,31,.055);     --bg-card: rgba(38,37,31,.055);
  --card-strong: rgba(38,37,31,.12); --bg-card-deep: rgba(38,37,31,.12);
  --glow: rgba(38,37,31,.28);
  --shadow: 0 2px 18px rgba(38,37,31,.10);

  --gold: #96762f;  --accent: #96762f;  --moss: #5c7346;  --green: #5c7346;
  --red: #a8493c;   --danger: #a8493c;  --rose: #9c5f63;
  --purple: #6f5f8c; --blue: #4a6076;   --night-blue: #3c4a5c;
  --user-color: #5c7346; --aion-color: #96762f;

  /* 大富翁的两位玩家:沿用「两道潮」那对颜色,不用蓝/粉 */
  --p1: #96762f; --p1-soft: rgba(150,118,47,.16);
  --p2: #5c7346; --p2-soft: rgba(92,115,70,.16);
  /* Territory 的冷热两端(感受强度渐变)与记忆体检的告警色 */
  --cold: #4a6076; --hot: #a8493c; --amber: #96762f;

  --wall: url("/static/chat2-bg-day.jpg");
  --veil: linear-gradient(180deg,
    rgba(236,236,232,.66) 0%, rgba(236,236,232,.52) 24%,
    rgba(236,236,232,.52) 60%, rgba(236,236,232,.70) 100%);
}

/* ── 夜 ── */
body[data-theme="dark"] {
  --paper: #08080a;  --bg: #08080a;
  --ink: #e8e4da;    --text: #e8e4da;
  --ink-dim: rgba(232,228,218,.55);  --text2: rgba(232,228,218,.55);  --sub: rgba(232,228,218,.55);
  --ink-faint: rgba(232,228,218,.32);--text3: rgba(232,228,218,.32);  --text-soft: rgba(232,228,218,.32);
  --mist: rgba(232,228,218,.13);     --border: rgba(232,228,218,.13); --border-strong: rgba(232,228,218,.26);
  --glass: rgba(8,8,10,.86);         --surface: rgba(14,14,18,.86);
  /* 夜间顶栏本来就比正文略深(算过:正文约 13,顶栏约 9),没有亮带问题,
     只把那条硬线收细,跟昼间保持同一种做法 */
  --bar: rgba(8,8,10,.84);
  --bar-line: rgba(232,228,218,.075);
  --pad: rgba(14,14,18,.13);         --surface2: rgba(20,20,26,.6);
  --card: rgba(232,228,218,.06);     --bg-card: rgba(232,228,218,.06);
  --card-strong: rgba(232,228,218,.13); --bg-card-deep: rgba(232,228,218,.13);
  --glow: rgba(232,228,218,.45);
  --shadow: 0 2px 20px rgba(0,0,0,.35);

  --gold: #d4b98c;  --accent: #d4b98c;  --moss: #9fb383;  --green: #9fb383;
  --red: #c96b5e;   --danger: #c96b5e;  --rose: #c08a8e;
  --purple: #a99ac0; --blue: #8098ac;   --night-blue: #6a7c92;
  --user-color: #9fb383; --aion-color: #d4b98c;

  --p1: #d4b98c; --p1-soft: rgba(212,185,140,.15);
  --p2: #9fb383; --p2-soft: rgba(159,179,131,.15);
  --cold: #8098ac; --hot: #c96b5e; --amber: #d4b98c;

  --wall: url("/static/chat2-bg-night.jpg");
  --veil: linear-gradient(180deg,
    rgba(8,8,10,.74) 0%, rgba(8,8,10,.56) 24%,
    rgba(8,8,10,.56) 60%, rgba(8,8,10,.76) 100%);
}

/* ── 壁纸 + 面纱:两层 fixed,和 chat2/今天页同一张图 ── */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -2;
  background: var(--wall) center top / cover no-repeat;
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: -1;
  pointer-events: none; background: var(--veil);
}
/* 自带整屏画布的页面(如山海的地图)不铺:两层 fixed 壁纸压在会动的地图上,
   手机端合成开销很大,会拖出可感的卡顿。顶栏的实时毛玻璃同理一并关掉。 */
body.no-wall::before, body.no-wall::after { display: none; }
body.no-wall .top-bar, body.no-wall[data-theme="dark"] .top-bar {
  backdrop-filter: none; -webkit-backdrop-filter: none;
}

body { background: var(--bg); color: var(--text); }

/* ── 顶栏:玻璃 + 衬线疏排标题 ── */
.top-bar,
body[data-theme="dark"] .top-bar {
  background: var(--bar);
  backdrop-filter: blur(20px) saturate(1.2);
  -webkit-backdrop-filter: blur(20px) saturate(1.2);
  border-bottom: 1px solid var(--bar-line);
  gap: 12px; padding: 13px 16px;
}
.top-bar h2 {
  font-family: var(--serif); font-size: 14.5px; font-weight: 400;
  letter-spacing: .3em; color: var(--ink); flex: 1;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* 返回键:各页原本写的是 ⬅ 或 ‹,一律换成同一枚细角标 */
.top-bar .back-btn, .back-btn {
  background: none; border: 0; cursor: pointer; padding: 0;
  width: 32px; height: 32px; flex-shrink: 0;
  display: grid; place-items: center;
  font-size: 0; color: var(--ink-dim);
  transition: color .25s ease;
}
.top-bar .back-btn::before, .back-btn::before {
  content: "‹"; font-family: var(--serif); font-size: 25px; line-height: 1;
}
.top-bar .back-btn:hover, .back-btn:hover { color: var(--ink); }

/* ── 内容区 ── */
.page-content { max-width: 640px; margin: 0 auto; padding: 20px 18px 60px; }

/* ── 小节名:衬线疏排,和「此 刻」「每 一 次 醒 来」同款 ── */
.sec-title, .form-label {
  font-family: var(--serif); font-size: 10.5px; font-weight: 400;
  letter-spacing: .24em; color: var(--ink-faint);
  margin: 24px 0 9px; display: block;
}
.form-label:first-child { margin-top: 0; }
.form-hint { font-size: 11px; color: var(--ink-faint); margin: -4px 0 7px; line-height: 1.75; }

/* ── 表单:去掉塑料感,留一层薄框 ── */
.form-input {
  width: 100%; box-sizing: border-box;
  background: var(--pad); color: var(--ink);
  border: 1px solid var(--mist); border-radius: 10px;
  padding: 11px 13px; font-size: 14px; line-height: 1.8;
  outline: none; font-family: inherit;
  transition: border-color .25s ease, background .25s ease;
}
.form-input:focus { border-color: var(--gold); background: transparent; }
.form-input::placeholder { color: var(--ink-faint); }
textarea.form-input { resize: vertical; min-height: 130px; }

/* ── 按钮:文字型,不抢戏 ── */
.btn-row { display: flex; gap: 20px; margin-top: 26px; justify-content: flex-end; align-items: center; }
.btn-row button {
  padding: 7px 4px; border: 0; background: none; cursor: pointer;
  font-family: var(--serif); font-size: 12.5px; letter-spacing: .2em;
  transition: opacity .25s ease;
}
.btn-save { color: var(--gold); }
.btn-cancel { color: var(--ink-faint); }
.btn-row button:hover { opacity: .7; }

/* ── 行/卡:去掉圆角塑料块,改成细线分隔 ── */
.row, .list-container { border-radius: 12px; }
.row { background: var(--card); border: 1px solid transparent; }
.list-container { border: 1px solid var(--mist); background: transparent; }
.list-empty, .empty { color: var(--ink-faint); font-size: 12.5px; letter-spacing: .06em; }

/* ── 开关:金/苔,不用蓝 ── */
.toggle-switch input:checked + .toggle-slider,
.toggle input:checked + .slider { background: var(--moss); border-color: var(--moss); }
.toggle-switch input:checked + .toggle-slider:before { background: var(--paper); }
.toggle input:checked + .slider::before { background: var(--paper); }

/* ── 各页遗留的彩色小标签 ────────────────────────────────
   老皮里这些是 Material 那套亮粉彩(#fff3e0/#e3f2fd/#f3e5f5),
   底色写死,跟不了变量,夜里会刺眼。
   做法:底色一律收成中性的 --card,只在字色上留一点区分。 */
.sch-type.alarm, .sch-type.reminder, .sch-type.monitor,
.pill.doing, .pill.todo, .pill.done, .pill.paused, .pill.board,
.badge.dry, .badge.archived, .badge.marker,
.chip, .inject-tag, .private-tag,
.inject-banner, .private-banner, .archive-banner { background: var(--card); }

.sch-type.alarm    { color: var(--gold); }
.sch-type.reminder { color: var(--blue); }
.sch-type.monitor  { color: var(--moss); }
.chip              { color: var(--gold); }

/* Territory / 记忆体检 里同样的毛病:一堆带色的底 */
.draft-badge, .draft-card, .dc-confirm, .chip.tool, .chip.cat, .chip.mood,
.run-trigger, .badge, .badge.warn, .step, .step.fail, .grp-err, .grp-raw,
body[data-theme="dark"] .draft-badge { background: var(--card); }

.draft-badge, body[data-theme="dark"] .draft-badge { color: var(--danger); }
.draft-card    { border-color: var(--mist); }
.dc-confirm    { color: var(--moss); }
.chip.tool     { color: var(--gold); }
.chip.mood     { color: var(--rose); }
.grp-err       { color: var(--danger); }
.draft-panel, body[data-theme="dark"] .draft-panel { background: var(--paper); }
/* 人形剪影后面那团暖光:保留纵深,换成中性 */
.stage, body[data-theme="dark"] .stage {
  background: radial-gradient(ellipse at center 40%, var(--card) 0%, transparent 65%), var(--bg);
}
.dr-add-btn { box-shadow: none; }

/* 实心按钮上的字:#fff 在浅色皮上会糊,改成纸色 */
.drawer-add, .add-form button.primary, .dr-add-btn,
.sheet-tabs button.active .tab-cnt, .dr-tabs button.active .tab-cnt,
.controls button:hover { color: var(--paper); }
.sheet .actions button.danger { color: var(--danger); }
.toast-corner { border-color: var(--danger); }

/* ── 滚动条 ── */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-thumb { background-color: var(--mist); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background-color: var(--ink-faint); }

/* ── 记忆库的四层语义色(智/熟/古/黄):老皮是蓝绿棕橙,写死跟不了变量 ──
   底色统一收成中性,只在字色上留区分,四层仍然一眼可分。 */
.mem-layer, .mem-layer.stable, .mem-layer.historical, .mem-layer.review,
.mem-entry.mem-unresolved { background: var(--card); }
.mem-layer            { color: var(--blue); }
.mem-layer.stable     { color: var(--moss); }
.mem-layer.historical { color: var(--ink-faint); }
.mem-layer.review     { color: var(--gold); }
.mem-entry.mem-unresolved { border-color: var(--gold); }
.mem-add-row button, .btn-digest { color: var(--paper); }
.btn-digest { background: var(--moss); }
.btn-digest:hover { background: var(--moss); opacity: .85; }