/* ============================================
   [我推的孩子] v4.0 — 纯 class 驱动，不依赖自定义标签
   ============================================ */

/* --- 根 --- */
:root {
  --bg-deep: #0a0510;
  --bg-card: #1a0a2e;
  --accent: #ff0055;
  --gold: #ffd700;
  --purple: #5a189a;
  --text: #f0f0f0;
  --text-dim: #c8b6ff;
  --border-glow: rgba(123,44,191,0.4);
}

/* ============================================
   状态栏 — 纯 .status-wrap 驱动
   ============================================ */

.status-wrap {
  display: block;
  background: rgba(10,5,20,0.7);
  border: 1px solid rgba(123,44,191,0.3);
  border-radius: 10px;
  padding: 6px;
  margin-top: 6px;
}

/* 每个折叠卡片 */
.status-wrap details {
  display: block;
  margin-bottom: 5px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(123,44,191,0.2);
  border-radius: 6px;
}
.status-wrap details:last-child { margin-bottom: 0; }

/* 标题栏 */
.status-wrap summary {
  display: block;
  padding: 10px 12px;
  background: linear-gradient(135deg, rgba(26,10,46,0.95), rgba(30,12,50,0.8));
  color: #ff4d6d;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  border-left: 4px solid transparent;
  border-radius: 6px;
  list-style: none;
  transition: background 0.25s, border-left-color 0.25s, text-shadow 0.25s;
  outline: none;
}
.status-wrap summary::-webkit-details-marker { display: none; }
.status-wrap summary::before {
  content: "✦";
  margin-right: 8px;
  color: var(--gold);
  display: inline-block;
  transition: transform 0.3s;
}
.status-wrap summary:hover {
  background: linear-gradient(135deg, #240046, #1a0a2e);
  border-left-color: var(--accent);
  text-shadow: 0 0 8px #ff4d6d;
}
.status-wrap details[open] > summary {
  border-left-color: var(--accent);
  border-bottom: 1px solid rgba(255,0,85,0.25);
  color: #ff85a1;
  border-radius: 6px 6px 0 0;
}
.status-wrap details[open] > summary::before {
  transform: rotate(45deg);
}

/* 内容区 — 覆盖所有可能的子标签 */
.status-wrap details > section,
.status-wrap details > div {
  display: block;
  padding: 10px 12px;
  font-size: 13px;
  color: #e0e0e0;
  line-height: 1.65;
  background: rgba(0,0,0,0.25);
  border-radius: 0 0 6px 6px;
}

/* 角色名 */
.status-wrap f {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 6px;
}
.status-wrap f[eye="亮星"]::after {
  content: " ★";
  color: var(--gold);
  text-shadow: 0 0 8px #fff;
}
.status-wrap f[eye="黑星"]::after {
  content: " ★";
  color: #9d4edd;
  text-shadow: 0 0 8px var(--accent);
}

/* 描述行 */
.status-wrap d {
  display: block;
  font-size: 12.5px;
  color: #ccc;
  margin: 2px 0;
  line-height: 1.55;
}
.status-wrap d b,
.status-wrap b {
  color: #ff85a1;
  font-weight: 600;
}

/* 数值标签 */
.status-wrap nav {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin: 6px 0;
}
.status-wrap nav i {
  font-style: normal;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 3px;
  background: #3c096c;
  color: #e0aaff;
  border: 0.5px solid #7b2cbf;
}
.status-wrap nav i[v^="S"] {
  background: var(--accent);
  color: #fff;
  border: none;
  box-shadow: 0 0 5px var(--accent);
}

/* 内心独白 */
.status-wrap q[t="inner"] {
  display: block;
  font-style: italic;
  color: #999;
  border-left: 2px solid var(--purple);
  padding-left: 10px;
  margin: 8px 0;
  font-size: 12.5px;
}
.status-wrap q[t="inner"]::before {
  content: "💭 ";
  font-style: normal;
  font-size: 11px;
  color: #ff85a1;
}

/* 身体档案网格 */
.status-wrap .bio-sex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  background: rgba(255,0,85,0.04);
  padding: 8px 10px;
  border-radius: 4px;
  border: 0.5px solid rgba(255,0,85,0.15);
  margin: 8px 0;
  font-size: 12px;
}
.status-wrap .bio-sex d {
  color: #ff85a1;
  font-size: 12px;
}

