/* ═══════════════════════════════════════════════════════════════════
   古风修仙 UI底座 (builtInCss) v2.0 · 绿帽天劫「天劫·青霆」版
   夜墨 · 天劫·青霆 器物学 —— 完全推翻 Apple/iOS 模板
   视觉身份：青霆绿雷光 #3FAE8C × 雷光金 #E8CE8F × 玄青暗底 #0A1210
   装饰母题：云雷纹 / 闪电裂纹 / 玉诏卷轴 · 气质=天罚肃杀+青绿邪光
   组件专属造型（绝非换色底座）：
     状态栏=八卦雷纹罗盘 | 绿帽罗盘=玉诏质感 | 行动选项=雷令木牌
     自身栏=玉诏名册 | 思维链=雷符丹书 | 总结=渡劫录卷轴
   纯CSS无JS · 只用 details/summary + :has() + 兄弟选择器
   零内联事件 / 零锚点链接 / 零表单控件 / 零内联JS
   ═══════════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════════
   0. 设计令牌（CSS变量 · 天劫·青霆 全套 · 照 v4 结构）
   ═══════════════════════════════════════════════════════════════════ */
.status-bar,
.dl-self,
.dl-npc-bar,
.dl-rel-card,
.dl-quest-bar,
.dl-actions,
.dl-summary,
.dl-chain,
.dl-gm-panel,
.dl-loop-panel,
.dl-blood-panel{
  --dl-bg:#050A08;                          /* 玄青暗底·至深 */
  --dl-card:#0A1210;                        /* 玄青暗底 */
  --dl-card-hover:#102019;
  --dl-elevated:#143227;
  --dl-separator:rgba(63,174,140,.32);      /* 青霆绿·细线 */
  --dl-separator-soft:rgba(63,174,140,.12); /* 青霆绿·淡线 */
  --dl-label:#EAF4ED;                       /* 玉青白 */
  --dl-label-2:#B9CBC1;
  --dl-label-3:#71847B;
  --dl-label-4:#3D4B45;
  --dl-accent:#3FAE8C;                      /* 青霆绿·主色 */
  --dl-accent-2:#E8CE8F;                    /* 雷光金·次色 */
  --dl-green:#2F9E83;                       /* 青玉 */
  --dl-red:#C23A2F;                         /* 雷血红 */
  --dl-orange:#C8842C;                      /* 琥珀 */
  --dl-yellow:#E0B85C;                      /* 杏黄 */
  --dl-purple:#7D6B9E;                      /* 黛紫 */
  --dl-pink:#C96A8A;                        /* 胭脂 */
  --dl-cap:#3FAE8C;                         /* 绿帽·青霆绿（题材主色） */
  --dl-thunder:#8FE8C4;                     /* 雷光·青白 */
  --dl-spark:#E8CE8F;                       /* 雷光·金 */
  --dl-abyss:#0A1210;                       /* 玄青暗底 */
  --dl-radius-sm:4px;
  --dl-radius-md:8px;
  --dl-radius-lg:12px;
  --dl-radius-xl:18px;
  --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 2px rgba(0,0,0,.5),0 1px 1px rgba(0,0,0,.4);
  --dl-shadow-raised:0 4px 14px rgba(0,0,0,.55),0 0 0 1px rgba(63,174,140,.16);
  --dl-shadow-float:0 14px 44px rgba(0,0,0,.7);
  /* 专属造型底料：闪电裂 / 天罚锯齿 / 云雷纹 */
  --dl-bolt:polygon(50% 0%,57% 34%,47% 34%,34% 100%,64% 26%,52% 26%,58% 0%);
  --dl-crack:polygon(0 100%,4% 15%,9% 85%,15% 0%,22% 70%,29% 10%,36% 90%,44% 0%,51% 75%,59% 5%,66% 95%,74% 15%,82% 85%,90% 0%,96% 80%,100% 20%,100% 100%);
  --dl-lattice:
    repeating-linear-gradient(45deg,rgba(63,174,140,.045) 0 1px,transparent 1px 13px),
    repeating-linear-gradient(-45deg,rgba(63,174,140,.045) 0 1px,transparent 1px 13px),
    radial-gradient(rgba(232,206,143,.06) 1px,transparent 1.5px);
}

/* ═══════════════════════════════════════════════════════════════════
   1. 场景状态栏 .status-bar —— 青霆雷纹罗盘（2×2 四格 · 每格两行）
   时辰=具体时刻+时段 / 位置=区域+建筑 / 灵石=数字+来源 / 灵力=百分比+档位
   罗盘环 + 四象卦符 + 闪电裂纹角 + 双行值(st-value主/st-sub次)
   ═══════════════════════════════════════════════════════════════════ */
