/* ============================================================
   猎物是我 · 内置CSS (builtInCss) v1.0
   设计概念《猎场·聚光灯》：暗夜狩猎场 / 探照灯扫射 / 猎网 / 血爪印
   主色 猎血猩红(争夺) + 探照灯金(聚光) + 暗夜蓝黑(场)
   纯CSS无JS · 零onclick零a零input · 全部 details/summary
   只含用到的组件：猎场盘 / 状态栏 / 人物状态 / 行动推荐 / 小结+大总结 / 思维链
   ============================================================ */

/* ══════════════════════════════════════════════
   0. 设计令牌（猎场·聚光灯）
   ══════════════════════════════════════════════ */
.status-bar,
.dl-arena,
.dl-self,
.dl-actions,
.dl-summary,
.dl-chain{
  --dl-bg:#0c0f14;                 /* 暗夜猎场底 */
  --dl-card:#151a21;               /* 卡面·焦黑 */
  --dl-card-hover:#1d242e;
  --dl-elevated:#273242;
  --dl-frost:rgba(255,255,255,.055);      /* 探照灯光雾 */
  --dl-frost-soft:rgba(255,255,255,.028);
  --dl-separator:rgba(255,255,255,.11);
  --dl-separator-soft:rgba(255,255,255,.06);
  --dl-label:#f4f6fa;
  --dl-label-2:#b8c2cf;
  --dl-label-3:#7d8896;
  --dl-label-4:#5a6472;
  --dl-accent:#E63946;             /* 猎血猩红 */
  --dl-accent-2:#F5B041;           /* 探照灯金 */
  --dl-green:#3DDC97;
  --dl-red:#FF4655;
  --dl-orange:#FFA040;
  --dl-yellow:#FFD97A;
  --dl-purple:#C58FFF;
  --dl-cyan:#4FD1C5;
  --dl-radius-sm:10px;
  --dl-radius-md:16px;
  --dl-radius-lg:22px;
  --dl-font:-apple-system,'SF Pro Display','SF Pro Text','PingFang SC','Microsoft YaHei',sans-serif;
  --dl-shadow-card:0 8px 28px rgba(0,0,0,.38);
  --dl-shadow-raised:0 14px 44px rgba(0,0,0,.5),0 0 0 1px rgba(230,57,70,.12);
}

/* ── 通用焦黑卡 + 顶部探照灯光柱 ── */
.status-bar,
.dl-arena,
.dl-self,
.dl-actions,
.dl-summary,
.dl-chain{
  position:relative;
  background:
    linear-gradient(180deg,var(--dl-frost) 0%,var(--dl-frost-soft) 100%),
    var(--dl-card);
  border:1px solid var(--dl-separator);
  box-shadow:var(--dl-shadow-card);
}
/* 顶部探照灯扫射高光 */
.status-bar::before,
.dl-arena::before,
.dl-self::before,
.dl-actions::before,
.dl-summary::before,
.dl-chain::before{
  content:'';position:absolute;top:0;left:6%;right:6%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(245,176,65,.5),transparent);
  filter:blur(.5px);
  pointer-events:none;
}
/* 左下角猎网纹理水印 */
.dl-arena::after,
.dl-self::after,
.dl-actions::after{
  content:'';position:absolute;left:0;bottom:0;width:70px;height:70px;
  background:repeating-linear-gradient(45deg,transparent 0 6px,rgba(230,57,70,.05) 6px 7px),
             repeating-linear-gradient(-45deg,transparent 0 6px,rgba(230,57,70,.05) 6px 7px);
  pointer-events:none;opacity:.6;
}

/* ══════════════════════════════════════════════
   1. 猎场盘 .dl-arena — 探照灯扫描名单
   ══════════════════════════════════════════════ */
