/* ============================================================
   TA 日记 · 实体笔记本质感（可手动翻页 + 贴纸）
   参考：2026 亚麻手账本，封面 → 圆点方格内页，暖米/棕色调。
   这层刻意跳出外壳的黑白玻璃风，营造"翻开一本纸质日记"的沉浸感。
   ============================================================ */
.diary-screen {
  display: flex; flex-direction: column; overflow: hidden;
  --paper: #fbf8f1;
  --paper-edge: #efe9dc;
  --cover: #cdbfa6;
  --cover-2: #bcac8e;
  --board: #5a4632;
  --board-2: #6f5941;
  --dot: rgb(90 70 50 / 14%);
  --ink-warm: #4a4239;
  --ink-warm-2: #9a8f7e;
  --accent-warm: #a9552f;
  background:
    radial-gradient(130% 90% at 50% -10%, #f3f1ec 0%, transparent 60%),
    linear-gradient(180deg, #e9e7e1 0%, #dedcd4 100%) !important;
}

/* 顶栏 / 底栏：极简，让本子当主角 */
.diary-topbar {
  position: sticky; top: 0; z-index: 6;
  height: calc(56px + var(--safe-top));
  padding: var(--safe-top) 14px 0;
  display: flex; align-items: center; justify-content: space-between;
}
.diary-icon-btn {
  width: 40px; height: 40px;
  display: grid; place-items: center;
  border: 0; border-radius: 50%;
  color: var(--ink-warm);
  background: rgb(255 255 255 / 64%);
  box-shadow: inset 0 0 0 1px rgb(90 70 50 / 8%), 0 4px 12px rgb(90 70 50 / 12%);
  font-size: 18px; cursor: pointer;
}
.diary-icon-btn:active { background: rgb(255 255 255 / 84%); }
.diary-topbar-right { display: flex; align-items: center; gap: 8px; }
#sticker-toggle { font-size: 20px; }

/* ---------- 舞台：本子（随内容变长、整页上下滚） + 两侧翻页键 ---------- */
.diary-stage { position: relative; flex: 1; min-height: 0; }
.diary-scroll {
  height: 100%;
  overflow-y: auto; overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding: 2px 8px 70px;
  scrollbar-width: none;
}
.diary-scroll::-webkit-scrollbar { display: none; }

.diary-flip {
  position: absolute; top: 50%; z-index: 5;
  width: 38px; height: 38px; transform: translateY(-50%);
  display: grid; place-items: center;
  border: 0; border-radius: 50%;
  color: var(--ink-warm);
  background: rgb(255 255 255 / 55%);
  box-shadow: 0 4px 14px rgb(90 70 50 / 16%);
  font: 300 26px/1 Arial, sans-serif; cursor: pointer;
  transition: opacity .2s ease;
}
.diary-flip-prev { left: 4px; padding-bottom: 3px; }
.diary-flip-next { right: 4px; padding-bottom: 3px; }
.diary-flip:disabled { opacity: .28; pointer-events: none; }
.diary-flip:active { background: rgb(255 255 255 / 80%); }

/* ---------- 本子：棕色硬壳 + 纸页。高度靠内容自己撑（参考计划本的纸） ---------- */
.diary-book {
  position: relative;
  width: min(94%, 380px);
  margin: 0 auto;
  /* 内容少时至少铺满一屏，内容多就一直往下长，整页滚动 */
  min-height: 100%;
  display: flex; align-items: stretch;
  border-radius: 8px 16px 16px 8px;
  padding: 10px 10px 10px 16px;
  background:
    linear-gradient(90deg, var(--board) 0 10px, transparent 10px),
    repeating-linear-gradient(180deg, var(--board-2) 0 3px, var(--board) 3px 6px);
  box-shadow: 0 18px 40px -12px rgb(60 44 30 / 45%), 0 4px 10px rgb(60 44 30 / 22%);
  perspective: 1500px;
  -webkit-user-select: none; user-select: none;
  touch-action: pan-y;
}
/* 书脊阴影 */
.diary-book::before {
  content: ""; position: absolute; top: 10px; bottom: 10px; left: 16px; width: 14px;
  border-radius: 6px 0 0 6px;
  background: linear-gradient(90deg, rgb(60 44 30 / 28%), transparent);
  z-index: 3; pointer-events: none;
}

/* ---------- 一页纸 ---------- */
.diary-page {
  position: relative;
  flex: 1; min-width: 0;
  display: flex; flex-direction: column;
  overflow: hidden;
  border-radius: 4px 12px 12px 4px;
  background: var(--paper);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 60%), inset 0 0 40px rgb(90 70 50 / 5%);
  backface-visibility: hidden;
}

/* 圆点方格纸 */
.diary-notes {
  padding: 26px 22px 20px;
  background:
    radial-gradient(circle, var(--dot) 1px, transparent 1.4px) 12px 40px / 22px 22px,
    var(--paper);
}

/* 封面：亚麻布纹 */
.diary-cover {
  display: grid; align-content: center; justify-items: center; gap: 10px;
  background:
    repeating-linear-gradient(0deg, rgb(255 255 255 / 12%) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(90deg, rgb(120 100 74 / 8%) 0 1px, transparent 1px 3px),
    linear-gradient(135deg, var(--cover) 0%, var(--cover-2) 100%);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 30%), inset 0 0 60px rgb(90 70 50 / 12%);
}
.diary-cover-year { font: 600 44px/1 "SF Pro Display", Georgia, serif; color: #8a4d2c; letter-spacing: 2px; }
.diary-cover-sub { color: #6f5a41; font-family: var(--letter-font, "LiXuKe"), "PingFang SC", serif; font-size: 26px; letter-spacing: 2px; }
.diary-cover-open { margin-top: 8px; color: #7c6647; font-size: 12px; opacity: .8; }

/* Notes 抬头 */
.diary-notes-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 6px; border-bottom: 1.5px solid rgb(90 70 50 / 14%); }
.diary-notes-head strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 22px/1.25 var(--letter-font, "LiXuKe"), "PingFang SC", serif; color: var(--ink-warm); letter-spacing: .5px; }
.diary-notes-head span { flex: 0 0 auto; color: var(--ink-warm-2); font-size: 12px; letter-spacing: 1px; }

.diary-entries { margin-top: 14px; display: grid; gap: 16px; }
.diary-entry-row { display: grid; gap: 4px; }
.diary-date { color: var(--ink-warm-2); font-size: 13px; font-weight: 600; letter-spacing: .5px; }
.diary-mood-line { color: var(--ink-warm); font-size: 14.5px; }
.diary-mood-line b { color: var(--accent-warm); font-weight: 700; }
.diary-text { margin: 2px 0 0; color: var(--ink-warm); font-size: 14.5px; line-height: 1.6; white-space: pre-wrap; }
.diary-photo { margin-top: 6px; width: 46%; border-radius: 6px; box-shadow: 0 3px 8px rgb(90 70 50 / 22%); }
.diary-empty-note { margin: 40% 0; text-align: center; color: var(--ink-warm-2); font-size: 13px; }

.diary-notes-foot { position: absolute; left: 22px; bottom: 14px; color: var(--ink-warm-2); font-size: 12px; letter-spacing: 1px; opacity: .7; }

.diary-bottombar { padding: 8px 20px calc(14px + var(--safe-bottom)); display: flex; align-items: center; justify-content: space-between; }
.diary-year { color: var(--ink-warm); font-size: 15px; font-weight: 600; }
.diary-hint { color: var(--ink-warm-2); font-size: 12px; }

/* ============================================================
   贴纸系统
   ============================================================ */
.sticker-layer { position: absolute; inset: 0; z-index: 2; }
.sticker {
  position: absolute;
  transform: translate(-50%, -50%) scale(var(--s, 1)) rotate(var(--r, 0deg));
  transform-origin: center;
  cursor: grab;
  touch-action: none;
  will-change: left, top, transform;
}
.sticker.dragging { cursor: grabbing; }
.sticker img, .sticker .sticker-emoji { display: block; pointer-events: none; -webkit-user-drag: none; user-select: none; }
.sticker img { width: 72px; height: 72px; object-fit: contain; filter: drop-shadow(0 2px 4px rgb(60 44 30 / 25%)); }
.sticker .sticker-emoji { font-size: 46px; line-height: 1; filter: drop-shadow(0 2px 3px rgb(60 44 30 / 22%)); }
.sticker.selected { outline: 1.5px dashed rgb(169 85 47 / 70%); outline-offset: 4px; }
.sticker-handle {
  position: absolute; width: 24px; height: 24px;
  display: none; place-items: center;
  border-radius: 50%;
  color: #fff; font-size: 13px; line-height: 1;
  box-shadow: 0 2px 6px rgb(60 44 30 / 30%);
  cursor: pointer;
}
.sticker.selected .sticker-handle { display: grid; }
.sticker-del { top: -12px; left: -12px; background: #c2492c; }
.sticker-scale { right: -12px; bottom: -12px; background: #6f5941; cursor: nwse-resize; touch-action: none; }
.sticker-rotate { left: -12px; bottom: -12px; background: #4a7a4a; cursor: grab; touch-action: none; }

/* 贴纸盘 */
.sticker-shade { position: absolute; inset: 0; z-index: 9; background: rgb(60 44 30 / 20%); }
.sticker-tray {
  position: absolute; z-index: 10; right: 0; bottom: 0; left: 0;
  max-height: 62svh; overflow: auto;
  padding: 14px 18px calc(20px + var(--safe-bottom));
  border-radius: 26px 26px 0 0;
  background: var(--paper);
  box-shadow: 0 -14px 40px rgb(60 44 30 / 22%);
}
.sticker-tray-head { display: flex; align-items: center; justify-content: space-between; }
.sticker-tray-head strong { font-size: 17px; color: var(--ink-warm); }
.sticker-tray-head button { border: 0; background: none; color: var(--accent-warm); font-size: 15px; font-weight: 600; cursor: pointer; }
.sticker-tray-tip { margin: 6px 0 14px; color: var(--ink-warm-2); font-size: 12px; line-height: 1.5; }
.sticker-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.sticker-pick {
  aspect-ratio: 1; display: grid; place-items: center;
  border: 0; border-radius: 16px;
  background: rgb(90 70 50 / 6%);
  box-shadow: inset 0 0 0 1px rgb(90 70 50 / 8%);
  cursor: pointer;
}
.sticker-pick:active { background: rgb(90 70 50 / 12%); }
.sticker-pick img { width: 60%; height: 60%; object-fit: contain; }
.sticker-pick .sticker-emoji { font-size: 28px; }
.sticker-upload {
  margin-top: 14px; display: grid; place-items: center;
  height: 46px; border-radius: 14px;
  color: var(--ink-warm);
  background: rgb(90 70 50 / 6%);
  box-shadow: inset 0 0 0 1px rgb(90 70 50 / 12%);
  font-size: 14px; font-weight: 600; cursor: pointer;
}

/* ============================================================
   青枫体信件 / 捣乱工具 / 门锁 / 被发现 / 角掀式翻页（增补）
   ============================================================ */
/* 青枫体：用户自己写字贴纸用（好和角色的信区分），浏览器懒加载 */
@font-face{
  font-family:"QingFeng";
  src:url("assets/fonts/qingfeng.woff2") format("woff2"),
      url("assets/fonts/qingfeng.ttf") format("truetype");
  font-weight:400; font-style:normal; font-display:swap;
}
/* 李旭科钢笔行书：角色信件专属字体，和用户的青枫体拉开辨识度 */
@font-face{
  font-family:"LiXuKe";
  src:url("assets/fonts/lixuke.woff2") format("woff2"),
      url("assets/fonts/lixuke.ttf") format("truetype");
  font-weight:400; font-style:normal; font-display:swap;
}

/* 默认壁纸：那张缎面（可被 --page-wallpaper 覆盖） */
.diary-screen{
  background:
    linear-gradient(180deg, rgb(245 242 236 / 55%), rgb(228 224 216 / 62%)),
    var(--diary-wallpaper, url("assets/ta/wallpaper-default.jpg")) center/cover no-repeat !important;
}

/* ---------- 立体翻页：整张纸绕左侧书脊转，正面 / 纸背两面 ---------- */
.diary-leaf{position:relative;flex:1;min-width:0;display:flex;
  transform-origin:left center;transform-style:preserve-3d;will-change:transform;}
.page-top{position:relative;z-index:2;flex:1;min-width:0;display:flex;backface-visibility:hidden;}
/* 纸背：翻过 90° 后看到的那一面，空白圆点纸 */
.page-back{position:absolute;inset:0;z-index:1;pointer-events:none;
  transform:rotateY(180deg);backface-visibility:hidden;
  border-radius:12px 4px 4px 12px;
  background:radial-gradient(circle, var(--dot) 1px, transparent 1.4px) 12px 40px / 22px 22px,
    linear-gradient(270deg,#f6f2e8 0%,var(--paper) 55%,#efe9dc 100%);
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / 45%), inset 22px 0 30px -18px rgb(90 70 50 / 45%);}
/* 翻页时纸面自身的明暗（靠书脊那侧压暗），两面都吃 */
.leaf-shade{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;border-radius:4px 12px 12px 4px;
  background:linear-gradient(90deg, rgb(60 44 30 / 45%) 0%, rgb(60 44 30 / 12%) 45%, rgb(60 44 30 / 0%) 80%);}
/* 底下那页被翻起的纸挡住的投影 */
.under-shade{position:absolute;z-index:1;inset:10px 10px 10px 16px;opacity:0;pointer-events:none;
  border-radius:4px 12px 12px 4px;
  background:linear-gradient(90deg, rgb(40 28 18 / 55%) 0%, rgb(40 28 18 / 22%) 38%, rgb(40 28 18 / 0%) 72%);}
.page-under{position:absolute;z-index:0;inset:10px 10px 10px 16px;display:flex;border-radius:4px 12px 12px 4px;overflow:hidden;}
.diary-book.flipping .page-top{box-shadow:0 12px 34px rgb(60 44 30 / 40%);}
.diary-scroll.locked{overflow:hidden;}
.diary-hintarea{position:absolute;left:0;right:0;bottom:calc(52px + var(--safe-bottom));z-index:4;
  text-align:center;color:var(--ink-warm-2);font-size:11px;opacity:.55;pointer-events:none;
  transition:opacity .2s ease;}
.diary-screen:has(.mischief-tools.show) .diary-hintarea{opacity:0;}

/* ---------- 信件正文（角色专属字体，可被自定义字体覆盖） ---------- */
.diary-letter{display:flex;flex-direction:column;padding:22px 22px 26px;background:radial-gradient(circle, var(--dot) 1px, transparent 1.4px) 12px 40px / 22px 22px,var(--paper);}
.diary-letter .diary-notes-head span{font-size:12px}
/* 正文不再自己滚：纸有多长由字数决定，整本一起上下滚（同计划本）。 */
.letter-content{flex:1;min-height:0}
.letter-body{
  margin-top:12px;
  font-family:var(--letter-font,"LiXuKe"),"PingFang SC",serif;
  font-weight:400;
  font-size:20px;
  line-height:1.6;
  letter-spacing:.03em;
  color:#3f382f;
  white-space:pre-wrap;
}
/* 段落之间只留一点点气口，不再是空一整行 */
.letter-body p{margin:0 0 7px}
.letter-body p:last-child{margin-bottom:0}
.letter-loading{display:grid;place-items:center;align-content:center;gap:14px;min-height:min(60vh,420px);color:var(--ink-warm-2);font-size:14px;letter-spacing:.5px}
.letter-loading .spin{width:26px;height:26px;border-radius:50%;border:2px solid rgb(90 70 50 / 22%);border-top-color:var(--accent-warm);animation:letterspin .8s linear infinite}
@keyframes letterspin{to{transform:rotate(360deg)}}
.letter-retry{margin-top:6px;border:0;background:rgb(90 70 50 / 8%);color:var(--ink-warm);font-size:12px;padding:6px 14px;border-radius:12px}

/* ---------- 捣乱：胶囊 + 工具条 ---------- */
.mischief-pill{
  position:absolute;left:50%;bottom:calc(12px + var(--safe-bottom));transform:translateX(-50%);
  z-index:6;display:flex;align-items:center;gap:6px;
  height:36px;padding:0 18px;border:0;border-radius:999px;
  color:#fff;background:var(--board-2);
  box-shadow:0 6px 16px rgb(60 44 30 / 30%);
  font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;
}
.mischief-pill.active{background:var(--accent-warm)}
.mischief-tools{
  position:absolute;left:50%;bottom:calc(56px + var(--safe-bottom));transform:translateX(-50%);
  z-index:6;display:none;gap:8px;padding:8px;border-radius:18px;
  background:rgb(251 248 241 / 92%);box-shadow:0 8px 22px rgb(60 44 30 / 22%);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.mischief-tools.show{display:flex}
.mischief-tools button{width:52px;height:48px;display:grid;justify-items:center;align-content:center;gap:3px;border:0;border-radius:12px;background:rgb(90 70 50 / 6%);color:var(--ink-warm);font-size:11px;cursor:pointer}
.mischief-tools button.on{background:var(--accent-warm);color:#fff}
.mischief-tools button b{font-size:17px;font-weight:400;line-height:1}
.diary-book.mischief-on{outline:2px dashed rgb(169 85 47 / 45%);outline-offset:3px}

/* 涂鸦画笔：粗细 + 颜色 */
.doodle-options{position:absolute;left:50%;bottom:calc(108px + var(--safe-bottom));transform:translateX(-50%);
  z-index:6;display:none;gap:10px;align-items:center;padding:8px 14px;border-radius:16px;
  background:rgb(251 248 241 / 92%);box-shadow:0 8px 22px rgb(60 44 30 / 22%);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.doodle-options:not([hidden]){display:flex}
.doodle-options input[type=color]{width:30px;height:30px;border:0;border-radius:8px;padding:0;background:none;cursor:pointer}
.doodle-options input[type=range]{width:110px}

/* 刷新时的小提示 toast */
.diary-toast{position:absolute;left:50%;bottom:calc(78px + var(--safe-bottom));transform:translateX(-50%);
  z-index:8;max-width:80%;padding:10px 16px;border-radius:14px;text-align:center;
  background:rgb(30 20 12 / 78%);color:#fff;font-size:12.5px;line-height:1.5;
  opacity:0;pointer-events:none;transition:opacity .25s ease;}
.diary-toast.show{opacity:1}

/* 涂鸦画布层 */
.doodle-canvas{position:absolute;inset:0;z-index:2;touch-action:none;}
.diary-book.doodling .doodle-canvas{z-index:4;}   /* 涂鸦时画布置顶接收手指 */
.diary-book.doodling .sticker{pointer-events:none;}

/* 文字贴（用户自己写的，青枫体） */
.sticker-text{font-family:"QingFeng","PingFang SC",serif;font-size:22px;color:#3f382f;line-height:1.3;text-shadow:0 1px 2px rgb(255 255 255 / 60%);max-width:200px;white-space:pre-wrap;text-align:center}

/* 角色在日记上直接写的回应/吐槽——像传纸条，随手贴在留言/涂鸦旁边，不可拖动 */
.reply-note{position:absolute;transform:translate(-50%,-50%) rotate(var(--r,0deg));
  font-family:var(--letter-font,"LiXuKe"),"PingFang SC",serif;font-size:15px;color:#7a2f22;line-height:1.35;
  max-width:150px;white-space:pre-wrap;text-align:center;pointer-events:none;z-index:3;
  text-shadow:0 1px 1px rgb(255 255 255 / 55%);}

/* ---------- 被 Ta 发现了 弹窗 ---------- */
.caught-shade{position:absolute;inset:0;z-index:14;background:rgb(30 20 12 / 42%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:caughtin .18s ease}
@keyframes caughtin{from{opacity:0}to{opacity:1}}
.caught-pop{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);width:min(84%,320px);
  padding:24px 22px 20px;border-radius:24px;text-align:center;
  background:#fff8f2;box-shadow:0 20px 50px rgb(60 30 20 / 35%);animation:caughtpop .28s cubic-bezier(.2,1.3,.4,1)}
@keyframes caughtpop{from{transform:translate(-50%,-46%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}
.caught-pop h2{margin:0 0 8px;font-size:22px;font-weight:800;color:#c2492c;letter-spacing:1px}
.caught-pop .caught-sub{margin:0 0 18px;color:#8a6f5c;font-size:13px}
.caught-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.caught-actions button{height:46px;border:0;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer}
.caught-primary{background:#c2492c;color:#fff}
.caught-secondary{background:rgb(90 70 50 / 8%);color:var(--ink-warm)}

/* ---------- 顶部滑下的消息通知（独立于被发现弹窗） ---------- */
.chat-notify{position:absolute;left:10px;right:10px;top:calc(var(--safe-top) + 8px);z-index:19;
  display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;
  background:rgb(255 255 255 / 88%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:0 10px 26px rgb(0 0 0 / 18%);transform:translateY(-140%);transition:transform .32s cubic-bezier(.2,1,.3,1);cursor:pointer}
.chat-notify.show{transform:translateY(0)}
.chat-notify-avatar{width:38px;height:38px;border-radius:10px;overflow:hidden;flex:none;display:grid;place-items:center;background:#eee;font-size:16px;color:var(--ink-warm)}
.chat-notify-avatar img{width:100%;height:100%;object-fit:cover}
.chat-notify-body{display:grid;gap:2px;min-width:0}
.chat-notify-body strong{font-size:14px;color:var(--ink-warm)}
.chat-notify-body span{font-size:13px;color:var(--ink-warm-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- 全屏"潜入中"加载页 ---------- */
.diary-sneakin{position:absolute;inset:0;z-index:20;display:grid;place-items:center;overflow:hidden}
.diary-sneakin-blur{position:absolute;inset:0;
  background:var(--diary-wallpaper, url("assets/ta/wallpaper-default.jpg")) center/cover no-repeat;
  filter:blur(2px) brightness(.9)}
.diary-sneakin-blur::after{content:"";position:absolute;inset:0;background:rgb(20 16 10 / 38%);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.diary-sneakin-body{position:relative;z-index:1;display:grid;justify-items:center;gap:14px;padding:0 32px;text-align:center}
.diary-sneakin-body .spin{width:30px;height:30px;border-radius:50%;border:2px solid rgb(255 255 255 / 30%);border-top-color:#fff;animation:letterspin .8s linear infinite}
.diary-sneakin-title{margin:0;color:#fff;font-size:17px;font-weight:700;letter-spacing:1px}
.diary-sneakin-tip{margin:0;color:rgb(255 255 255 / 78%);font-size:12.5px;line-height:1.6;max-width:280px}

/* ---------- 翻开后换封面的小弹层 ---------- */
.cover-popover-shade{position:absolute;inset:0;z-index:9;background:rgb(60 44 30 / 20%)}
.cover-popover{position:absolute;z-index:10;left:50%;top:calc(60px + var(--safe-top));transform:translateX(-50%);
  width:min(88%,320px);padding:14px 16px calc(16px + var(--safe-bottom) * 0);border-radius:20px;
  background:var(--paper);box-shadow:0 14px 34px rgb(60 44 30 / 24%)}
.cover-popover-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.cover-popover-head strong{font-size:15px;color:var(--ink-warm)}
.cover-popover-head button{border:0;background:none;color:var(--accent-warm);font-size:14px;font-weight:600;cursor:pointer}
.cover-popover .cover-picker{margin:0}
.cover-popover-fonts{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid rgb(90 70 50 / 12%)}
.cover-popover-fonts label{flex:1;display:grid;place-items:center;height:40px;border-radius:12px;background:rgb(90 70 50 / 6%);color:var(--ink-warm);font-size:12.5px;font-weight:600;cursor:pointer}
.cover-popover-fonts button{border:0;background:none;color:var(--ink-warm-2);font-size:12px;cursor:pointer;white-space:nowrap}

/* ---------- 门锁：请输入密码 ---------- */
.door-lock{position:absolute;inset:0;z-index:16;display:none;flex-direction:column;align-items:center;justify-content:center;gap:0;
  padding:calc(var(--safe-top) + 30px) 24px calc(var(--safe-bottom) + 24px);
  color:#eaf0f6;background:linear-gradient(160deg,#0f1418 0%,#161d24 55%,#0c1013 100%)}
.door-lock.show{display:flex}
.door-lock .lock-led{width:10px;height:10px;border-radius:50%;background:#4d7cff;box-shadow:0 0 12px #4d7cff;margin-bottom:18px}
.door-lock h2{margin:0 0 20px;font-size:19px;font-weight:600;letter-spacing:4px;color:#dfe7ef}
.door-lock .pw-display{width:min(78%,280px);height:58px;margin-bottom:22px;border-radius:999px;background:#fbfbfd;
  display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:inset 0 2px 6px rgb(0 0 0 / 18%)}
.door-lock .pw-display i{width:13px;height:13px;border-radius:50%;background:#c8ccd4}
.door-lock .pw-display i.on{background:#2b2f36}
.door-lock .pw-display.err{animation:pwshake .4s ease}
@keyframes pwshake{10%,90%{transform:translateX(-6px)}30%,70%{transform:translateX(7px)}50%{transform:translateX(-8px)}}
.door-keypad{display:grid;grid-template-columns:repeat(3,80px);gap:14px;justify-content:center}
.door-key{width:80px;height:64px;border:0;border-radius:14px;color:#eef2f7;font-size:26px;font-weight:500;
  background:linear-gradient(180deg,rgb(120 132 148 / 42%),rgb(90 102 118 / 30%));
  box-shadow:inset 0 1px 0 rgb(255 255 255 / 18%),0 3px 8px rgb(0 0 0 / 25%);cursor:pointer}
.door-key:active{background:rgb(150 162 178 / 50%)}
.door-key.act{font-size:18px;letter-spacing:2px}
.door-lock .pw-tip{margin-top:16px;min-height:18px;color:#9fb0c2;font-size:12px}
.pw-force-unlock{margin-top:10px;background:none;border:0;color:#5a6572;font-size:11px;text-decoration:underline;letter-spacing:1px;cursor:pointer;padding:6px}

/* ---------- 封面挑选（在偷看日记确认弹层里） ---------- */
.cover-picker{display:flex;gap:8px;justify-content:center;margin:6px 0 4px}
.cover-swatch{width:38px;height:50px;border-radius:5px;background-size:cover;background-position:center;box-shadow:0 2px 6px rgb(60 44 30 / 25%);cursor:pointer;outline:2px solid transparent;outline-offset:2px}
.cover-swatch.sel{outline-color:var(--accent-warm)}

/* 行程编辑：作息表 */
.schedule-hint{margin:-6px 0 12px;color:var(--ink-warm-2);font-size:11px}