🔦 全城女人都想日我

/* ============================================================
   猎物是我 · 内置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:v

/* 预览已截断；下载 CSS 可查看完整内容。 */

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。