/* ═══════════════════════════════════════════════════════════════════
   十日终焉 (builtInCss) v2.0 —— 视觉身份「终焉·回响符」
   主色 锈血朱砂 #A8403A · 辅色 判官紫 #7A5A6E / 回响青绿 #6E9B8B · 血月灰蓝 #8CA3C8
   暗底 夜墓玄黑 #0A090B · 文字 纸签月白 #EDEAF0
   装饰母题：生肖面具 / 血月 / 回响符纸 / 判官墨 / 生死签
   气质：破败荒城 + 十日期限 + 回响钟鸣 + 生肖游戏
   组件专属造型（不是换色底座，各有其形）：
     状态栏    = 生肖签筒   （签柱刻纹 · 血月仪盘）
     回响面板   = 回响符牌   （符纸朱批 · 道印凹槽）
     行动选项  = 生死签     （判官令牌 · 木签齿纹）
     自身栏    = 亡者名册   （户籍簿 · 墨迹缝线）
     NPC状态栏 = 生肖面谱   （面具谱录 · 血月刻度竖纹）
     思维链    = 推演签     （占卜推演 · 符纸签筒）
     小总结/大总结 = 终焉录·卷轴（小总结=回响青轴头 · 大总结=判官紫轴头）
     系统提示  = 回响钟印   （钟形小印 · 朱砂封签）
   纯CSS无JS · 交互只用 details/summary + :has() + 兄弟选择器
   零事件绑定 · 零链接跳转 · 零表单控件 · 零内联脚本（平台过滤成纯文本不渲染）
   类名沿用 v4 的 .dl-* 体系，与《十日终焉_后置词.txt》一一对应
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   0. 设计令牌（CSS变量 · 终焉血月全套）
   ═══════════════════════════════════════════════════════════════════ */
.status-bar,
.dl-self,
.dl-npc-bar,
.dl-rel-card,
.dl-quest-bar,
.dl-sys-note,
.dl-actions,
.dl-summary,
.dl-chain,
.dl-loop-panel{
  --dl-bg:#0A090B;                 /* 夜墓玄黑 */
  --dl-card:#141014;               /* 荒城暗卡 */
  --dl-card-hover:#1E1716;
  --dl-elevated:#2A201C;
  --dl-separator:rgba(168,64,58,.30);     /* 锈血朱砂·细线 */
  --dl-separator-soft:rgba(168,64,58,.14);/* 锈血朱砂·淡线 */
  --dl-label:#EDEAF0;              /* 纸签月白 */
  --dl-label-2:#C9C5D0;            /* 月白灰 */
  --dl-label-3:#8E8A96;            /* 暮灰 */
  --dl-label-4:#5A575C;            /* 玄灰 */
  --dl-accent:#A8403A;             /* 锈血朱砂 */
  --dl-accent-2:#C96A5A;           /* 浅朱砂 */
  --dl-green:#6E9B8B;              /* 回响青绿 */
  --dl-red:#B03930;                /* 祭血朱 */
  --dl-orange:#C08A4A;             /* 荒城土橙 */
  --dl-yellow:#D9BE86;             /* 纸签月黄 */
  --dl-purple:#7A5A6E;             /* 判官紫 */
  --dl-pink:#B48CA0;               /* 面具绛粉 */
  --dl-moon:#8CA3C8;               /* 血月灰蓝 */
  --dl-iron:#4A4A5E;               /* 判官墨铁 */
  --dl-radius-sm:6px;
  --dl-radius-md:12px;
  --dl-radius-lg:18px;
  --dl-radius-xl:26px;
  --dl-font:'KaiTi','STKaiti','STSong','SimSun','Songti SC','Noto Serif SC','Microsoft YaHei',serif;
  --dl-font-seal:'STKaiti','KaiTi','STSong','SimSun','Noto Serif SC',serif;
  --dl-shadow-card:0 1px 3px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.4);
  --dl-shadow-raised:0 5px 16px rgba(0,0,0,.55),0 0 0 1px rgba(168,64,58,.16);
  --dl-shadow-float:0 16px 48px rgba(0,0,0,.7);
}

/* ═══════════════════════════════════════════════════════════════════
   1. 状态栏 .status-bar —— 生肖签筒（签柱刻纹 · 2×2 四格）
   时辰 / 位置 / 道数 / 状态
   ═══════════════════════════════════════════════════════════════════ */
.status-bar{
  --c-day:#D9BE86;                 /* 昼·月黄 */
  --c-night:#8CA3C8;               /* 夜·血月 */
  --c-late:#5A4A6E;                /* 深·夜紫铁 */
  --c-money:#C96A5A;               /* 道·浅朱砂 */
  --c-hp:#6E9B8B;                  /* 状态·回响青 */
  --c-warn:#A8403A;                /* 锈朱砂 */
  --c-mood:#D9BE86;                /* 时运·月黄 */

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  padding:4px;
  background:radial-gradient(circle at 50% -20%,rgba(110,127,168,.14),transparent 60%),var(--dl-card);
  border:1px solid var(--dl-separator);
  border-radius:var(--dl-radius-xl);
  overflow:hidden;
  font-family:var(--dl-font);
  font-size:15px;line-height:1.4;color:var(--dl-label);
  box-shadow:var(--dl-shadow-card);
  position:relative;
  transition:border-color .25s,box-shadow .25s;
}
/* 时轮环形刻度：外圈铜锈刻度环（有mask呈刻度圈 · 无mask呈辐条轮） */
.status-bar::before{
  content:'';position:absolute;inset:3px;z-index:0;pointer-events:none;
  border-radius:24px;
  border:1px solid rgba(168,64,58,.16);
  background:repeating-conic-gradient(from 0deg,rgba(160,122,74,.30) 0 1.5deg,transparent 1.5deg 15deg);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
          mask:radial-gradient(closest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));
}
/* 时轮中心月点 */
.status-bar::after{
  content:'';position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;z-index:0;pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle at 62% 40%,rgba(217,190,134,.9),rgba(140,163,200,.35) 70%);
  box-shadow:inset -2px 0 0 rgba(90,74,110,.6),0 0 10px rgba(140,163,200,.4);
}
.status-bar:hover{
  border-color:rgba(160,122,74,.45);
  box-shadow:var(--dl-shadow-raised);
}