.status-bar{
  --c-day:#E8CE8F;                          /* 昼·雷光金 */
  --c-night:#8FE8C4;                        /* 夜·雷光青 */
  --c-late:#7D6B9E;                         /* 深·黛紫 */
  --c-money:#E8CE8F;                        /* 灵石·雷光金 */
  --c-hp:#3FAE8C;                           /* 灵力·青霆 */
  --c-warn:#C23A2F;                         /* 雷血红 */
  --c-mood:#E8CE8F;                         /* 机缘·雷光金 */

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  background:var(--dl-separator-soft);
  border:1px solid var(--dl-separator);
  border-radius:var(--dl-radius-md);
  overflow:hidden;
  font-family:var(--dl-font);
  font-size:15px;line-height:1.5;color:var(--dl-label);
  box-shadow:var(--dl-shadow-card);
  position:relative;
  transition:border-color .25s,box-shadow .25s;
}
/* 罗盘环：同心雷纹圈 + 天罚青绿邪光 */
.status-bar::before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(circle at center,rgba(63,174,140,.06) 0,transparent 52%),
    repeating-radial-gradient(circle at center,transparent 0 30px,rgba(143,232,196,.10) 31px 32px,transparent 33px 46px);
}
.status-bar::after{
  content:'☰';position:absolute;top:3px;left:50%;transform:translateX(-50%);
  font-size:8px;color:rgba(143,232,196,.28);letter-spacing:0;z-index:0;pointer-events:none;
}
.status-bar:hover{
  border-color:rgba(63,174,140,.55);
  box-shadow:var(--dl-shadow-raised);
}

/* 网格单元 —— 每格一枚雷纹卦符 */
.st-item{
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;
  background:linear-gradient(180deg,rgba(10,18,16,.94),rgba(10,18,16,.82));
  white-space:nowrap;overflow:hidden;
  position:relative;z-index:1;
}
/* 四象卦符（每格一角） */
.st-item::before{
  content:'☷';position:absolute;right:9px;bottom:5px;z-index:0;
  font-size:11px;line-height:1;color:rgba(63,174,140,.20);pointer-events:none;
}
.st-item:nth-child(1)::before{content:'☳';}
.st-item:nth-child(2)::before{content:'☱';}
.st-item:nth-child(3)::before{content:'☶';}
.st-item:nth-child(4)::before{content:'☷';}
/* 闪电裂纹角（右上角青霆闪） */
.st-item::after{
  content:'';position:absolute;right:6px;top:6px;width:13px;height:13px;pointer-events:none;
  background:linear-gradient(160deg,rgba(232,206,143,.55),rgba(63,174,140,.30));
  clip-path:var(--dl-bolt);
  opacity:.55;
}
.st-ico{
  width:30px;height:30px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:17px;
  background:linear-gradient(160deg,#13251D,#0A1611);
  clip-path:polygon(50% 0%,93% 21%,93% 79%,50% 100%,7% 79%,7% 21%);
  box-shadow:inset 0 0 0 1px rgba(63,174,140,.4);
}
.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 9px;font-size:12px;font-weight:600;
  border:none;border-radius:20px;flex-shrink:0;font-family:var(--dl-font-seal);
}
.st-bar{
  display:inline-block;width:36px;height:4px;
  background:rgba(255,255,255,.08);border-radius:2px;
  overflow:hidden;flex-shrink:0;
}
.st-bar > i{display:block;height:100%;border-radius:2px;transition:width .3s;}
/* 双行值：主值 + 次行（时段/来源/档位等罗盘细格） */
.st-c{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start;}
.st-c .st-value{max-width:100%;}
.st-sub{
  font-size:13px;color:var(--dl-label-4);line-height:1.35;letter-spacing:.3px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;
}
.st-c:hover .st-sub{color:var(--dl-label-3);}