/* SNS 卡片 */
.status-wrap .sns-card {
  background: #fff;
  color: #14171a;
  border-radius: 10px;
  padding: 10px;
  margin: 8px 0;
  font-size: 13px;
}
.status-wrap .sns-card b {
  color: #1da1f2;
}
.status-wrap .sns-card hr {
  border: 0.5px solid #e1e8ed;
  margin: 8px 0;
}

/* 记忆表格 */
.status-wrap .grid-box {
  display: block;
  font-size: 12px;
  padding: 4px 0;
}
.status-wrap .grid-row {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr 0.5fr 1fr;
  gap: 4px;
  border-bottom: 0.5px solid rgba(255,255,255,0.08);
  padding: 4px 0;
  font-size: 12px;
}
.status-wrap .grid-header {
  font-weight: bold;
  color: #b79ced;
  border-bottom: 1px solid #7b2cbf;
}

/* 行动列表 */
.status-wrap ol {
  margin: 6px 0;
  padding-left: 20px;
  color: #ccc;
  font-size: 13px;
  line-height: 1.7;
}
.status-wrap ol li { margin-bottom: 3px; }
.status-wrap ol li b {
  color: var(--gold);
}

/* 分隔线 */
.status-wrap hr {
  border: none;
  border-top: 1px dashed rgba(123,44,191,0.35);
  margin: 10px 0;
}

/* 高亮文本 */
.status-wrap span[style*="color:#00f2ff"] {
  color: #00f2ff !important;
  font-weight: bold;
  text-shadow: 0 0 6px rgba(0,242,255,0.4);
}

/* ============================================
   ai 标签（如果平台保留则生效，剥离也不影响状态栏）
   ============================================ */