.dl-arena{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  border-radius:var(--dl-radius-lg);
  font-family:var(--dl-font);
  color:var(--dl-label);
  overflow:hidden;
  transition:border-color .25s,box-shadow .25s;
}
.dl-arena:hover{
  border-color:rgba(230,57,70,.4);
  box-shadow:var(--dl-shadow-raised);
}
.dl-arena>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px;
  font-size:14px;font-weight:600;color:var(--dl-label);letter-spacing:-.2px;
  background:linear-gradient(180deg,rgba(230,57,70,.08),transparent);
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;
}
.dl-arena>summary::-webkit-details-marker{display:none;}
.dl-arena>summary::-moz-list-marker{display:none;}
.dl-arena>summary>span:first-child{display:inline-flex;align-items:center;gap:8px;}
.dl-arena .dl-arena-ic{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;
  background:radial-gradient(circle at 30% 25%,rgba(245,176,65,.34),rgba(245,176,65,.06));
  box-shadow:0 0 12px rgba(245,176,65,.35);
}
.dl-arena .dl-arena-arrow{font-size:11px;color:var(--dl-label-3);transition:transform .2s;}
.dl-arena[open]>summary .dl-arena-arrow{transform:rotate(180deg);}
.dl-arena:not([open])>summary{border-bottom:none;}

.dl-arena-body{padding:8px;display:flex;flex-direction:column;gap:6px;}