/* 网格单元 —— 时轮盘格（月相仪盘） */
.st-item{
  display:flex;align-items:center;gap:10px;
  padding:13px 15px;
  background:linear-gradient(180deg,rgba(23,19,16,.92),rgba(14,12,10,.96));
  border-radius:18px;
  white-space:nowrap;overflow:hidden;
  position:relative;z-index:1;
}
/* 格角月牙刻度 */
.st-item::after{
  content:'';position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%;
  border:1px solid rgba(160,122,74,.42);
  box-shadow:inset -2.5px 0 0 rgba(160,122,74,.5);
  pointer-events:none;
}
.st-ico{
  width:32px;height:32px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:17px;
  background:radial-gradient(circle at 60% 40%,rgba(140,163,200,.18),rgba(23,19,16,.85));
  border:1px solid rgba(140,163,200,.30);
}
.st-value{color:var(--dl-label);font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px;}
.st-tag{
  display:inline-block;padding:3px 11px;font-size:12px;font-weight:600;
  border:none;border-radius:20px;flex-shrink:0;font-family:var(--dl-font-seal);
}
/* 每格两行：主值+次行（子容器竖排 · 时间轮两相） */
.st-ct{display:flex;flex-direction:column;flex:1;min-width:0;justify-content:center;}
.st-sub{
  font-size:13px;color:var(--dl-label-3);line-height:1.4;letter-spacing:.3px;
  margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.st-bar{
  display:inline-block;width:36px;height:4px;
  background:rgba(237,239,245,.08);border-radius:2px;
  overflow:hidden;flex-shrink:0;
}
.st-bar > i{display:block;height:100%;border-radius:2px;transition:width .3s;}

/* 时辰格（昼/夜/深 三月相） */
.st-time .st-ico{background:radial-gradient(circle at 40% 35%,rgba(140,163,200,.22),rgba(23,19,16,.85));border-color:rgba(140,163,200,.34);}
.st-time.is-day .st-ico{background:radial-gradient(circle at 55% 45%,rgba(217,190,134,.24),rgba(23,19,16,.85));border-color:rgba(217,190,134,.38);}
.st-time.is-day .st-tag{color:var(--c-day);background:rgba(217,190,134,.13);}
.st-time.is-night .st-ico{background:radial-gradient(circle at 60% 45%,rgba(140,163,200,.28),rgba(23,19,16,.88));border-color:rgba(140,163,200,.42);}
.st-time.is-night .st-tag{color:var(--c-night);background:rgba(140,163,200,.13);}
.st-time.is-late .st-ico{background:radial-gradient(circle at 60% 45%,rgba(90,74,110,.32),rgba(23,19,16,.88));border-color:rgba(90,74,110,.48);}
.st-time.is-late .st-tag{color:var(--c-late);background:rgba(90,74,110,.18);}

/* 位置格 */
.st-loc .st-ico{background:radial-gradient(circle at 55% 40%,rgba(110,155,139,.20),rgba(23,19,16,.85));border-color:rgba(110,155,139,.32);}
.st-loc .st-value{color:var(--dl-accent-2);}

/* 灵石格 */
.st-money .st-ico{background:radial-gradient(circle at 55% 40%,rgba(160,122,74,.24),rgba(23,19,16,.85));border-color:rgba(160,122,74,.36);}
.st-money .st-value{color:var(--c-money);font-variant-numeric:tabular-nums;}

/* 灵力格 */
.st-hp .st-ico{background:radial-gradient(circle at 55% 40%,rgba(110,155,139,.22),rgba(23,19,16,.85));border-color:rgba(110,155,139,.34);}
.st-hp .st-value{color:var(--c-hp);}
.st-hp .st-bar > i{background:var(--c-hp);}
.st-hp.is-low .st-value{color:var(--c-warn);animation:hp-pulse 1.2s ease-in-out infinite;}
.st-hp.is-low .st-bar > i{background:var(--c-warn);}
.st-mood .st-value{color:var(--c-mood);}

/* 警告态 */
.st-warn .st-value{color:var(--c-warn);font-weight:700;}
.st-warn .st-ico{display:inline-block;animation:warn-blink 1s ease-in-out infinite;}
.status-bar.alert{border-color:rgba(168,64,58,.45) !important;animation:warn-glow 2s ease-in-out infinite;}

/* 涨跌动画（铜金闪=升 / 锈朱砂闪=降） */
.st-up .st-value{animation:flash-up 1.2s ease;}
.st-down .st-value{animation:flash-down 1.2s ease;}

@keyframes hp-pulse{0%,100%{opacity:1;text-shadow:none}50%{opacity:.6;text-shadow:0 0 8px rgba(110,155,139,.6)}}
@keyframes warn-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes warn-glow{0%,100%{box-shadow:0 0 0 1px rgba(168,64,58,.2),0 0 12px rgba(168,64,58,.12)}50%{box-shadow:0 0 0 1px rgba(168,64,58,.45),0 0 20px rgba(168,64,58,.28)}}
@keyframes flash-up{0%{text-shadow:0 0 10px rgba(201,168,123,.85);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}
@keyframes flash-down{0%{text-shadow:0 0 10px rgba(168,64,58,.85);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}

/* ═══════════════════════════════════════════════════════════════════
   2. 自身状态栏 .dl-self —— 亡者名册（完整人物卡 · 固定十二行 · 防AI遗忘）
   身份/样貌体型/样貌面容/性格/背景/境界/穿着/随身/身心/伤势/名声/关系
   ═══════════════════════════════════════════════════════════════════ */
.dl-self{
  width:100%;max-width:none;margin:6px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:
    repeating-linear-gradient(90deg,rgba(160,122,74,.05) 0 1px,transparent 1px 24px),
    linear-gradient(180deg,#1B1611 0%,#15110D 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(160,122,74,.55);   /* 铜锈玄金发丝线 */
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  color:var(--dl-label);
  position:relative;
  transition:border-color .25s,box-shadow .25s;
}
/* 残卷旧简底纹：竹节横纹 */
.dl-self::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(180deg,transparent 0 47px,rgba(201,168,123,.06) 47px 48px);
}
.dl-self:hover{
  border-color:rgba(160,122,74,.45);
  box-shadow:var(--dl-shadow-raised);
}
/* 折叠头 summary —— 残简封签 */
.dl-self>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;
  font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:1px;
  background:linear-gradient(90deg,rgba(160,122,74,.16),rgba(160,122,74,.04));
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;position:relative;z-index:1;
}
.dl-self>summary::-webkit-details-marker{display:none;}
.dl-self>summary::-moz-list-marker{display:none;}
.dl-self>summary .dl-self-ic{font-size:17px;margin-right:6px;}
.dl-self>summary .dl-self-arrow{font-size:12px;color:var(--dl-label-3);transition:transform .2s;}
.dl-self[open]>summary .dl-self-arrow{transform:rotate(180deg);}
.dl-self:not([open])>summary{border-bottom:none;}

/* 行容器 —— 麻绳缝线分隔 */
.dl-self-row{
  display:flex;align-items:center;gap:10px;
  padding:8px 15px 8px 13px;
  border-bottom:1px dashed rgba(160,122,74,.20);
  font-size:14px;line-height:1.45;
  position:relative;z-index:1;
  background:transparent;
}
.dl-self-row:last-child{border-bottom:none;}
/* 左缘色条 · 按十二行分色（玄金锈十二相） */
.dl-self-row::before{
  content:'';position:absolute;left:0;top:6px;bottom:6px;
  width:3px;border-radius:0 3px 3px 0;
}
.dl-self-row:nth-child(2)::before{background:#C9A87B;}   /* 身份·浅铜金（details首子为summary，行自第2子起） */
.dl-self-row:nth-child(3)::before{background:#8CA3C8;}   /* 样貌·体型·月蓝 */
.dl-self-row:nth-child(4)::before{background:#6E7FA8;}   /* 样貌·面容·月蓝紫 */
.dl-self-row:nth-child(5)::before{background:#D9BE86;}   /* 性格·月黄 */
.dl-self-row:nth-child(6)::before{background:#A07A4A;}   /* 背景·铜锈玄金 */
.dl-self-row:nth-child(7)::before{background:#5A4A6E;}   /* 境界·夜紫铁 */
.dl-self-row:nth-child(8)::before{background:#B48CA0;}   /* 穿着·当前·月紫粉 */
.dl-self-row:nth-child(9)::before{background:#8E93A6;}   /* 随身·月灰 */
.dl-self-row:nth-child(10)::before{background:#6E9B8B;}  /* 身心·月青 */
.dl-self-row:nth-child(11)::before{background:#A8403A;}  /* 伤势/负面·锈朱砂 */
.dl-self-row:nth-child(12)::before{background:#C08A4A;}  /* 名声/风评·锈橙 */
.dl-self-row:nth-child(13)::before{background:#5C5A5C;}  /* 关系/执念·玄灰 */

/* 图标（月相小盘） */
.dl-self-row .dl-s-ic{
  width:24px;height:24px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:15px;
  background:radial-gradient(circle at 58% 40%,rgba(160,122,74,.20),rgba(90,74,110,.16));
  border:1px solid rgba(160,122,74,.24);border-radius:50%;
}
/* 标签 */
.dl-self-row .dl-s-l{
  color:var(--dl-label-3);flex-shrink:0;font-weight:700;font-size:12px;
  min-width:56px;white-space:nowrap;letter-spacing:1px;font-family:var(--dl-font-seal);
}
/* 值 */
.dl-self-row .dl-s-v{color:var(--dl-label);flex:1;word-break:break-word;font-size:14px;line-height:1.45;}
.dl-self-row .dl-s-v em{font-style:normal;color:var(--dl-accent-2);font-weight:600;}
.dl-self-row .dl-s-v .star{color:var(--dl-yellow);letter-spacing:1px;}
.dl-self-row .dl-s-v .dim{color:var(--dl-label-4);letter-spacing:1px;}

/* 业障（法务语义）状态色 */
.dl-self-row .dl-s-v .law-clean{color:var(--dl-green);font-weight:600;}
.dl-self-row .dl-s-v .law-record{color:var(--dl-orange);font-weight:600;}
.dl-self-row .dl-s-v .law-wanted{color:var(--dl-red);font-weight:700;animation:warn-blink 1.5s ease-in-out infinite;}
/* 声名标签 */
.dl-self-row .dl-s-v .rep-tag{
  display:inline-block;padding:2px 10px;border-radius:10px;
  font-size:12px;font-weight:600;letter-spacing:.3px;
}
/* 伤势（负面）状态色 */
.dl-self-row .dl-s-v .neg-clean{color:var(--dl-green);font-weight:600;}
.dl-self-row .dl-s-v .neg-minor{color:var(--dl-orange);font-weight:600;}
.dl-self-row .dl-s-v .neg-major{color:var(--dl-red);font-weight:700;animation:warn-blink 1.5s ease-in-out infinite;}
/* 关系/执念（内部追踪 · 阶段名月紫粉 · 数值灰隐） */
.dl-self-row .dl-s-v .rel-line{color:var(--dl-pink);font-weight:600;}
.dl-self-row .dl-s-v .rel-line .dim{color:var(--dl-label-4);font-weight:400;}

/* 境界评级徽章（rk-s夜紫铁 / rk-a铜金 / rk-b月青 / rk-c锈橙 / rk-d锈朱砂） */
.dl-self-rank{
  display:inline-flex;align-items:center;justify-content:center;
  width:24px;height:24px;border-radius:var(--dl-radius-sm);
  font-size:12px;font-weight:800;border:1px solid;
  vertical-align:middle;margin-right:6px;
  font-family:var(--dl-font-seal);
}
.dl-self-rank.rk-s{color:#fff;background:linear-gradient(135deg,#5A4A6E,#A8403A);border-color:rgba(255,255,255,.3);box-shadow:0 0 8px rgba(90,74,110,.4);}
.dl-self-rank.rk-a{color:#241B10;background:linear-gradient(135deg,#C9A87B,#A07A4A);border-color:rgba(201,168,123,.5);box-shadow:0 0 8px rgba(160,122,74,.35);}
.dl-self-rank.rk-b{color:var(--dl-green);background:rgba(110,155,139,.15);border-color:rgba(110,155,139,.4);}
.dl-self-rank.rk-c{color:var(--dl-orange);background:rgba(192,138,74,.15);border-color:rgba(192,138,74,.4);}
.dl-self-rank.rk-d{color:var(--dl-red);background:rgba(168,64,58,.15);border-color:rgba(168,64,58,.4);}

/* 声名标签颜色（全局 · 月相五色） */
.rep-tag.rp-new{color:#8CA3C8;background:rgba(140,163,200,.12);border:1px solid rgba(140,163,200,.22);}
.rep-tag.rp-known{color:var(--dl-green);background:rgba(110,155,139,.12);border:1px solid rgba(110,155,139,.22);}
.rep-tag.rp-backed{color:var(--dl-purple);background:rgba(110,127,168,.12);border:1px solid rgba(110,127,168,.22);}
.rep-tag.rp-suspect{color:var(--dl-orange);background:rgba(192,138,74,.12);border:1px solid rgba(192,138,74,.22);}
.rep-tag.rp-banned{color:var(--dl-red);background:rgba(168,64,58,.12);border:1px solid rgba(168,64,58,.22);}

/* 变动高亮（铜金闪） */
.dl-self-row.changed{
  animation:flash-up 1.2s ease;
  background:rgba(160,122,74,.06);
}

/* ────────────────────────────────────────────────────────────────
   2·附 NPC 状态栏 .dl-npc-bar —— 时轮明契（残卷姊妹款 · 八行 · 每轮必出）
   名讳/体型/面容/性格背景/穿着/状态/心态/关系阶段
   当月蓝紫卷宗 · details折叠 · 出场即建档离场不忘
   ──────────────────────────────────────────────────────────────── */
.dl-npc-bar{
  width:100%;max-width:none;margin:6px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:
    repeating-linear-gradient(90deg,rgba(110,127,168,.05) 0 1px,transparent 1px 26px),
    linear-gradient(180deg,#181321 0%,#120F18 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(110,127,168,.6);   /* 月蓝紫发丝线 */
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  color:var(--dl-label);
  position:relative;
  transition:border-color .25s,box-shadow .25s;
}
/* 明契底纹：月相刻度竖纹 */
.dl-npc-bar::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(90deg,transparent 0 47px,rgba(140,163,200,.07) 47px 48px);
}
.dl-npc-bar:hover{
  border-color:rgba(110,127,168,.5);
  box-shadow:var(--dl-shadow-raised);
}
/* 折叠头 summary —— 明契封签（月蓝紫） */
.dl-npc-bar>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;
  font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:1px;
  background:linear-gradient(90deg,rgba(110,127,168,.16),rgba(90,74,110,.06));
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;position:relative;z-index:1;
}
.dl-npc-bar>summary::-webkit-details-marker{display:none;}
.dl-npc-bar>summary::-moz-list-marker{display:none;}
.dl-npc-bar>summary .dl-npc-ic{font-size:17px;margin-right:6px;}
.dl-npc-bar>summary .dl-npc-arrow{font-size:12px;color:var(--dl-label-3);transition:transform .2s;}
.dl-npc-bar[open]>summary .dl-npc-arrow{transform:rotate(180deg);}
.dl-npc-bar:not([open])>summary{border-bottom:none;}

/* 行容器 —— 月蓝虚线缝线分隔 */
.dl-npc-row{
  display:flex;align-items:center;gap:10px;
  padding:8px 15px 8px 13px;
  border-bottom:1px dashed rgba(140,163,200,.22);
  font-size:14px;line-height:1.45;
  position:relative;z-index:1;
  background:transparent;
}
.dl-npc-row:last-child{border-bottom:none;}
/* 左缘色条 · 按八行分色（时轮明契·八相） */
.dl-npc-row::before{
  content:'';position:absolute;left:0;top:6px;bottom:6px;
  width:3px;border-radius:0 3px 3px 0;
}
.dl-npc-row:nth-child(2)::before{background:#6E7FA8;}   /* 名讳·月蓝紫 */
.dl-npc-row:nth-child(3)::before{background:#8CA3C8;}   /* 样貌·体型·月蓝 */
.dl-npc-row:nth-child(4)::before{background:#B48CA0;}   /* 样貌·面容·月紫粉 */
.dl-npc-row:nth-child(5)::before{background:#D9BE86;}   /* 性格/背景·月黄 */
.dl-npc-row:nth-child(6)::before{background:#A07A4A;}   /* 穿着·当前·铜锈玄金 */
.dl-npc-row:nth-child(7)::before{background:#6E9B8B;}   /* 状态·月青 */
.dl-npc-row:nth-child(8)::before{background:#C08A4A;}   /* 心态·锈橙 */
.dl-npc-row:nth-child(9)::before{background:#5A4A6E;}   /* 关系阶段·夜紫铁 */

/* 图标（明契月盘） */
.dl-npc-row .dl-n-ic{
  width:24px;height:24px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:15px;
  background:radial-gradient(circle at 58% 40%,rgba(110,127,168,.22),rgba(90,74,110,.16));
  border:1px solid rgba(110,127,168,.30);border-radius:50%;
}
/* 标签 */
.dl-npc-row .dl-n-l{
  color:var(--dl-label-3);flex-shrink:0;font-weight:700;font-size:12px;
  min-width:56px;white-space:nowrap;letter-spacing:1px;font-family:var(--dl-font-seal);
}
/* 值 */
.dl-npc-row .dl-n-v{color:var(--dl-label);flex:1;word-break:break-word;font-size:14px;line-height:1.45;}
.dl-npc-row .dl-n-v em{font-style:normal;color:var(--dl-accent-2);font-weight:600;}
.dl-npc-row .dl-n-v .mind{color:var(--dl-label-3);}   /* 心态行淡色 */
/* 关系阶段 · 内部追踪（阶段名夜紫 · 数值灰隐） */
.dl-npc-row .dl-n-v .npc-stage{color:var(--dl-purple);font-weight:600;}
.dl-npc-row .dl-n-v .npc-stage .dim{color:var(--dl-label-4);font-weight:400;}
/* 变动高亮（月蓝闪） */
.dl-npc-row.changed{
  animation:flash-up 1.2s ease;
  background:rgba(110,127,168,.06);
}

/* ═══════════════════════════════════════════════════════════════════
   3. 交流对象卡片 .dl-rel-card —— 月下信笺（姿势+心声·无数值）
   ═══════════════════════════════════════════════════════════════════ */
.dl-rel-card{
  width:100%;max-width:none;margin:0 auto;box-sizing:border-box;
  display:flex;align-items:flex-start;gap:10px;
  padding:14px 16px;
  background:linear-gradient(180deg,#181410 0%,#14100C 100%);
  border:1px solid var(--dl-separator);
  border-left:3px solid rgba(140,163,200,.6);    /* 月蓝缘 */
  border-radius:var(--dl-radius-md);
  font-family:var(--dl-font);
  box-shadow:var(--dl-shadow-card);
  transition:border-color .25s,box-shadow .25s;
}
.dl-rel-card:hover{
  border-color:rgba(160,122,74,.4);
  box-shadow:var(--dl-shadow-raised);
}
.dl-rel-card .rc-ava{
  width:40px;height:40px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:20px;
  background:radial-gradient(circle at 65% 35%,rgba(140,163,200,.28),rgba(23,19,16,.9));
  border:1px solid rgba(140,163,200,.35);
  box-shadow:inset -3px 0 0 rgba(140,163,200,.5),0 0 0 2px rgba(140,163,200,.08);   /* 月牙 */
}
.dl-rel-card .rc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.dl-rel-card .rc-name{font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:.5px;}
.dl-rel-card .rc-pose{font-size:13.5px;color:var(--dl-label-2);line-height:1.5;}
.dl-rel-card .rc-mind{font-size:13.5px;color:var(--dl-label-3);line-height:1.5;}

/* ═══════════════════════════════════════════════════════════════════
   4. 行动选项 .dl-actions —— 齿轮令牌
   ═══════════════════════════════════════════════════════════════════ */
.dl-actions{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:var(--dl-card);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(160,122,74,.55);
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  transition:border-color .25s,box-shadow .25s;
}
.dl-actions:hover{
  border-color:rgba(160,122,74,.45);
  box-shadow:var(--dl-shadow-raised);
}
.dl-actions>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;
  font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:1px;
  background:linear-gradient(90deg,rgba(160,122,74,.14),rgba(90,74,110,.06));
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;
}
.dl-actions>summary::-webkit-details-marker{display:none;}
.dl-actions>summary::-moz-list-marker{display:none;}
.dl-actions>summary .dl-act-ic{font-size:17px;}
.dl-actions>summary .dl-act-arrow{font-size:12px;color:var(--dl-label-3);transition:transform .2s;}
.dl-actions[open]>summary .dl-act-arrow{transform:rotate(180deg);}
.dl-actions:not([open])>summary{border-bottom:none;}
.dl-act-list{
  padding:8px;display:flex;flex-direction:column;gap:6px;
}
.dl-act-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;
  background:linear-gradient(180deg,rgba(160,122,74,.07),rgba(160,122,74,.02));
  border:1px solid rgba(160,122,74,.12);
  border-left:3px solid rgba(160,122,74,.40);
  border-radius:var(--dl-radius-md);
  transition:all .15s;
}
.dl-act-item:hover{
  background:linear-gradient(180deg,rgba(160,122,74,.13),rgba(160,122,74,.05));
  border-color:rgba(160,122,74,.25);
  border-left-color:rgba(160,122,74,.7);
  transform:translateX(2px);   /* 齿轮咬合 */
}
/* 齿轮令牌（齿环金属圆牌） */
.dl-act-n{
  width:28px;height:28px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;color:#F3EBD8;
  font-family:var(--dl-font-seal);
  background:radial-gradient(circle at 50% 34%,#C9A87B,#8A6538 70%,#6E4E28);
  border:1px solid rgba(237,239,245,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 3px rgba(0,0,0,.5);
  position:relative;
}
/* 齿轮齿环（有mask呈齿 · 无mask呈辐） */
.dl-act-n::before{
  content:'';position:absolute;inset:-4px;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(from 0deg,rgba(160,122,74,.85) 0 9deg,transparent 9deg 30deg);
  -webkit-mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
          mask:radial-gradient(closest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
}
.dl-act-item:nth-child(1) .dl-act-n{background:radial-gradient(circle at 50% 34%,#C0664F,#7E3A2C 70%,#5C2518);}  /* 锈朱砂令 */
.dl-act-item:nth-child(2) .dl-act-n{background:radial-gradient(circle at 50% 34%,#D3A45E,#9A6A30 70%,#6E4A1E);}  /* 锈橙令 */
.dl-act-item:nth-child(3) .dl-act-n{background:radial-gradient(circle at 50% 34%,#7FB09C,#3E6E5E 70%,#2A4C40);}  /* 月青令 */
.dl-act-item:nth-child(4) .dl-act-n{background:radial-gradient(circle at 50% 34%,#8E7FB0,#55436B 70%,#3C2E50);}  /* 夜紫令 */
.dl-act-t{flex:1;font-size:15px;color:var(--dl-label);line-height:1.5;}

/* ═══════════════════════════════════════════════════════════════════
   5. 思维链 .dl-chain —— 月相符（天机推演 · 默认折叠）
   ═══════════════════════════════════════════════════════════════════ */
.dl-chain{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:var(--dl-card);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(140,163,200,.5);   /* 月蓝线 */
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  transition:border-color .25s,box-shadow .25s;
}
.dl-chain:hover{
  border-color:rgba(160,122,74,.4);
  box-shadow:var(--dl-shadow-raised);
}
.dl-chain>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 16px;
  font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:1px;
  background:linear-gradient(90deg,rgba(140,163,200,.12),rgba(90,74,110,.08));
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;
}
.dl-chain>summary::-webkit-details-marker{display:none;}
.dl-chain>summary::-moz-list-marker{display:none;}
.dl-chain>summary>span:first-child{display:inline-flex;align-items:center;gap:8px;}
/* 月相仪图标 */
.dl-chain .dl-chain-ic{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:16px;
  background:radial-gradient(circle at 62% 40%,rgba(217,190,134,.3),rgba(23,19,16,.9) 70%);
  border:1px solid rgba(140,163,200,.40);
  box-shadow:inset -2px 0 0 rgba(140,163,200,.6);   /* 半月 */
}
.dl-chain .dl-chain-arrow{font-size:12px;color:var(--dl-label-3);transition:transform .2s;}
.dl-chain[open]>summary .dl-chain-arrow{transform:rotate(180deg);}
.dl-chain:not([open])>summary{border-bottom:none;}
/* 月相符正文区：月晕符纸 + 虚线符界 */
.dl-chain-body{
  padding:14px 18px;
  font-size:13.5px;line-height:1.7;color:var(--dl-label-2);
  font-family:'STSong','SimSun','Songti SC','Noto Serif SC',var(--dl-font);
  white-space:pre-wrap;word-break:break-word;
  background:
    repeating-radial-gradient(circle at 50% 0%,rgba(140,163,200,.05) 0 18px,transparent 18px 22px),
    linear-gradient(180deg,rgba(160,122,74,.05),rgba(23,19,16,.4));
  border-top:1px dashed rgba(140,163,200,.30);
  max-height:60vh;overflow-y:auto;scrollbar-width:thin;
}
.dl-chain-body::-webkit-scrollbar{width:4px;}
.dl-chain-body::-webkit-scrollbar-thumb{background:var(--dl-separator);border-radius:2px;}

/* ═══════════════════════════════════════════════════════════════════
   6. 小总结/大总结 .dl-summary —— 往复录·卷轴
   放行动选项后 · 每轮必出小总结(月青轴头) · 每6轮追加独立大总结(月蓝紫轴头)
   锈锁时轮母题 · 默认折叠 · 累积式
   ═══════════════════════════════════════════════════════════════════ */
.dl-summary{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:
    repeating-linear-gradient(90deg,rgba(160,122,74,.04) 0 1px,transparent 1px 26px),
    linear-gradient(180deg,#1A1510 0%,#120E0A 100%);
  border:1px solid var(--dl-separator);
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  color:var(--dl-label);
  transition:border-color .25s,box-shadow .25s;
}
.dl-summary:hover{
  border-color:rgba(160,122,74,.5);
  box-shadow:var(--dl-shadow-raised);
}
/* 折叠头 —— 往复录轴头 */
.dl-summary>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;
  font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:1px;
  background:linear-gradient(90deg,rgba(160,122,74,.16),rgba(90,74,110,.08));
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;
}
.dl-summary>summary::-webkit-details-marker{display:none;}
.dl-summary>summary::-moz-list-marker{display:none;}
.dl-summary>summary>span:first-child{display:inline-flex;align-items:center;gap:8px;}
.dl-summary>summary .dl-sum-ic{
  width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:16px;
  background:radial-gradient(circle at 58% 40%,rgba(140,163,200,.22),rgba(23,19,16,.9));
  border:1px solid rgba(160,122,74,.30);
}
.dl-summary>summary .dl-sum-arrow{font-size:12px;color:var(--dl-label-3);transition:transform .2s;}
.dl-summary[open]>summary .dl-sum-arrow{transform:rotate(180deg);}
.dl-summary:not([open])>summary{border-bottom:none;}
.dl-sum-body{padding:8px;display:flex;flex-direction:column;gap:6px;}

/* 小总结 —— 往复录卷轴 · 月青轴头 */
.dl-summary-small{
  background:linear-gradient(180deg,rgba(110,155,139,.05),transparent),var(--dl-card);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(110,155,139,.6);   /* 月青发丝线 */
}
.dl-summary-small:hover{border-color:rgba(110,155,139,.5);box-shadow:var(--dl-shadow-raised);}
.dl-summary-small>summary{color:var(--dl-label);background:linear-gradient(90deg,rgba(110,155,139,.16),rgba(90,74,110,.06));}
.dl-summary-small>summary .dl-sum-ic{background:radial-gradient(circle at 58% 40%,rgba(110,155,139,.28),rgba(23,19,16,.9));border-color:rgba(110,155,139,.35);}
.dl-summary-small>summary .dl-sum-arrow{color:var(--dl-label-3);}
.dl-summary-small .dl-sum-row{
  display:flex;gap:12px;align-items:flex-start;
  padding:11px 14px;
  background:linear-gradient(180deg,rgba(160,122,74,.07),rgba(160,122,74,.02));
  border:1px solid rgba(160,122,74,.12);
  border-left:3px solid rgba(110,155,139,.45);   /* 月青缘 */
  border-radius:var(--dl-radius-md);
  font-size:13.5px;line-height:1.5;
  transition:all .15s;
}
.dl-summary-small .dl-sum-row:hover{
  background:linear-gradient(180deg,rgba(160,122,74,.13),rgba(160,122,74,.05));
  border-color:rgba(160,122,74,.25);
}
/* 序号徽章 —— 月相五色（1月青/2浅铜金/3月蓝紫/4起玄灰） */
.dl-summary-small .dl-sum-label{
  flex-shrink:0;
  width:24px;height:24px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;color:#F3EBD8;
  border-radius:50%;white-space:nowrap;
  font-family:var(--dl-font-seal);
  background:radial-gradient(circle at 50% 34%,#6E9B8B,#3E6E5E 70%,#2A4C40);
  border:1px solid rgba(237,239,245,.20);
  box-shadow:0 1px 3px rgba(0,0,0,.5);
}
.dl-summary-small .dl-sum-row:nth-child(2) .dl-sum-label{background:radial-gradient(circle at 50% 34%,#C9A87B,#8A6538 70%,#6E4E28);}
.dl-summary-small .dl-sum-row:nth-child(3) .dl-sum-label{background:radial-gradient(circle at 50% 34%,#8E7FB0,#55436B 70%,#3C2E50);}
.dl-summary-small .dl-sum-row:nth-child(n+4) .dl-sum-label{background:radial-gradient(circle at 50% 34%,#6E6E6E,#4A4A4A 70%,#333);}
.dl-summary-small .dl-sum-val{flex:1;color:var(--dl-label);line-height:1.5;padding-top:2px;}
.dl-summary-small .dl-sum-val em{font-style:normal;color:var(--dl-accent-2);font-weight:600;}

/* 大总结 —— 往复录卷轴 · 月蓝紫轴头 */
.dl-summary-large{
  background:linear-gradient(180deg,rgba(110,127,168,.05),transparent),var(--dl-card);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(110,127,168,.6);   /* 月蓝紫发丝线 */
}
.dl-summary-large:hover{border-color:rgba(110,127,168,.5);box-shadow:var(--dl-shadow-raised);}
.dl-summary-large>summary{color:var(--dl-label);background:linear-gradient(90deg,rgba(110,127,168,.16),rgba(90,74,110,.06));}
.dl-summary-large>summary .dl-sum-ic{background:radial-gradient(circle at 58% 40%,rgba(110,127,168,.28),rgba(23,19,16,.9));border-color:rgba(110,127,168,.35);}
.dl-summary-large>summary .dl-sum-arrow{color:var(--dl-label-3);}
.dl-summary-large .dl-sum-section{
  padding:11px 14px;
  background:linear-gradient(180deg,rgba(160,122,74,.06),rgba(90,74,110,.04));
  border:1px solid rgba(110,127,168,.14);
  border-radius:var(--dl-radius-md);
  transition:all .15s;
}
.dl-summary-large .dl-sum-section:hover{
  background:linear-gradient(180deg,rgba(160,122,74,.12),rgba(90,74,110,.06));
  border-color:rgba(110,127,168,.25);
}
.dl-summary-large .dl-sum-sec-title{
  font-size:12px;font-weight:700;color:var(--dl-purple);
  letter-spacing:2px;margin-bottom:6px;
  display:flex;align-items:center;gap:8px;
  font-family:var(--dl-font-seal);
}
.dl-summary-large .dl-sum-sec-title::before{content:'';width:3px;height:12px;border-radius:2px;background:var(--dl-purple);flex-shrink:0;}
.dl-summary-large .dl-sum-sec-body{font-size:13.5px;line-height:1.6;color:var(--dl-label);}
.dl-summary-large .dl-sum-sec-body em{font-style:normal;color:var(--dl-yellow);font-weight:600;padding:0 2px;}
.dl-summary-large .dl-sum-sec-body .delta-up{color:var(--dl-green);font-weight:600;}
.dl-summary-large .dl-sum-sec-body .delta-down{color:var(--dl-red);font-weight:600;}

/* ═══════════════════════════════════════════════════════════════════
   7. 主线状态栏 .dl-quest-bar —— 封印文牒（触发后常驻）
   ═══════════════════════════════════════════════════════════════════ */
.dl-quest-bar{
  width:100%;max-width:none;margin:8px auto 4px;box-sizing:border-box;
  font-family:var(--dl-font);
  background:linear-gradient(180deg,#1B150E 0%,#120E08 100%);
  border:1px solid rgba(160,122,74,.45);
  border-left:3px solid rgba(160,122,74,.75);   /* 铜锈玄金缘 */
  border-radius:var(--dl-radius-md);
  padding:14px 18px;
  display:flex;align-items:center;gap:14px;
  font-size:14px;
  box-shadow:var(--dl-shadow-card);
  position:relative;
}
/* 文牒落锁月孔 */
.dl-quest-bar::after{
  content:'';position:absolute;top:9px;right:12px;width:8px;height:8px;border-radius:50%;
  border:1px solid rgba(160,122,74,.6);box-shadow:inset -2px 0 0 rgba(160,122,74,.5);
}
.dl-quest-bar .qb-ic{font-size:26px;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));}
.dl-quest-bar .qb-c{flex:1;min-width:0;}
.dl-quest-bar .qb-title{font-size:17px;font-weight:700;color:var(--dl-accent-2);margin-bottom:4px;letter-spacing:2px;}
.dl-quest-bar .qb-stage{font-size:12px;color:var(--dl-yellow);margin-bottom:6px;font-weight:600;letter-spacing:1px;}
.dl-quest-bar .qb-next{font-size:13.5px;color:var(--dl-label-2);line-height:1.5;}
.dl-quest-bar .qb-next .qb-hint{color:var(--dl-yellow);font-weight:600;}
.dl-quest-bar .qb-pbar{
  width:64px;height:6px;flex-shrink:0;
  background:rgba(0,0,0,.4);border-radius:3px;overflow:hidden;
  border:1px solid rgba(160,122,74,.25);
}
.dl-quest-bar .qb-pbar i{display:block;height:100%;background:var(--dl-orange);border-radius:3px;box-shadow:0 0 6px rgba(192,138,74,.6);}
.dl-quest-bar.qb-hidden{display:none;}

/* ═══════════════════════════════════════════════════════════════════
   8. 轮回锁面板 .dl-loop-panel —— 锈锁锁芯（本卡专属 · 每轮必出）
   刻档点 / 读档次数 / 精神堕落值 / 目标理智值 + 当夜封印批注
   ═══════════════════════════════════════════════════════════════════ */
.dl-loop-panel{
  --loop-seal:#6E7FA8;      /* 月蓝紫 · 封印 */
  --loop-bad:#A8403A;       /* 锈朱砂 · 堕落 */
  --loop-bad-deep:#6E2A24;  /* 锈深 · 堕落深 */
  --loop-sane:#6E9B8B;      /* 月青 · 理智 */
  width:100%;max-width:none;margin:8px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:
    repeating-linear-gradient(115deg,rgba(160,122,74,.03) 0 2px,transparent 2px 9px),
    linear-gradient(180deg,#1B1610 0%,#120E0A 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(160,122,74,.7);   /* 铜锈玄金封印线 */
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  color:var(--dl-label);
  position:relative;
  transition:border-color .25s,box-shadow .25s;
}
.dl-loop-panel:hover{
  border-color:rgba(160,122,74,.5);
  box-shadow:var(--dl-shadow-raised);
}
.dl-loop-panel>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;
  font-size:15px;font-weight:600;color:var(--dl-label);letter-spacing:1px;
  background:linear-gradient(90deg,rgba(160,122,74,.18),rgba(90,74,110,.10));
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;
}
.dl-loop-panel>summary::-webkit-details-marker{display:none;}
.dl-loop-panel>summary::-moz-list-marker{display:none;}
.dl-loop-panel>summary .dl-panel-ic{font-size:17px;}
.dl-loop-panel>summary .dl-panel-arrow{font-size:12px;color:var(--dl-label-3);transition:transform .2s;}
.dl-loop-panel[open]>summary .dl-panel-arrow{transform:rotate(180deg);}
.dl-loop-panel:not([open])>summary{border-bottom:none;}

/* 面板体 */
.dl-loop-panel .dl-panel-body{
  padding:12px 14px;font-size:14px;line-height:1.6;color:var(--dl-label-2);
  position:relative;
}
/* 锁芯角标 · 锈锁孔 */
.dl-loop-lockkey{
  position:absolute;top:12px;right:14px;width:24px;height:28px;pointer-events:none;opacity:.9;
}
.dl-loop-lockkey::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:12px;height:12px;border-radius:50%;
  border:2px solid rgba(160,122,74,.7);
  box-shadow:0 0 8px rgba(160,122,74,.25);
}
.dl-loop-lockkey::after{
  content:'';position:absolute;top:12px;left:50%;transform:translateX(-50%);
  width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
  border-top:9px solid rgba(160,122,74,.7);
}
/* 面板两格 */
.dl-loop-panel .dl-panel-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  padding-right:26px;   /* 给锁孔角标让位 */
}
.dl-loop-panel .dl-panel-cell{
  display:flex;flex-direction:column;gap:3px;
  padding:10px 12px;
  background:linear-gradient(180deg,rgba(160,122,74,.07),rgba(90,74,110,.05));
  border:1px solid rgba(160,122,74,.18);
  border-left:2px solid rgba(160,122,74,.5);
  border-radius:var(--dl-radius-md);
  position:relative;overflow:hidden;
}
/* 锁孔刻度 · 单元格底缘凹槽 */
.dl-loop-panel .dl-panel-cell::after{
  content:'';position:absolute;left:10px;right:10px;bottom:4px;height:3px;pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(160,122,74,.28) 0 2px,transparent 2px 5px);
}
.dl-panel-l{font-size:11.5px;color:var(--dl-label-3);letter-spacing:1px;font-weight:700;font-family:var(--dl-font-seal);}
.dl-panel-v{font-size:15.5px;color:var(--dl-label);line-height:1.5;}

/* 读档次数徽章 —— 锁孔徽章 */
.dl-loop-count{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  padding:2px 10px;border-radius:12px 12px 8px 8px;
  font-size:12px;font-weight:700;
  font-family:var(--dl-font-seal);letter-spacing:1px;
  background:linear-gradient(180deg,rgba(110,127,168,.20),rgba(90,74,110,.15));
  border:1px solid rgba(110,127,168,.4);
  color:#B9C6E4;position:relative;
}
.dl-loop-count::after{
  content:'';position:absolute;top:2px;right:3px;width:3px;height:3px;border-radius:50%;
  background:rgba(140,163,200,.8);
}
.dl-loop-count.is-fever{
  color:#F0C4B8;background:linear-gradient(180deg,rgba(168,64,58,.22),rgba(110,42,36,.18));
  border-color:rgba(168,64,58,.5);animation:warn-blink 1.5s ease-in-out infinite;
}

/* 堕落/理智 双条 —— 锁芯凹槽刻度 */
.dl-loop-bar{
  margin-top:8px;padding:8px 12px;
  background:linear-gradient(180deg,rgba(160,122,74,.07),rgba(90,74,110,.05));
  border:1px solid rgba(160,122,74,.18);
  border-radius:var(--dl-radius-md);
}
.dl-loop-bar-l{display:flex;align-items:center;gap:8px;font-size:13px;}
.dl-loop-ico{font-size:14px;flex-shrink:0;}
.dl-loop-l{flex:1;letter-spacing:1px;color:var(--dl-label-3);font-weight:700;font-size:13px;font-family:var(--dl-font-seal);}
.dl-loop-v{font-variant-numeric:tabular-nums;font-weight:700;color:var(--dl-label);font-size:15px;}
.dl-loop-track{
  height:6px;margin-top:6px;background:rgba(14,12,10,.6);border-radius:3px;overflow:hidden;position:relative;
}
.dl-loop-track::before{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(237,239,245,.18) 8px 9px);
}
.dl-loop-track i{display:block;height:100%;border-radius:3px;transition:width .3s;}
.dl-loop-track-bad i{background:linear-gradient(90deg,var(--loop-bad),var(--loop-bad-deep));box-shadow:0 0 6px rgba(168,64,58,.5);}
.dl-loop-track-sane i{background:linear-gradient(90deg,var(--loop-sane),#8FBFAD);box-shadow:0 0 6px rgba(110,155,139,.5);}
.dl-loop-track-bad.is-severe i,.dl-loop-track-sane.is-low i{animation:loop-breathe 1.2s ease-in-out infinite;}
@keyframes loop-breathe{0%,100%{filter:brightness(1)}50%{filter:brightness(1.6)}}

/* 封印条 · 当夜烙印批注 */
.dl-loop-seal{
  display:flex;align-items:center;gap:8px;
  margin-top:8px;padding:8px 12px;
  font-size:13px;color:var(--dl-label-2);line-height:1.5;
  background:linear-gradient(180deg,rgba(168,64,58,.08),rgba(90,74,110,.05));
  border:1px dashed rgba(168,64,58,.35);
  border-radius:var(--dl-radius-md);
}
.dl-loop-seal .dl-loop-seal-ic{font-size:13px;flex-shrink:0;}
.dl-loop-seal em{font-style:normal;color:#D9A79B;font-weight:600;}

/* ═══════════════════════════════════════════════════════════════════
   8·附 系统提示 .dl-sys-note —— 时轮封印卡
   读档/复位/面板同步/规则生效等机械提示统一入框 · 淡底细边不抢正文
   铜锈玄金左缘 · 月相小盘图标 · 「系统提示」小标签 · 正文月白
   ═══════════════════════════════════════════════════════════════════ */
.dl-sys-note{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:linear-gradient(180deg,rgba(160,122,74,.07),rgba(23,19,16,.5));   /* 淡底 · 低调 */
  border:1px solid rgba(160,122,74,.22);        /* 细边 */
  border-left:3px solid rgba(160,122,74,.55);   /* 铜锈玄金左缘 */
  border-radius:var(--dl-radius-md);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  transition:border-color .25s,box-shadow .25s;
}
.dl-sys-note:hover{
  border-color:rgba(160,122,74,.35);
  box-shadow:var(--dl-shadow-raised);
}
/* 头行：月相小盘 + 「系统提示」小标签 + 折叠箭头 */
.dl-sys-note>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;gap:9px;
  padding:9px 16px;
  user-select:none;
}
.dl-sys-note>summary::-webkit-details-marker{display:none;}
.dl-sys-note>summary::-moz-list-marker{display:none;}
/* 月相小盘图标 */
.dl-sys-note>summary .dl-sn-ic{
  width:22px;height:22px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:12px;
  background:radial-gradient(circle at 58% 40%,rgba(140,163,200,.22),rgba(23,19,16,.9));
  border:1px solid rgba(140,163,200,.35);
  box-shadow:inset -2px 0 0 rgba(140,163,200,.55);   /* 月牙 */
}
/* 「系统提示」小标签（铜金封签） */
.dl-sys-note>summary .dl-sn-tag{
  display:inline-flex;align-items:center;
  padding:1px 9px;border-radius:10px;
  font-size:12px;font-weight:700;letter-spacing:2px;
  color:var(--dl-accent-2);font-family:var(--dl-font-seal);
  background:rgba(160,122,74,.13);
  border:1px solid rgba(160,122,74,.28);
}
/* 折叠箭头 */
.dl-sys-note>summary .dl-sn-arrow{
  font-size:11px;color:var(--dl-label-3);margin-left:auto;transition:transform .2s;
}
.dl-sys-note[open]>summary .dl-sn-arrow{transform:rotate(180deg);}
.dl-sys-note[open]>summary{border-bottom:1px dashed rgba(160,122,74,.18);}
/* 正文：月白 · 短句单行 */
.dl-sys-note .dl-sn-body{
  padding:4px 16px 12px;
  font-size:14px;line-height:1.65;color:var(--dl-label);
  word-break:break-word;
}
.dl-sys-note .dl-sn-body em{font-style:normal;color:var(--dl-yellow);font-weight:600;}

/* ═══════════════════════════════════════════════════════════════════
   9. 响应式 @media (max-width:480px)
   ═══════════════════════════════════════════════════════════════════ */
@media (max-width:480px){
  .status-bar{grid-template-columns:1fr 1fr;padding:3px;}
  .st-item{padding:12px 13px;gap:8px;border-radius:14px;}
  .st-ico{width:28px;height:28px;font-size:14px;}
  .st-value{font-size:14px;}
  .st-bar{width:28px;}
  .st-sub{font-size:12px;margin-top:1px;}

  .dl-self-row{padding:7px 13px 7px 11px;gap:8px;font-size:13px;}
  .dl-self-row .dl-s-ic{width:22px;height:22px;font-size:13px;}
  .dl-self-row .dl-s-l{font-size:11px;min-width:46px;}
  .dl-self-row .dl-s-v{font-size:13px;}

  .dl-npc-row{padding:7px 13px 7px 11px;gap:8px;font-size:13px;}
  .dl-npc-row .dl-n-ic{width:22px;height:22px;font-size:13px;}
  .dl-npc-row .dl-n-l{font-size:11px;min-width:46px;}
  .dl-npc-row .dl-n-v{font-size:13px;}

  .dl-rel-card{padding:12px 14px;gap:8px;}
  .dl-rel-card .rc-ava{width:34px;height:34px;font-size:17px;}
  .dl-rel-card .rc-name{font-size:14px;}
  .dl-rel-card .rc-pose,.dl-rel-card .rc-mind{font-size:12.5px;}

  .dl-self>summary,.dl-npc-bar>summary,.dl-actions>summary,.dl-chain>summary,.dl-summary>summary,
  .dl-loop-panel>summary{
    padding:11px 14px;font-size:14px;
  }
  .dl-act-item{padding:10px 12px;font-size:13px;}
  .dl-act-t{font-size:14px;}
  .dl-chain-body{padding:12px 14px;font-size:13px;line-height:1.6;}
  .dl-summary{margin:8px auto 0;}
  .dl-summary>summary{padding:11px 14px;font-size:14px;}
  .dl-sum-body{padding:6px;gap:5px;}
  .dl-summary-small .dl-sum-row{padding:9px 12px;font-size:13px;gap:10px;}
  .dl-summary-large .dl-sum-section{padding:9px 12px;}

  .dl-quest-bar{padding:12px 14px;gap:10px;}
  .dl-quest-bar .qb-ic{font-size:22px;}
  .dl-quest-bar .qb-title{font-size:16px;}
  .dl-quest-bar .qb-next{font-size:13px;}

  .dl-loop-panel .dl-panel-body{padding:10px 12px;font-size:13px;}
  .dl-loop-panel .dl-panel-grid{padding-right:22px;}
  .dl-loop-bar{padding:7px 10px;}
  .dl-loop-seal{font-size:12px;padding:7px 10px;}
  .dl-loop-count{font-size:12px;padding:1px 7px;}
  .dl-loop-lockkey{top:10px;right:10px;width:20px;height:24px;}

  .dl-sys-note{margin:8px auto 0;}
  .dl-sys-note>summary{padding:8px 13px;}
  .dl-sys-note .dl-sn-tag{font-size:11px;padding:1px 7px;}
  .dl-sys-note .dl-sn-body{padding:3px 13px 10px;font-size:13px;}
}

/* ═══════════════════════════════════════════════════════════════════
   10. 无障碍 @media (prefers-reduced-motion:reduce)
   ═══════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;}
}