ai {
  display: block;
  background: #0a0510;
  border: 1.5px solid #5a189a;
  border-radius: 12px;
  padding: 12px;
  margin: 10px 0;
  font-family: 'PingFang SC', sans-serif;
  color: #e0e0e0;
  box-shadow: 0 0 20px rgba(90,24,154,0.4);
  line-height: 1.5;
  word-break: break-word;
}
ai hd {
  display: block;
  background: linear-gradient(90deg, #240046, transparent);
  border-left: 4px solid var(--accent);
  padding: 8px 12px;
  margin-bottom: 15px;
}
ai hd t {
  display: block;
  font-size: 11px;
  color: #ff85a1;
}
ai hd d {
  display: block;
  font-size: 13px;
  color: #c8b6ff;
}
ai hd q {
  display: block;
  font-size: 15px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 5px var(--accent);
}
ai article {
  display: block;
  padding: 10px 5px;
  font-size: 15px;
  color: #f0f0f0;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  margin-bottom: 20px;
  text-align: justify;
}
ai f {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
ai d { display: block; font-size: 13px; color: #ccc; margin: 2px 0; }
ai nav { display: flex; gap: 4px; flex-wrap: wrap; margin: 5px 0; }
ai nav i {
  font-style: normal;
  font-size: 11px;
  padding: 1px 6px;
  border-radius: 3px;
  background: #3c096c;
  color: #e0aaff;
}
ai nav i[v^="S"] {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 0 5px var(--accent);
}
ai q[t="inner"] {
  display: block;
  font-style: italic;
  color: #aaa;
  border-left: 2px solid #5a189a;
  padding-left: 8px;
  margin: 8px 0;
}
ai hr { border: none; border-top: 1px dashed rgba(123,44,191,0.4); margin: 12px 0; }

/* ============================================
   聊天气泡 + Markdown + 代码块 + 按键 + 其余
   ============================================ */
[class*="bg-[#F1CBCB]"],[class*="bg-[#c9e1e9]"]{display:none!important;}
div[class*="bg-gray-100"][class*="relative"][class*="inline-block"]{
  background:linear-gradient(135deg,#0d0216,#1a0f2e)!important;
  border:1.5px solid #7b2cbf!important;border-radius:16px!important;
  box-shadow:0 0 15px rgba(123,44,191,.4),inset 0 0 10px rgba(255,0,85,.1)!important;
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
}
.markdown-body{
  color:#F0F0F0!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important;
  z-index:1!important;position:relative!important;background:transparent!important;
  font-size:15px!important;line-height:1.7!important;
}
.markdown-body strong{color:#ff85a1!important;}
.markdown-body blockquote{
  border-left:4px solid var(--accent)!important;
  background:linear-gradient(90deg,rgba(255,0,85,.1),transparent)!important;
  color:#c8b6ff!important;padding:10px 15px!important;border-radius:0 8px 8px 0!important;
}

/* scrollbar */
::-webkit-scrollbar{width:8px!important;height:8px!important;}
::-webkit-scrollbar-track{background:#0a0510!important;}
::-webkit-scrollbar-thumb{background:#5a189a!important;border-radius:10px!important;}
::-webkit-scrollbar-thumb:hover{background:var(--accent)!important;}
::selection{background:rgba(255,0,85,.5)!important;color:#fff!important;}

/* inputs */
textarea,.MuiInputBase-root.MuiOutlinedInput-root{
  background:rgba(10,5,16,.8)!important;border:1px solid #5a189a!important;
  color:#fff!important;border-radius:16px!important;
}
textarea:focus,.MuiInputBase-root.MuiOutlinedInput-root.Mui-focused{
  border-color:var(--accent)!important;box-shadow:0 0 15px rgba(255,0,85,.4)!important;
}

/* 按钮防抖 */
button,summary,[role="button"],.MuiButtonBase-root{
  user-select:none!important;-webkit-user-select:none!important;
}

/* 移动端 */
@media(max-width:480px){
  .markdown-body{font-size:14px!important;}
  .status-wrap summary{font-size:12px;padding:8px 10px;}
  .status-wrap .bio-sex{grid-template-columns:1fr;}
  .status-wrap .grid-row{grid-template-columns:1fr 1fr 0.6fr 1fr;font-size:11px;}
}

/* 全局背景 */
body,[class*="bg-gray-50"]{
  background:radial-gradient(circle at 50% 0%,rgba(123,44,191,.15),rgba(10,5,16,1) 70%)!important;
  background-color:#0a0510!important;
}
.mem-wrap{display:block;background:rgba(10,5,20,0.7);border:1px solid rgba(123,44,191,0.3);border-radius:10px;padding:6px;margin-top:6px;}
.mem-wrap details{display:block;background:rgba(255,255,255,0.025);border:1px solid rgba(123,44,191,0.2);border-radius:6px;}
.mem-wrap summary{display:block;padding:10px 12px;background:linear-gradient(135deg,rgba(26,10,46,0.95),rgba(30,12,50,0.8));color:#ff4d6d;font-weight:bold;font-size:13px;cursor:pointer;user-select:none;-webkit-user-select:none;border-left:4px solid transparent;border-radius:6px;list-style:none;}
.mem-wrap summary::-webkit-details-marker{display:none;}
.mem-wrap summary::before{content:"⛓️ ";margin-right:6px;}
.mem-wrap summary:hover{background:linear-gradient(135deg,#240046,#1a0a2e);border-left-color:#ff0055;text-shadow:0 0 8px #ff4d6d;}
.mem-wrap details[open]>summary{border-left-color:#ff0055;border-bottom:1px solid rgba(255,0,85,0.25);color:#ff85a1;border-radius:6px 6px 0 0;}
.mem-wrap details>section{display:block;padding:10px 12px;font-size:13px;color:#e0e0e0;line-height:1.65;background:rgba(0,0,0,0.25);border-radius:0 0 6px 6px;}
.mem-wrap .grid-box{display:block;font-size:12px;padding:4px 0;}
.mem-wrap .grid-row{display:grid;grid-template-columns:0.8fr 1.2fr 0.5fr 1fr;gap:4px;border-bottom:0.5px solid rgba(255,255,255,0.08);padding:4px 0;font-size:12px;}
.mem-wrap .grid-header{font-weight:bold;color:#b79ced;border-bottom:1px solid #7b2cbf;}
.mem-wrap d{display:block;font-size:12.5px;color:#ccc;margin:2px 0;line-height:1.55;}
.mem-wrap d b{color:#ff85a1;font-weight:600;}
.mem-wrap hr{border:none;border-top:1px dashed rgba(123,44,191,0.35);margin:10px 0;}