/* 每行 = 一只狼：名字 + 争夺状态徽章 + 关系 */
.dl-arena-row{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid transparent;border-left:3px solid var(--dl-separator);
  border-radius:var(--dl-radius-sm);
  transition:all .15s;
}
.dl-arena-row:hover{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border-left-color:var(--dl-accent);
  transform:translateX(3px);
}
/* 行内左缘状态色条 */
.dl-arena-row:nth-child(1){border-left-color:#F5B041;}
.dl-arena-row:nth-child(2){border-left-color:#FF4655;}
.dl-arena-row:nth-child(3){border-left-color:#4FD1C5;}
.dl-arena-row:nth-child(4){border-left-color:#FFA040;}
.dl-arena-row:nth-child(5){border-left-color:#3DDC97;}
.dl-arena-row:nth-child(6){border-left-color:#C58FFF;}
.dl-arena-row:nth-child(7){border-left-color:#7d8896;}

.dl-arena-nm{
  flex-shrink:0;min-width:58px;
  font-size:13px;font-weight:700;color:var(--dl-label);
}
.dl-arena-st{
  flex-shrink:0;
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 10px;font-size:10.5px;font-weight:700;
  border-radius:20px;letter-spacing:.5px;
}
.dl-arena-st::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;}
/* 争夺分级徽章 */
.dl-arena-st.st-probe{color:var(--dl-cyan);background:rgba(79,209,197,.12);}
.dl-arena-st.st-hunt{color:var(--dl-orange);background:rgba(255,160,64,.14);}
.dl-arena-st.st-tick{color:var(--dl-yellow);background:rgba(255,217,122,.14);}
.dl-arena-st.st-on{color:var(--dl-red);background:rgba(230,57,70,.16);box-shadow:0 0 10px rgba(230,57,70,.25);}
.dl-arena-st.st-war{color:#fff;background:var(--dl-red);animation:warn-blink .8s ease-in-out infinite;box-shadow:0 0 14px rgba(255,70,85,.6);}

.dl-arena-rel{
  flex:1;text-align:right;
  font-size:11px;color:var(--dl-label-3);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* ══════════════════════════════════════════════
   2. 状态栏 — 2×2 猎场监控四格
   ══════════════════════════════════════════════ */
.status-bar{
  --c-day:#FFD97A;
  --c-night:#4FD1C5;
  --c-late:#FF4655;
  --c-heat:#FF4655;
  --c-hp:#FF4655;
  --c-warn:#FF4655;

  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  padding:10px;
  border-radius:var(--dl-radius-lg);
  font-family:var(--dl-font);
  font-size:13px;line-height:1.4;color:var(--dl-label);
  transition:border-color .25s,box-shadow .25s;
}
.status-bar:hover{
  border-color:rgba(230,57,70,.4);
  box-shadow:var(--dl-shadow-raised);
}
/* 每格 = 一块监视屏 */
.st-item{
  display:flex;align-items:center;gap:11px;
  padding:14px 15px;
  background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid var(--dl-separator-soft);
  border-radius:var(--dl-radius-md);
  white-space:nowrap;overflow:hidden;
  transition:background .2s,transform .2s;
}
.st-item:hover{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04));}

/* 图标 = 聚光灯圆点 */
.st-ico{
  width:38px;height:38px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:17px;
  background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.16),rgba(255,255,255,.02));
  border:1px solid var(--dl-separator-soft);
}
.st-value{color:var(--dl-label);font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;}
.st-tag{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 10px;font-size:10px;font-weight:700;
  border-radius:20px;flex-shrink:0;letter-spacing:.5px;
}
.st-tag::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;}
.st-bar{
  display:inline-block;width:38px;height:5px;
  background:rgba(255,255,255,.10);border-radius:3px;
  overflow:hidden;flex-shrink:0;
}
.st-bar > i{display:block;height:100%;border-radius:3px;transition:width .3s;}

/* 时间格 — 探照灯色温：日金 / 夜青 / 深红 */
.st-time .st-ico{background:radial-gradient(circle at 30% 25%,rgba(255,217,122,.30),rgba(255,217,122,.06));color:var(--c-day);}
.st-time.is-day .st-tag{color:var(--c-day);background:rgba(255,217,122,.12);}
.st-time.is-night .st-ico{background:radial-gradient(circle at 30% 25%,rgba(79,209,197,.30),rgba(79,209,197,.06));color:var(--c-night);}
.st-time.is-night .st-tag{color:var(--c-night);background:rgba(79,209,197,.12);}
.st-time.is-late .st-ico{background:radial-gradient(circle at 30% 25%,rgba(255,70,85,.34),rgba(255,70,85,.07));color:var(--c-late);}
.st-time.is-late .st-tag{color:var(--c-late);background:rgba(255,70,85,.14);box-shadow:0 0 12px rgba(255,70,85,.25);}

/* 位置格 — 探照灯金 */
.st-loc .st-ico{background:radial-gradient(circle at 30% 25%,rgba(245,176,65,.30),rgba(245,176,65,.06));color:var(--dl-accent-2);}
.st-loc .st-value{color:var(--dl-accent-2);}

/* 猎场热度格 — 猩红火焰 */
.st-heat .st-ico{background:radial-gradient(circle at 30% 25%,rgba(255,70,85,.34),rgba(255,70,85,.07));color:var(--c-heat);}
.st-heat .st-value{color:var(--c-heat);font-variant-numeric:tabular-nums;}
.st-heat .st-bar > i{background:linear-gradient(90deg,#FFA040,var(--c-heat));}

/* 体力格 */
.st-hp .st-ico{background:radial-gradient(circle at 30% 25%,rgba(255,70,85,.28),rgba(255,70,85,.05));color:var(--c-hp);}
.st-hp .st-value{color:var(--c-hp);}
.st-hp .st-bar > i{background:linear-gradient(90deg,var(--c-hp),#FFA040);}
.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-warn .st-value{color:var(--c-warn);font-weight:700;}
.st-warn .st-ico{animation:warn-blink 1s 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(255,70,85,.6)}}
@keyframes warn-blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes flash-up{0%{text-shadow:0 0 10px rgba(61,220,151,.8);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}
@keyframes flash-down{0%{text-shadow:0 0 10px rgba(255,70,85,.8);transform:scale(1.06)}100%{text-shadow:none;transform:scale(1)}}

@media (max-width:480px){
  .status-bar{gap:8px;padding:8px;border-radius:var(--dl-radius-md);}
  .st-item{padding:12px 12px;gap:9px;border-radius:14px;}
  .st-ico{width:32px;height:32px;font-size:15px;}
  .st-value{font-size:13px;}
  .st-bar{width:30px;}
}

/* ══════════════════════════════════════════════
   3. 人物状态 .dl-self — 焦黑档案卡
   ══════════════════════════════════════════════ */
.dl-self{
  width:100%;max-width:none;margin:8px auto 0;box-sizing:border-box;
  border-radius:var(--dl-radius-lg);
  font-family:var(--dl-font);
  color:var(--dl-label);
  overflow:hidden;
  transition:border-color .25s,box-shadow .25s;
}
.dl-self:hover{
  border-color:rgba(230,57,70,.4);
  box-shadow:var(--dl-shadow-raised);
}
/* 底部探照灯金线 */
.dl-self::after{
  content:'';display:block;height:3px;width:100%;
  background:linear-gradient(90deg,#E63946 0%,#F5B041 55%,#4FD1C5 100%);
  opacity:.85;
}
.dl-self>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 16px;
  font-size:14px;font-weight:600;color:var(--dl-label);letter-spacing:-.2px;
  background:linear-gradient(180deg,var(--dl-frost),transparent);
  border-bottom:1px solid var(--dl-separator-soft);
  user-select:none;
}
.dl-self>summary::-webkit-details-marker{display:none;}
.dl-self>summary::-moz-list-marker{display:none;}
.dl-self>summary .dl-self-ic{
  width:30px;height:30px;border-radius:50%;margin-right:8px;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;
  background:radial-gradient(circle at 30% 25%,rgba(230,57,70,.30),rgba(230,57,70,.05));
}
.dl-self>summary .dl-self-arrow{font-size:11px;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 13px;
  border-bottom:1px solid rgba(255,255,255,.045);
  font-size:12.5px;line-height:1.45;
  position:relative;
}
.dl-self-row:last-child{border-bottom:none;}
/* 左缘色条 — 十二行分色 */
.dl-self-row::before{
  content:'';position:absolute;left:0;top:7px;bottom:7px;
  width:3px;border-radius:0 2px 2px 0;
}
.dl-self-row:nth-child(1)::before{background:#F5B041;}
.dl-self-row:nth-child(2)::before{background:#4FD1C5;}
.dl-self-row:nth-child(3)::before{background:#FFA040;}
.dl-self-row:nth-child(4)::before{background:#E63946;}
.dl-self-row:nth-child(5)::before{background:#C58FFF;}
.dl-self-row:nth-child(6)::before{background:#FFD97A;}
.dl-self-row:nth-child(7)::before{background:#3DDC97;}
.dl-self-row:nth-child(8)::before{background:#7d8896;}
.dl-self-row:nth-child(9)::before{background:#FF4655;}
.dl-self-row:nth-child(10)::before{background:#f0a5c8;}
.dl-self-row:nth-child(11)::before{background:#F5B041;}
.dl-self-row:nth-child(12)::before{background:#E63946;}

.dl-self-row .dl-s-ic{
  width:24px;height:24px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:13px;
  background:rgba(255,255,255,.06);
}
.dl-self-row .dl-s-l{
  color:var(--dl-label-3);flex-shrink:0;font-weight:700;font-size:10px;
  min-width:46px;letter-spacing:.5px;
}
.dl-self-row .dl-s-v{
  color:var(--dl-label);flex:1;word-break:break-word;font-size:12.5px;line-height:1.45;
}
.dl-self-row .dl-s-v em{font-style:normal;color:var(--dl-accent-2);font-weight:600;}

/* 名声标签 */
.rep-tag{
  display:inline-block;padding:2px 10px;border-radius:12px;
  font-size:11px;font-weight:600;letter-spacing:.3px;
  background:rgba(255,255,255,.05);
}
.rep-tag.rp-new{color:var(--dl-cyan);background:rgba(79,209,197,.12);border:1px solid rgba(79,209,197,.25);}
.rep-tag.rp-known{color:var(--dl-green);background:rgba(61,220,151,.12);border:1px solid rgba(61,220,151,.25);}
.rep-tag.rp-suspect{color:var(--dl-orange);background:rgba(255,160,64,.12);border:1px solid rgba(255,160,64,.25);}
.rep-tag.rp-banned{color:var(--dl-red);background:rgba(255,70,85,.12);border:1px solid rgba(255,70,85,.25);}

/* 能力评级徽章 — 血爪徽章 */
.dl-self-rank{
  display:inline-flex;align-items:center;justify-content:center;
  width:23px;height:23px;border-radius:50%;
  font-size:11px;font-weight:800;border:1px solid;
  vertical-align:middle;margin-right:6px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.dl-self-rank.rk-s{color:#fff;background:linear-gradient(135deg,#C58FFF,#E63946);border-color:rgba(255,255,255,.35);box-shadow:0 0 10px rgba(197,143,255,.4);}
.dl-self-rank.rk-a{color:#04201f;background:linear-gradient(135deg,#4FD1C5,#A7E9E2);border-color:rgba(79,209,197,.5);}
.dl-self-rank.rk-b{color:#03331e;background:linear-gradient(135deg,#3DDC97,#8AF5C6);border-color:rgba(61,220,151,.5);}
.dl-self-rank.rk-c{color:#3a2102;background:linear-gradient(135deg,#FFA040,#FFD5A8);border-color:rgba(255,160,64,.5);}
.dl-self-rank.rk-d{color:#3d0606;background:linear-gradient(135deg,#FF4655,#FF9AA3);border-color:rgba(255,70,85,.5);}

/* 变动高亮 */
.dl-self-row.changed{
  animation:flash-up 1.2s ease;
  background:rgba(230,57,70,.05);
}

/* ══════════════════════════════════════════════
   4. 行动推荐 .dl-actions — 血爪序号按钮
   ══════════════════════════════════════════════ */
.dl-actions{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  transition:border-color .25s,box-shadow .25s;
}
.dl-actions:hover{
  border-color:rgba(230,57,70,.4);
  box-shadow:var(--dl-shadow-raised);
}
.dl-actions>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;
  padding:13px 18px;
  font-size:14px;font-weight:600;color:var(--dl-label);letter-spacing:-.2px;
  background:linear-gradient(180deg,var(--dl-frost),transparent);
  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{
  width:30px;height:30px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:15px;
  background:radial-gradient(circle at 30% 25%,rgba(245,176,65,.30),rgba(245,176,65,.05));
}
.dl-actions>summary .dl-act-arrow{font-size:11px;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 14px;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid transparent;
  border-radius:var(--dl-radius-sm);
  transition:all .15s;
}
.dl-act-item:hover{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border-color:var(--dl-separator-soft);
  transform:translateX(3px);
}
.dl-act-n{
  width:26px;height:26px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:#fff;
  box-shadow:0 3px 10px rgba(0,0,0,.3);
}
.dl-act-item:nth-child(1) .dl-act-n{background:linear-gradient(135deg,#E63946,#FF5E6B);}
.dl-act-item:nth-child(2) .dl-act-n{background:linear-gradient(135deg,#FFA040,#FFCA8F);}
.dl-act-item:nth-child(3) .dl-act-n{background:linear-gradient(135deg,#3DDC97,#6BE8B5);}
.dl-act-item:nth-child(4) .dl-act-n{background:linear-gradient(135deg,#C58FFF,#DFB8FF);}
.dl-act-t{flex:1;font-size:14px;color:var(--dl-label);line-height:1.5;}

/* ══════════════════════════════════════════════
   5. 小结 / 大总结 .dl-summary
   ══════════════════════════════════════════════ */
.dl-summary{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  border-radius:var(--dl-radius-lg);overflow:hidden;
  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:13px 18px;
  font-size:14px;font-weight:600;letter-spacing:-.2px;
  user-select:none;
  border-bottom:1px solid var(--dl-separator-soft);
  transition:background .2s;
}
.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:15px;
}
.dl-summary>summary .dl-sum-arrow{font-size:11px;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(245,176,65,.04),transparent),var(--dl-card);
  border:1px solid var(--dl-separator);
}
.dl-summary-small:hover{border-color:rgba(245,176,65,.4);box-shadow:var(--dl-shadow-raised);}
.dl-summary-small>summary{color:var(--dl-label);background:linear-gradient(180deg,rgba(245,176,65,.07),transparent);}
.dl-summary-small>summary .dl-sum-ic{background:radial-gradient(circle at 30% 25%,rgba(245,176,65,.30),rgba(245,176,65,.05));}
.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:12px 14px;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid transparent;
  border-radius:var(--dl-radius-sm);
  font-size:13px;line-height:1.5;
  transition:all .15s;
}
.dl-summary-small .dl-sum-row:hover{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  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:800;color:#fff;
  border-radius:50%;white-space:nowrap;
  box-shadow:0 3px 10px rgba(0,0,0,.28);
}
.dl-summary-small .dl-sum-row:nth-child(1) .dl-sum-label{background:linear-gradient(135deg,#F5B041,#E8A93A);}
.dl-summary-small .dl-sum-row:nth-child(2) .dl-sum-label{background:linear-gradient(135deg,#FFA040,#FFCA8F);}
.dl-summary-small .dl-sum-row:nth-child(3) .dl-sum-label{background:linear-gradient(135deg,#C58FFF,#DFB8FF);}
.dl-summary-small .dl-sum-row:nth-child(n+4) .dl-sum-label{background:linear-gradient(135deg,#7d8896,#aab3bf);}
.dl-summary-small .dl-sum-val{flex:1;color:var(--dl-label);line-height:1.5;padding-top:4px;}

/* 大总结（猎血紫红） */
.dl-summary-large{
  background:linear-gradient(180deg,rgba(230,57,70,.04),transparent),var(--dl-card);
  border:1px solid var(--dl-separator);
}
.dl-summary-large:hover{border-color:rgba(230,57,70,.4);box-shadow:var(--dl-shadow-raised);}
.dl-summary-large>summary{color:var(--dl-label);background:linear-gradient(180deg,rgba(230,57,70,.07),transparent);}
.dl-summary-large>summary .dl-sum-ic{background:radial-gradient(circle at 30% 25%,rgba(230,57,70,.30),rgba(230,57,70,.05));}
.dl-summary-large>summary .dl-sum-arrow{color:var(--dl-label-3);}
.dl-summary-large .dl-sum-section{
  padding:12px 14px;
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border:1px solid transparent;
  border-radius:var(--dl-radius-sm);
  transition:all .15s;
}
.dl-summary-large .dl-sum-section:hover{
  background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border-color:var(--dl-separator-soft);
}
.dl-summary-large .dl-sum-sec-title{
  font-size:11px;font-weight:700;color:var(--dl-accent);
  letter-spacing:1px;margin-bottom:8px;
  display:flex;align-items:center;gap:8px;
  text-transform:uppercase;
}
.dl-summary-large .dl-sum-sec-title::before{content:'';width:3px;height:12px;border-radius:2px;background:var(--dl-accent);flex-shrink:0;}
.dl-summary-large .dl-sum-sec-body{font-size:13px;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;}

/* ══════════════════════════════════════════════
   6. 思维链 .dl-chain — 猎场推演面板
   ══════════════════════════════════════════════ */
.dl-chain{
  width:100%;max-width:none;margin:10px auto 0;box-sizing:border-box;
  font-family:var(--dl-font);
  border-radius:var(--dl-radius-lg);
  overflow:hidden;
  transition:border-color .25s,box-shadow .25s;
}
.dl-chain:hover{
  border-color:rgba(230,57,70,.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:13px 16px;
  font-size:14px;font-weight:600;color:var(--dl-label);letter-spacing:-.2px;
  background:linear-gradient(180deg,var(--dl-frost),transparent);
  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:15px;
  background:radial-gradient(circle at 30% 25%,rgba(245,176,65,.30),rgba(245,176,65,.05));
}
.dl-chain .dl-chain-arrow{font-size:11px;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:12px;line-height:1.7;color:var(--dl-label-2);
  font-family:'SF Mono','Fira Code','Cascadia Code','Consolas',var(--dl-font);
  white-space:pre-wrap;word-break:break-word;
  background:rgba(0,0,0,.20);
  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;}

/* 响应式 */
@media (max-width:480px){
  .dl-arena-row{padding:9px 11px;gap:8px;}
  .dl-arena-nm{min-width:50px;font-size:12px;}
  .dl-arena-st{font-size:9.5px;padding:2px 8px;}
  .dl-self-row{padding:7px 12px 7px 11px;gap:8px;font-size:11.5px;}
  .dl-self-row .dl-s-ic{width:22px;height:22px;font-size:12px;}
  .dl-self-row .dl-s-l{font-size:9.5px;min-width:42px;}
  .dl-self-row .dl-s-v{font-size:11.5px;}
  .dl-summary{margin:8px auto 0;}
  .dl-summary>summary{padding:12px 14px;font-size:13px;}
  .dl-sum-body{padding:6px;gap:5px;}
  .dl-summary-small .dl-sum-row{padding:10px 12px;font-size:12px;gap:10px;}
  .dl-summary-large .dl-sum-section{padding:10px 12px;}
  .dl-chain-body{padding:12px 14px;font-size:11px;line-height:1.6;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;}
}