/* 时辰格（昼/夜/深 三色） */
.st-time .st-ico{box-shadow:inset 0 0 0 1px rgba(143,232,196,.3);}
.st-time.is-day .st-ico{background:linear-gradient(160deg,#3A2E12,#241D0A);box-shadow:inset 0 0 0 1px rgba(232,206,143,.4);}
.st-time.is-day .st-tag{color:var(--c-day);background:rgba(232,206,143,.12);}
.st-time.is-night .st-ico{background:linear-gradient(160deg,#12241D,#0B1712);box-shadow:inset 0 0 0 1px rgba(143,232,196,.42);}
.st-time.is-night .st-tag{color:var(--c-night);background:rgba(143,232,196,.12);}
.st-time.is-late .st-ico{background:linear-gradient(160deg,#1D1B2A,#131120);box-shadow:inset 0 0 0 1px rgba(125,107,158,.42);}
.st-time.is-late .st-tag{color:var(--c-late);background:rgba(125,107,158,.14);}

/* 位置格 */
.st-loc .st-ico{box-shadow:inset 0 0 0 1px rgba(63,174,140,.42);}
.st-loc .st-value{color:var(--dl-accent-2);}

/* 灵石格 */
.st-money .st-ico{background:linear-gradient(160deg,#3A2E12,#241D0A);box-shadow:inset 0 0 0 1px rgba(232,206,143,.4);}
.st-money .st-value{color:var(--c-money);font-variant-numeric:tabular-nums;}

/* 灵力格 */
.st-hp .st-ico{box-shadow:inset 0 0 0 1px rgba(63,174,140,.42);}
.st-hp .st-value{color:var(--c-hp);}
.st-hp .st-bar > i{background:linear-gradient(90deg,#2F9E83,#8FE8C4);}
.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{animation:warn-blink 1s ease-in-out infinite;}
.status-bar.alert{border-color:rgba(194,58,47,.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(63,174,140,.7)}}
@keyframes warn-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes warn-glow{0%,100%{box-shadow:0 0 0 1px rgba(194,58,47,.2),0 0 12px rgba(194,58,47,.1)}50%{box-shadow:0 0 0 1px rgba(194,58,47,.4),0 0 20px rgba(194,58,47,.25)}}
@keyframes flash-up{0%{text-shadow:0 0 10px rgba(232,206,143,.8);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}
@keyframes flash-down{0%{text-shadow:0 0 10px rgba(194,58,47,.8);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}
@keyframes bolt-flicker{0%,86%,100%{opacity:.45}90%{opacity:.9}94%{opacity:.3}}

/* ═══════════════════════════════════════════════════════════════════
   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:linear-gradient(180deg,#0D1915 0%,#08110E 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(63,174,140,.7);   /* 青霆顶缘 */
  border-radius:var(--dl-radius-md);
  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:var(--dl-lattice);
  opacity:.55;
}
.dl-self:hover{
  border-color:rgba(63,174,140,.55);
  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:rgba(63,174,140,.07);
  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;}
.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 14px 8px 12px;
  border-bottom:1px dashed rgba(63,174,140,.14);
  font-size:14px;line-height:1.5;
  position:relative;z-index:1;
  background:rgba(10,18,16,.35);
}
.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 2px 2px 0;
}
.dl-self-row:nth-child(2)::before{background:#E8CE8F;}   /* 身份·雷光金 */
.dl-self-row:nth-child(3)::before{background:#3FAE8C;}   /* 体型·青霆 */
.dl-self-row:nth-child(4)::before{background:#8FE8C4;}   /* 面容·雷光青 */
.dl-self-row:nth-child(5)::before{background:#C96A8A;}   /* 性格·胭脂 */
.dl-self-row:nth-child(6)::before{background:#7D6B9E;}   /* 背景·黛紫 */
.dl-self-row:nth-child(7)::before{background:#C23A2F;}   /* 境界·雷血红 */
.dl-self-row:nth-child(8)::before{background:#E0B85C;}   /* 穿着·杏黄 */
.dl-self-row:nth-child(9)::before{background:#C8842C;}   /* 随身·琥珀 */
.dl-self-row:nth-child(10)::before{background:#2F9E83;}  /* 身心·青玉 */
.dl-self-row:nth-child(11)::before{background:#C23A2F;}  /* 伤势·雷血红 */
.dl-self-row:nth-child(12)::before{background:#7D6B9E;}  /* 名声·黛紫 */
.dl-self-row:nth-child(13)::before{background:#8FE8C4;}  /* 关系·雷光青 */

/* 图标（雷纹方印 · 自身栏/NPC栏共用） */
.dl-self-row .dl-s-ic,
.dl-npc-row .dl-s-ic{
  width:24px;height:24px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:15px;
  background:rgba(63,174,140,.1);border-radius:var(--dl-radius-sm);
  border:1px solid rgba(63,174,140,.2);
}
/* 标签 */
.dl-self-row .dl-s-l,
.dl-npc-row .dl-s-l{
  color:var(--dl-label-3);flex-shrink:0;font-weight:700;font-size:12px;
  min-width:28px;letter-spacing:1px;font-family:var(--dl-font-seal);
}
/* 值 */
.dl-self-row .dl-s-v,
.dl-npc-row .dl-s-v{color:var(--dl-label);flex:1;word-break:break-word;font-size:14px;line-height:1.5;}
.dl-self-row .dl-s-v em,
.dl-npc-row .dl-s-v em{font-style:normal;color:var(--dl-accent-2);font-weight:600;}
.dl-self-row .dl-s-v .star,
.dl-npc-row .dl-s-v .star{color:var(--dl-yellow);letter-spacing:1px;}
.dl-self-row .dl-s-v .dim,
.dl-npc-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:3px 11px;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;}

/* 礼法名节状态色（本卡第5行 · NTR核心） */
.dl-self-row .dl-s-v .li-clean{color:var(--dl-green);font-weight:600;}
.dl-self-row .dl-s-v .li-blemish{color:var(--dl-orange);font-weight:600;}
.dl-self-row .dl-s-v .li-cracked{color:var(--dl-red);font-weight:700;animation:warn-blink 1.5s ease-in-out infinite;}

/* 境界评级徽章（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,#7D6B9E,#C23A2F);border-color:rgba(255,255,255,.3);box-shadow:0 0 8px rgba(125,107,158,.4);}
.dl-self-rank.rk-a{color:#2A2110;background:linear-gradient(135deg,#E8CE8F,#C9A24B);border-color:rgba(232,206,143,.55);box-shadow:0 0 8px rgba(232,206,143,.4);}
.dl-self-rank.rk-b{color:var(--dl-green);background:rgba(63,174,140,.16);border-color:rgba(63,174,140,.45);}
.dl-self-rank.rk-c{color:var(--dl-orange);background:rgba(200,132,44,.15);border-color:rgba(200,132,44,.4);}
.dl-self-rank.rk-d{color:var(--dl-red);background:rgba(194,58,47,.15);border-color:rgba(194,58,47,.4);}

/* 声名标签颜色（全局） */
.rep-tag.rp-new{color:#8FE8C4;background:rgba(143,232,196,.12);border:1px solid rgba(143,232,196,.22);}
.rep-tag.rp-known{color:var(--dl-green);background:rgba(63,174,140,.14);border:1px solid rgba(63,174,140,.24);}
.rep-tag.rp-backed{color:var(--dl-purple);background:rgba(125,107,158,.14);border:1px solid rgba(125,107,158,.26);}
.rep-tag.rp-suspect{color:var(--dl-orange);background:rgba(200,132,44,.12);border:1px solid rgba(200,132,44,.22);}
.rep-tag.rp-banned{color:var(--dl-red);background:rgba(194,58,47,.14);border:1px solid rgba(194,58,47,.26);}

/* 变动高亮（雷光金闪） */
.dl-self-row.changed,
.dl-npc-row.changed{
  animation:flash-up 1.2s ease;
  background:rgba(63,174,140,.08);
}

/* ═══════════════════════════════════════════════════════════════════
   2B. 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:linear-gradient(180deg,#0D1915 0%,#08110E 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(232,206,143,.7);   /* 雷符金顶缘 */
  border-radius:var(--dl-radius-md);
  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:var(--dl-lattice);
  opacity:.45;
}
.dl-npc-bar:hover{
  border-color:rgba(232,206,143,.55);
  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:rgba(232,206,143,.07);
  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;}
.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 14px 8px 12px;
  border-bottom:1px dashed rgba(63,174,140,.14);
  font-size:14px;line-height:1.5;
  position:relative;z-index:1;
  background:rgba(10,18,16,.35);
}
.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 2px 2px 0;
}
.dl-npc-row:nth-child(2)::before{background:#E8CE8F;}   /* 名讳·雷光金 */
.dl-npc-row:nth-child(3)::before{background:#3FAE8C;}   /* 体型·青霆 */
.dl-npc-row:nth-child(4)::before{background:#8FE8C4;}   /* 面容·雷光青 */
.dl-npc-row:nth-child(5)::before{background:#7D6B9E;}   /* 性格·黛紫 */
.dl-npc-row:nth-child(6)::before{background:#C96A8A;}   /* 背景·胭脂 */
.dl-npc-row:nth-child(7)::before{background:#C8842C;}   /* 穿着·琥珀 */
.dl-npc-row:nth-child(8)::before{background:#E0B85C;}   /* 状态·杏黄 */
.dl-npc-row:nth-child(9)::before{background:#C23A2F;}   /* 关系·雷血红 */

/* ═══════════════════════════════════════════════════════════════════
   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,#0D1915 0%,#08110E 100%);
  border:1px solid var(--dl-separator);
  border-left:3px solid rgba(143,232,196,.65);   /* 传心雷光缘 */
  border-radius:var(--dl-radius-md);
  font-family:var(--dl-font);
  box-shadow:var(--dl-shadow-card);
  position:relative;
  transition:border-color .25s,box-shadow .25s;
}
/* 右下角小雷符 */
.dl-rel-card::after{
  content:'';position:absolute;right:10px;bottom:8px;width:11px;height:11px;
  background:linear-gradient(160deg,rgba(232,206,143,.5),rgba(63,174,140,.3));
  clip-path:var(--dl-bolt);opacity:.5;pointer-events:none;
}
.dl-rel-card:hover{
  border-color:rgba(63,174,140,.5);
  box-shadow:var(--dl-shadow-raised);
}
.dl-rel-card .rc-ava{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:20px;
  background:radial-gradient(circle at 50% 32%,#14332A,#0A1611);
  border:1px solid rgba(143,232,196,.4);
  box-shadow:0 0 0 2px rgba(63,174,140,.12);
}
.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.55;}
.dl-rel-card .rc-mind{font-size:13.5px;color:var(--dl-label-3);line-height:1.55;}
.dl-rel-card .rc-mind:empty{display:none;}

/* ═══════════════════════════════════════════════════════════════════
   4. 行动选项 .dl-actions —— 雷令木牌（上卦下令·木牌缺口闪电）
   ═══════════════════════════════════════════════════════════════════ */
.dl-actions{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:
    repeating-linear-gradient(90deg,rgba(232,206,143,.02) 0 2px,transparent 2px 15px),
    linear-gradient(180deg,#0C1410 0%,#08100C 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(232,206,143,.5);   /* 雷令金顶缘 */
  border-radius:var(--dl-radius-md);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  transition:border-color .25s,box-shadow .25s;
}
.dl-actions:hover{
  border-color:rgba(63,174,140,.55);
  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:rgba(63,174,140,.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:12px 15px;
  background:linear-gradient(180deg,rgba(63,174,140,.06),rgba(63,174,140,.02));
  border:1px solid transparent;
  border-left:3px solid rgba(143,232,196,.6);
  border-radius:2px 6px 6px 2px;
  transition:all .15s;
}
.dl-act-item::after{
  content:'';width:9px;height:14px;flex-shrink:0;
  background:linear-gradient(160deg,rgba(232,206,143,.5),rgba(63,174,140,.3));
  clip-path:var(--dl-bolt);opacity:.45;
}
.dl-act-item:hover{
  background:linear-gradient(180deg,rgba(63,174,140,.14),rgba(63,174,140,.05));
  border-color:var(--dl-separator-soft);
  border-left-color:rgba(143,232,196,.85);
  transform:translateX(2px);   /* 木牌出鞘 */
}
/* 序号令牌 —— 雷令木牌 */
.dl-act-n{
  width:26px;height:26px;flex-shrink:0;border-radius:2px 8px 8px 2px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:700;color:#F5EEC8;
  font-family:var(--dl-font-seal);
  background:linear-gradient(160deg,#1F6B56,#0E2E24);
  border:1px solid rgba(143,232,196,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 3px rgba(0,0,0,.45);
}
.dl-act-item:nth-child(1) .dl-act-n{background:linear-gradient(160deg,#C84E42,#7E221A);}  /* 雷血红令 */
.dl-act-item:nth-child(2) .dl-act-n{background:linear-gradient(160deg,#D19A3A,#8A5E1F);}  /* 雷光金令 */
.dl-act-item:nth-child(3) .dl-act-n{background:linear-gradient(160deg,#3FAE8C,#1A5E4C);}  /* 青霆令 */
.dl-act-item:nth-child(4) .dl-act-n{background:linear-gradient(160deg,#8E7AB0,#55466E);}  /* 黛紫令 */
.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:linear-gradient(180deg,#0D1915 0%,#08110E 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(232,206,143,.5);   /* 雷符金缘 */
  border-radius:var(--dl-radius-md);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  transition:border-color .25s,box-shadow .25s;
}
.dl-chain:hover{
  border-color:rgba(63,174,140,.55);
  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:rgba(63,174,140,.07);
  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:var(--dl-radius-sm);flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:16px;
  background:rgba(232,206,143,.12);
  border:1px solid rgba(232,206,143,.32);
}
.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:var(--dl-lattice);
  border-top:1px dashed rgba(143,232,196,.32);
  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:linear-gradient(180deg,#0D1915 0%,#08110E 100%);
  border:1px solid var(--dl-separator);
  border-radius:var(--dl-radius-md);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  transition:border-color .25s,box-shadow .25s;
}
.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:rgba(63,174,140,.07);
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;position:relative;z-index:1;
}
.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{font-size:16px;}
.dl-summary>summary .dl-sum-arrow{font-size:11px;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,#0D1915 0%,#08110E 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(47,158,131,.6);   /* 青玉轴头 */
}
.dl-summary-small:hover{
  border-color:rgba(63,174,140,.5);
  box-shadow:var(--dl-shadow-raised);
}
.dl-summary-small>summary{background:rgba(63,174,140,.07);}
.dl-summary-small .dl-sum-row{
  display:flex;gap:12px;align-items:flex-start;
  padding:11px 14px;
  background:rgba(63,174,140,.04);
  border:1px solid transparent;
  border-left:2px solid rgba(63,174,140,.35);
  border-radius:var(--dl-radius-sm);
  font-size:13.5px;line-height:1.5;
  transition:all .15s;
}
.dl-summary-small .dl-sum-row:hover{
  background:rgba(63,174,140,.08);
  border-color:var(--dl-separator-soft);
}
.dl-summary-small .dl-sum-label{
  flex-shrink:0;width:26px;height:26px;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;color:#F5EEC8;
  font-family:var(--dl-font-seal);
  border-radius:var(--dl-radius-sm);white-space:nowrap;
  background:linear-gradient(160deg,#3FAE8C,#1A5E4C);
  border:1px solid rgba(143,232,196,.35);
}
.dl-summary-small .dl-sum-row:nth-child(1) .dl-sum-label{background:linear-gradient(160deg,#2F9E83,#1A5E4C);}  /* 青玉 */
.dl-summary-small .dl-sum-row:nth-child(2) .dl-sum-label{background:linear-gradient(160deg,#3FAE8C,#23684F);}  /* 青霆 */
.dl-summary-small .dl-sum-row:nth-child(3) .dl-sum-label{background:linear-gradient(160deg,#E8CE8F,#8A6A2F);}  /* 雷光金 */
.dl-summary-small .dl-sum-row:nth-child(4) .dl-sum-label{background:linear-gradient(160deg,#7D6B9E,#55466E);}  /* 黛紫 */
.dl-summary-small .dl-sum-row:nth-child(n+5) .dl-sum-label{background:linear-gradient(160deg,#4A5A52,#2C3732);} /* 玄青褐 */
.dl-summary-small .dl-sum-val{flex:1;color:var(--dl-label);line-height:1.5;padding-top:4px;}

/* —— 大总结（雷金轴头 · 每6轮出）—— */
.dl-summary-large{
  background:linear-gradient(180deg,#151208 0%,#0C0A05 100%);
  border:1px solid var(--dl-separator);
  border-top:2px solid rgba(232,206,143,.6);   /* 雷金轴头 */
}
.dl-summary-large:hover{
  border-color:rgba(232,206,143,.5);
  box-shadow:var(--dl-shadow-raised);
}
.dl-summary-large>summary{background:rgba(232,206,143,.07);}
.dl-summary-large .dl-sum-section{
  padding:11px 14px;
  background:rgba(63,174,140,.04);
  border:1px solid transparent;
  border-left:2px solid rgba(232,206,143,.45);
  border-radius:var(--dl-radius-sm);
  transition:all .15s;
}
.dl-summary-large .dl-sum-section:hover{
  background:rgba(232,206,143,.07);
  border-color:var(--dl-separator-soft);
}
.dl-summary-large .dl-sum-sec-title{
  font-size:11px;font-weight:700;color:var(--dl-accent-2);
  letter-spacing:2px;margin-bottom:8px;
  display:flex;align-items:center;gap:8px;
  font-family:var(--dl-font-seal);
}
.dl-summary-large .dl-sum-sec-title::before{
  content:'';width:14px;height:1px;flex-shrink:0;
  background:linear-gradient(90deg,transparent,var(--dl-accent-2));
}
.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,#0D1915 0%,#08110E 100%);
  border:1px solid rgba(63,174,140,.42);
  border-left:3px solid rgba(143,232,196,.7);   /* 玉诏雷光缘 */
  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;
  transition:border-color .25s,box-shadow .25s;
}
/* 玉诏顶缘：天罚裂纹 */
.dl-quest-bar::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;pointer-events:none;
  background:linear-gradient(90deg,#3FAE8C,#8FE8C4,#3FAE8C);
  clip-path:var(--dl-crack);
  opacity:.85;
}
.dl-quest-bar:hover{
  border-color:rgba(63,174,140,.6);
  box-shadow:var(--dl-shadow-raised);
}
.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-thunder);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.55;}
.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(63,174,140,.25);
}
.dl-quest-bar .qb-pbar i{display:block;height:100%;background:linear-gradient(90deg,#3FAE8C,#8FE8C4);border-radius:3px;box-shadow:0 0 6px rgba(63,174,140,.6);}
.dl-quest-bar.qb-hidden{display:none;}

/* ═══════════════════════════════════════════════════════════════════
   8. 每卡专属面板 —— 绿帽罗盘 .dl-gm-panel（玉诏质感）
   （玉诏卷轴体：云雷暗纹 + 天罚裂纹顶缘 + 青玉轴头）
   ═══════════════════════════════════════════════════════════════════ */
.dl-gm-panel{
  width:100%;max-width:none;margin:8px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  background:linear-gradient(180deg,#0D1A15 0%,#08110E 100%);
  border:1px solid rgba(63,174,140,.42);
  border-radius:var(--dl-radius-md);
  overflow:hidden;
  box-shadow:var(--dl-shadow-card);
  color:var(--dl-label);
  position:relative;
  transition:border-color .25s,box-shadow .25s;
}
/* 玉诏底纹：云雷暗纹 */
.dl-gm-panel::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:var(--dl-lattice);
  opacity:.5;
}
/* 玉诏顶缘：天罚裂纹（雷纹锯齿） */
.dl-gm-panel::after{
  content:'';position:absolute;top:0;left:0;right:0;height:5px;pointer-events:none;
  background:linear-gradient(90deg,#3FAE8C,#8FE8C4,#3FAE8C);
  clip-path:var(--dl-crack);
}
.dl-gm-panel:hover{
  border-color:rgba(143,232,196,.65);
  box-shadow:var(--dl-shadow-raised);
}
/* 天劫凶时：雷血红辉光（:has 联动） */
.dl-gm-panel:has(.dl-gm-trib:not(.dl-gm-low)){
  box-shadow:0 0 16px rgba(194,58,47,.14),var(--dl-shadow-card);
}
.dl-gm-panel:has(.dl-gm-trib.dl-gm-low){
  border-color:rgba(63,174,140,.5);
}
.dl-gm-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:rgba(63,174,140,.08);
  border-bottom:1px solid rgba(63,174,140,.16);
  user-select:none;
}
.dl-gm-panel>summary::-webkit-details-marker{display:none;}
.dl-gm-panel>summary::-moz-list-marker{display:none;}
.dl-gm-panel>summary .dl-panel-ic{font-size:17px;}
.dl-gm-panel>summary .dl-panel-arrow{font-size:12px;color:var(--dl-label-3);transition:transform .2s;}
.dl-gm-panel[open]>summary .dl-panel-arrow{transform:rotate(180deg);}
.dl-gm-panel:not([open])>summary{border-bottom:none;}

/* 面板体 */
.dl-gm-panel .dl-panel-body{padding:12px 14px;font-size:14px;line-height:1.6;color:var(--dl-label-2);}
.dl-gm-panel .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-gm-stat{
  display:flex;flex-direction:column;gap:5px;
  padding:10px 12px;margin-bottom:6px;
  background:rgba(13,31,25,.6);
  border:1px solid rgba(63,174,140,.18);
  border-left:2px solid rgba(143,232,196,.5);
  border-radius:var(--dl-radius-sm);
}
.dl-gm-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.dl-gm-num{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px;}
.dl-gm-cap .dl-gm-num{color:var(--dl-cap);text-shadow:0 0 10px rgba(63,174,140,.35);}
.dl-gm-betray .dl-gm-num{color:var(--dl-pink);}
.dl-gm-trib .dl-gm-num{color:var(--dl-red);text-shadow:0 0 10px rgba(194,58,47,.3);}
.dl-gm-trib.dl-gm-low .dl-gm-num{color:var(--dl-green);text-shadow:0 0 10px rgba(63,174,140,.35);}

/* 阶段/词表标签 */
.dl-gm-ph,.dl-gm-tag{
  font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:20px;
  font-family:var(--dl-font-seal);letter-spacing:.5px;white-space:nowrap;
}
.dl-gm-cap .dl-gm-ph{color:var(--dl-cap);background:rgba(63,174,140,.16);}
.dl-gm-betray .dl-gm-tag{color:var(--dl-pink);background:rgba(201,106,138,.15);}
.dl-gm-trib .dl-gm-tag{color:var(--dl-red);background:rgba(194,58,47,.16);animation:warn-blink 1.5s ease-in-out infinite;}
.dl-gm-trib.dl-gm-low .dl-gm-tag{color:var(--dl-green);background:rgba(63,174,140,.16);animation:none;}
.dl-gm-trib.dl-gm-mid .dl-gm-tag{color:var(--dl-orange);background:rgba(200,132,44,.16);animation:none;}

/* 数值条（雷光渐变） */
.dl-gm-bar{display:block;width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;}
.dl-gm-bar i{display:block;height:100%;border-radius:3px;transition:width .3s;}
.dl-gm-cap .dl-gm-bar i{background:linear-gradient(90deg,#2F9E83,#8FE8C4);box-shadow:0 0 6px rgba(63,174,140,.5);}
.dl-gm-betray .dl-gm-bar i{background:linear-gradient(90deg,#C96A8A,#E0B85C);}
.dl-gm-trib .dl-gm-bar i{background:linear-gradient(90deg,#C23A2F,#E0B85C);}
.dl-gm-trib.dl-gm-low .dl-gm-bar i{background:linear-gradient(90deg,#2F9E83,#3FAE8C);}

/* —— 黄毛槽位 ×4 · 青玉签 —— */
.dl-gm-hm{
  margin-top:6px;padding:10px 12px;
  background:rgba(13,31,25,.5);
  border:1px solid rgba(63,174,140,.16);
  border-left:2px solid rgba(63,174,140,.45);
  border-radius:var(--dl-radius-sm);
}
.dl-gm-hm-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;}
.dl-gm-hm-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 10px;
  background:rgba(10,18,16,.5);
  border:1px solid rgba(63,174,140,.14);
  border-radius:var(--dl-radius-sm);
}
.dl-gm-hm-item b{color:var(--dl-label);font-size:13px;letter-spacing:.5px;}
.dl-gm-hm-item i{
  font-style:normal;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px;
  color:var(--dl-label-4);background:rgba(61,75,69,.25);
}
.dl-gm-hm-item.hm-lust i{color:var(--dl-pink);background:rgba(201,106,138,.16);}
.dl-gm-hm-item.hm-deep i{color:var(--dl-red);background:rgba(194,58,47,.16);animation:warn-blink 1.5s ease-in-out infinite;}

/* —— 罗盘题签 —— */
.dl-gm-note{
  margin-top:8px;padding:8px 10px;
  font-size:12px;color:var(--dl-thunder);text-align:center;letter-spacing:1px;
  border:1px dashed rgba(143,232,196,.28);border-radius:var(--dl-radius-sm);
}

/* ═══════════════════════════════════════════════════════════════════
   9. 组件间衔接（兄弟选择器 · 收拢间距）
   ═══════════════════════════════════════════════════════════════════ */
.dl-gm-panel + .status-bar{margin-top:6px;}
.status-bar + .dl-self{margin-top:6px;}
.dl-self + .dl-npc-bar{margin-top:6px;}
.dl-npc-bar + .dl-rel-card{margin-top:6px;}
.dl-rel-card + .dl-quest-bar{margin-top:6px;}
.dl-actions + .dl-summary{margin-top:8px;}
.dl-summary + .dl-summary{margin-top:8px;}

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

  .dl-self-row,.dl-npc-row{padding:6px 12px 6px 10px;gap:8px;font-size:13px;}
  .dl-self-row .dl-s-ic,.dl-npc-row .dl-s-ic{width:22px;height:22px;font-size:13px;}
  .dl-self-row .dl-s-l,.dl-npc-row .dl-s-l{font-size:11px;min-width:24px;}
  .dl-self-row .dl-s-v,.dl-npc-row .dl-s-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-gm-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:12.5px;line-height:1.65;}
  .dl-summary{margin:8px auto 0;}
  .dl-sum-body{padding:6px;gap:5px;}
  .dl-summary-small .dl-sum-row{padding:10px 12px;font-size:12.5px;gap:10px;}
  .dl-summary-small .dl-sum-label{width:24px;height:24px;font-size:11px;}
  .dl-summary-large .dl-sum-section{padding:10px 12px;}
  .dl-summary-large .dl-sum-sec-body{font-size:12.5px;}
  .dl-summary-large .dl-sum-sec-title{font-size:10.5px;margin-bottom:6px;}

  .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:12.5px;}

  .dl-gm-panel .dl-panel-body{padding:10px 12px;font-size:13px;}
  .dl-gm-num{font-size:17px;}
  .dl-gm-hm-grid{grid-template-columns:1fr;}
}

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