/* ============================================================
   Textmolt Memory Paper Layer — 记忆面板纸墨换皮（0813 用户拍板，
   方案 = .tmp/FABLE_DESIGN_LINE_2026-08-13/MEMORY_HELP_RESKIN.md §4）
   壳复用 zotero 面板同款纸面化覆盖法（同一 .cortex-panel 壳先例）；
   工作记忆 = S6 便笺（kicker 分组、空组不渲染由 JS 承担）；
   长期记忆 = 书末三卷（目录行 + 横线稿纸誊写面）。
   规范：不定义 --tm-*；暗档由 token 翻转承担。
   加载序在 styles.css 之后，旧 aurora 玻璃值全部压成纸面 token。
   ============================================================ */

/* ── 壳：aurora 玻璃 → 纸面 ── */
.cortex-panel-inner {
  background:
    linear-gradient(var(--tm-paper-veil), var(--tm-paper-veil)),
    var(--tm-paper-texture) var(--tm-paper);
  background-size: auto, 300px 300px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-left: 1px solid var(--tm-paper-hairline);
  color: var(--tm-paper-ink);
}
.cortex-header {
  background: transparent;
  border-bottom: 2px solid var(--tm-paper-ink);
}
.cortex-title {
  font-family: var(--tm-serif, serif);
  letter-spacing: 0.22em;
  color: var(--tm-paper-ink);
}
/* 小字减量（用户 0813）：副题与两条分节说明整体退场——题签+分节 kicker
   已足够导航，解释性文字一律走 ⓘ */
.cortex-subtitle,
.cortex-section-desc {
  display: none;
}
.cortex-section-title {
  color: var(--tm-paper-ink-2);
}
/* 关闭 ✕：styles.css 写死 rgba(30,30,30,.45) 在暗档等于隐形（0813 全页
   清点实证）——token 化随纸翻转 */
.cortex-close {
  color: var(--tm-paper-ink-mut);
}
.cortex-close:hover {
  color: var(--tm-ink-purple-strong);
}
/* 呼吸渐变玻璃卡退场：工作记忆区回纸（光斑在 ::before 上，一并摘除） */
.cortex-working {
  background: transparent;
  border: none;
  box-shadow: none;
  animation: none;
}
.cortex-working::before,
.cortex-working::after {
  display: none;
}

/* ── 工作记忆：四彩卡 → kicker 分组便笺流 ── */
.wm-card {
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin-top: 14px;
}
.wm-card:hover {
  transform: none;
  box-shadow: none;
}
/* 彩色左边条退场（三墨秩序） */
.wm-card[data-section="facts"],
.wm-card[data-section="decisions"],
.wm-card[data-section="todos"],
.wm-card[data-section="style"] {
  border-left: none;
}
.wm-card-title {
  border-bottom: 1px solid var(--tm-paper-hairline);
  padding-bottom: 4px;
}
.wm-card-title span {
  font-family: var(--tm-serif, serif);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.26em;
  color: var(--tm-paper-ink-mut);
}
.wm-add-btn {
  color: var(--tm-paper-ink-2);
  border-bottom: 1px dashed var(--tm-paper-hairline-2);
  border-radius: 0;
  padding: 2px 0;
}
.wm-add-btn:hover {
  background: transparent;
  color: var(--tm-ink-purple-strong);
}
/* 便笺：band 纸 + hairline + 微倾（奇偶 ±0.4deg，S6 手工感画意） */
.wm-item {
  background: var(--tm-paper-band);
  border: 1px solid var(--tm-paper-hairline);
  border-radius: 3px;
  transform: rotate(-0.4deg);
}
.wm-item:nth-child(even) {
  transform: rotate(0.4deg);
}
.wm-item:hover {
  background: var(--tm-paper-raised);
}
.wm-text {
  font-family: var(--tm-serif, serif);
  font-size: 13px;
  line-height: 1.7;
  color: var(--tm-paper-ink);
}
.wm-action-btn {
  color: var(--tm-paper-ink-mut);
}
.wm-action-btn:hover {
  color: var(--tm-cinnabar);
}
@media (prefers-reduced-motion: reduce) {
  .wm-item,
  .wm-item:nth-child(even) {
    transform: none;
  }
}

/* ── 空态 = 一张微倾便笺（S6 个性回归，用户 0813「没个性」反馈）：
      陈述与手记入口写在便笺上；※ 脚注留在纸面上便笺之外 ── */
.wm-empty {
  padding: 14px 2px 6px;
}
.wm-empty-line {
  margin: 0;
  padding: 14px 16px 12px;
  background: var(--tm-paper-band);
  border: 1px solid var(--tm-paper-hairline);
  border-radius: 3px;
  transform: rotate(-0.4deg);
  font-family: var(--tm-serif, serif);
  font-size: 13px;
  line-height: 1.8;
  color: var(--tm-paper-ink);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.wm-empty-add {
  display: inline-block;
  margin: 12px 0 0 4px;
  font-size: 12px;
}
@media (prefers-reduced-motion: reduce) {
  .wm-empty-line {
    transform: none;
  }
}

/* ── 长期记忆：三卷目录行 + 誊写面 ── */
.mem-file {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--tm-paper-hairline);
  border-radius: 0;
  box-shadow: none;
}
.mem-file-header {
  background: transparent;
  padding: 11px 2px;
  cursor: pointer;
}
.mem-file-title {
  /* 卷名走衬线（书卷气=个性所在），ⓘ 收文件名与作用域小注 */
  font-family: var(--tm-serif, serif);
  font-size: 13px;
  color: var(--tm-paper-ink);
  font-weight: 600;
  flex: 1;
  min-width: 0;
}
.mem-file-caret {
  flex: none;
  font-size: 11px;
  color: var(--tm-paper-ink-mut);
  transition: transform var(--tm-dur-fast) var(--tm-ease-out);
}
.mem-file.open .mem-file-caret {
  transform: rotate(90deg);
  color: var(--tm-ink-purple-strong);
}
.mem-file-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mem-file-desc {
  color: var(--tm-paper-ink-mut);
  font-family: var(--tm-font-mono);
  font-size: 10.5px;
}
/* 行尾「点击展开」提示不折行（en 曾折成两行） */
.mem-file-header > .mem-file-desc {
  flex: none;
  white-space: nowrap;
}
.mem-file-body {
  padding: 2px 2px 12px;
}
/* 誊写面：横线稿纸（稿纸线随内容滚动） */
.mem-editor,
.pin-editor,
.compact-summary-textarea {
  font-family: var(--tm-font-mono);
  font-size: 11.5px;
  line-height: 28px;
  color: var(--tm-paper-ink);
  background-color: var(--tm-paper-raised);
  background-image: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 27px,
    var(--tm-paper-hairline) 27px,
    var(--tm-paper-hairline) 28px
  );
  background-attachment: local;
  border: 1px solid var(--tm-paper-hairline);
  border-radius: 4px;
  padding: 0 10px;
}
.mem-editor:focus,
.mem-editor:focus-visible,
.pin-editor:focus,
.compact-summary-textarea:focus {
  outline: none;
  border-color: var(--tm-ink-purple);
}
.mem-save-btn {
  font: inherit;
  font-size: 12px;
  color: var(--tm-ink-purple-strong);
  background: none;
  border: 1px solid var(--tm-paper-hairline-2);
  border-radius: 4px;
  padding: 5px 14px;
  cursor: pointer;
}
.mem-save-btn:hover {
  background: var(--tm-paper-band);
}