/* ============================================================
   1. 核心容器与暗色修正 (保住你的全局样式)
   ============================================================ */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] {
    display: none !important;
}
[class*="bg-gray-100"][class*="/90"][class*="relative"][class*="inline-block"] {
  --bg-primary: #1a1b26 !important;
  --bg-secondary: #24283b !important;
  --color-primary: #ff7a9f !important;
  --color-primary-hover: #ff4d7d !important;
  --text-primary: #ffffff !important;    /* 强制纯白，解决太淡问题 */
  --text-secondary: #94a3b8 !important;
  --border-color: #414868 !important;

    background: var(--bg-primary) !important;
    border: 1px solid rgba(255, 122, 159, 0.25) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    padding: 12px 14px !important;
    isolation: isolate !important;
}

/* 彻底干掉可能出现的白色背景 */
.markdown-body {
  color: var(--text-primary) !important;
  background: transparent !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

/* ==================== 2. 你的所有自定义标签 (原样复活) ==================== */
hd {
display: block !important;
text-align: center !important;
font-size: 12px !important;
color: var(--text-secondary) !important;
letter-spacing: 1px !important;
padding: 4px 0 10px !important;
border-bottom: 1px solid var(--border-color) !important;
margin-bottom: 8px !important;
}
hd::after {
content: '';
display: block !important;
width: 60% !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, var(--color-primary), transparent) !important;
margin: 6px auto 0 !important;
}

details {
background: var(--bg-secondary) !important;
border-radius: 8px !important;
border: 1px solid var(--border-color) !important;
margin-bottom: 8px !important;
padding: 6px 10px 10px !important;
transition: border-color 0.3s ease !important;
}
details[open] {
border-color: var(--color-primary) !important;
box-shadow: 0 0 6px rgba(255, 122, 159, 0.15) !important;
}
summary {
cursor: pointer !important;
color: var(--color-primary) !important;
font-weight: 600 !important;
font-size: 14px !important;
padding: 2px 0 !important;
list-style: none !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
}
summary::-webkit-details-marker { display: none !important; }
summary::before {
content: '▶' !important;
display: inline-block !important;
margin-right: 4px !important;
transition: transform 0.2s ease !important;
font-size: 10px !important;
color: var(--text-secondary) !important;
}
details[open] > summary::before {
transform: rotate(90deg) !important;
}

figure {
display: block !important;
width: 100% !important;
max-width: 100% !important;
background-image: linear-gradient(135deg, #1a1a1a, #2a1a38, #1a1a1a);
background-color: #2a1a38 !important;
border-radius: 6px !important;
border: 1px solid var(--border-color) !important;
position: relative !important;
overflow: visible !important; /* 放开溢出，图片完整露出 */
text-align: center !important;
line-height: 180px !important;
color: var(--text-secondary) !important;
font-size: 12px !important;
margin: 4px 0 8px !important;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* 仅无图时保留400高度占位 */
figure:not(:has(img)) {
  min-height: 400px !important;
}

/* ========== 组1：横版图 ========== */
figure[data-cg-id="2"],
figure[data-cg-id="3"],
figure[data-cg-id="4"],
figure[data-cg-id="7"],
figure[data-cg-id="8"],
figure[data-cg-id="14"],
figure[data-cg-id="16"],
figure[data-cg-id="17"],
figure[data-cg-id="20"],
figure[data-cg-id="24"],
figure[data-cg-id="25"],
figure[data-cg-id="26"],
figure[data-cg-id="28"] {
  aspect-ratio: 16 / 9;
  min-height: unset !important;
}

/* ========== 组2：竖版图 ========== */
figure[data-cg-id="1"],
figure[data-cg-id="5"],
figure[data-cg-id="6"],
figure[data-cg-id="9"],
figure[data-cg-id="10"],
figure[data-cg-id="11"],
figure[data-cg-id="13"],
figure[data-cg-id="15"],
figure[data-cg-id="18"],
figure[data-cg-id="19"],
figure[data-cg-id="21"],
figure[data-cg-id="22"],
figure[data-cg-id="23"],
figure[data-cg-id="27"],
figure[data-cg-id="29"] {
  aspect-ratio: 9 / 16;
  min-height: unset !important;
}

figure::before {
content: '';
position: absolute;
top: 50%; left: 50%;
width: 120px; height: 120px;
background: radial-gradient(circle, rgba(255, 122, 159, 0.25), transparent) !important;
border-radius: 50%;
transform: translate(-50%, -50%);
animation: breathe 4s infinite alternate;
pointer-events: none;
z-index: 1; /* 光晕放上层，不遮挡图片主体 */
}
@keyframes breathe {
0% { opacity: 0.4; transform: translate(-50%, -50%) scale(1); }
100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1.2); }
}

figure img {
display: block !important;
width: 100% !important;
height: auto !important;
position: relative;
z-index: 0; /* 图片在光晕下层 */
/* 移除 object-fit，自适应宽高不需要 */
}

/* ========== 所有CG图片地址全部写在这里，批量扩充 ========== */
figure[data-cg-id="1"] {background-image: url("https://catai.wiki/67b107b5-0a67-4360-13de-b5cb34220800/w=3000") !important;}
figure[data-cg-id="2"] {background-image: url("https://catai.wiki/332ea601-bad3-4996-dabb-f85b8293b800/w=3000") !important;}
figure[data-cg-id="3"] {background-image: url("https://catai.wiki/d0eb85d7-6dfe-49aa-9e6d-685ef4be7600/w=3000") !important;}
figure[data-cg-id="4"] {background-image: url("https://catai.wiki/71cc239a-6315-4f0c-1961-d53f439aba00/w=3000") !important;}

figure[data-cg-id="5"] {background-image: url("https://catai.wiki/3b7bb07c-16f3-41c0-4f86-2807fcd92700/w=3000") !important;}
figure[data-cg-id="6"] {background-image: url("https://catai.wiki/d2c7b6e0-0b62-47e4-39bf-9ecbada5f000/w=3000") !important;}
figure[data-cg-id="7"] {background-image: url("https://catai.wiki/9c68a53d-1c1f-4947-34e2-83e47ce53d00/w=3000") !important;}
figure[data-cg-id="8"] {background-image: url("https://catai.wiki/3c993be8-104b-484b-d480-38017b803000/w=3000") !important;}

figure[data-cg-id="9"] {background-image: url("https://catai.wiki/227cc55a-a530-4751-7c5d-4a4a42c8c500/w=3000") !important;}
figure[data-cg-id="10"] {background-image: url("https://catai.wiki/3048c4cf-6b4a-4727-cc7a-59b543cda700/w=3000") !important;}
figure[data-cg-id="11"] {background-image: url("https://catai.wiki/adf08b6f-2a37-4609-ada3-f3ca44cb9000/w=3000") !important;}
figure[data-cg-id="12"] {background-image: url("https://catai.wiki/1bc2fcb6-d3c0-45e6-0223-ec32501ac200/w=3000") !important;}

figure[data-cg-id="13"] {background-image: url("https://catai.wiki/a6ce84c6-9935-48b6-17a5-9ca2c614e800/w=3000") !important;}
figure[data-cg-id="14"] {background-image: url("https://catai.wiki/2627bf2f-8f9e-4a89-452a-35ecddb29600/w=3000") !important;}
figure[data-cg-id="15"] {background-image: url("https://catai.wiki/98459170-ae8b-49be-54dc-e47802e2b100/w=3000") !important;}
figure[data-cg-id="16"] {background-image: url("https://catai.wiki/db96a6a5-8ff6-4076-55b4-17ed52dfe400/w=3000") !important;}

figure[data-cg-id="17"] {background-image: url("https://catai.wiki/714eeb3f-cc82-4f4d-723a-1bb82afad500/w=3000") !important;}
figure[data-cg-id="18"] {background-image: url("https://catai.wiki/5ca41013-7b2e-4ef1-aa35-d9e6fca4c800/w=3000") !important;}
figure[data-cg-id="19"] {background-image: url("https://catai.wiki/f9efa392-d256-475c-967d-57f0bdd71f00/w=3000") !important;}
figure[data-cg-id="20"] {background-image: url("https://catai.wiki/d80f7291-a7f5-433f-27e1-6c2fbc9bdf00/w=3000") !important;}

figure[data-cg-id="21"] {background-image: url("https://catai.wiki/fa32eae1-c299-4528-9459-2eed600f6600/w=3000") !important;}
figure[data-cg-id="22"] {background-image: url("https://catai.wiki/5bea791e-7bc3-4b56-d366-c840208f1e00/w=3000") !important;}
figure[data-cg-id="23"] {background-image: url("https://catai.wiki/0449b1ff-9b8c-4356-4d07-e0aac6287400/w=3000") !important;}
figure[data-cg-id="24"] {background-image: url("https://catai.wiki/e471f05c-f3e5-4129-e5a2-02c2adcb4f00/w=3000") !important;}

figure[data-cg-id="25"] {background-image: url("https://catai.wiki/b7543fba-3194-4f88-8ba1-d0ae036d2400/w=3000") !important;}
figure[data-cg-id="26"] {background-image: url("https://catai.wiki/697fdaad-dfc1-4d5f-cfc0-7866b1e15000/w=3000") !important;}
figure[data-cg-id="27"] {background-image: url("https://catai.wiki/0786b80c-7bec-41b3-f4d2-1fac728fff00/w=3000") !important;}
figure[data-cg-id="28"] {background-image: url("https://catai.wiki/4dca8a99-77ad-4956-77a2-10485e648700/w=3000") !important;}

figure[data-cg-id="29"] {background-image: url("https://catai.wiki/267fd5a2-6e26-45eb-3c59-3f40a086c900/w=3000") !important;}

@media screen and (max-width: 767px) {
    figure {
        height: auto !important;
        display: block !important;
        visibility: visible !important;
    }

    figure img {
        /* 2. 强制图片自适应宽度，高度根据比例自动计算 */
        width: 100% !important;
        height: auto !important;
        min-height: 150px !important; /* 哪怕没图也要撑开容器 */
        
        /* 3. 确保图片可见性 */
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
    }
  figure:not(:has(img)) {
    min-height: 240px !important;
    line-height: 240px !important;
  }
}

stats {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
gap: 6px !important;
margin: 6px 0 !important;
}
stats d {
background: rgba(255, 255, 255, 0.04) !important;
border-radius: 4px !important;
padding: 4px 6px !important;
font-size: 12px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
border: 1px solid transparent !important;
transition: border-color 0.3s ease !important;
color: var(--text-primary) !important;
}
stats d:hover { border-color: var(--color-primary) !important; }
stats s {
color: var(--text-secondary) !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
margin-bottom: 2px !important;
}

pos {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 6px !important;
margin: 6px 0 !important;
width: 100% !important;
}
pos d {
background: rgba(255, 255, 255, 0.03) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font-size: 12px !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 4px !important;
border-left: 2px solid var(--color-primary) !important;
color: var(--text-primary) !important;
min-width: 0 !important;
width: 100% !important;
overflow-wrap: anywhere !important;
}
pos s {
color: var(--text-secondary) !important;
font-weight: 500 !important;
min-width: 40px !important;
}

.hearts {
display: flex !important;
gap: 2px !important;
}
.hearts sp {
display: inline-block !important;
width: 14px !important;
height: 14px !important;
background: var(--text-secondary) !important;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center / contain !important;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}
.hearts sp.f { background-color: var(--color-primary) !important; }
.hearts sp.h { background: linear-gradient(90deg, var(--color-primary) 50%, var(--text-secondary) 50%) !important; }
.hearts sp.e { background-color: var(--text-secondary) !important; }
.hearts[data-high="true"] sp.f,
.hearts[data-high="true"] sp.h {
animation: heartbeat 0.3s infinite alternate;
}
@keyframes heartbeat {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}

/* 手机端专属适配：屏幕小于600px时双列变单列 */
@media screen and (max-width: 600px) {
  pos {
    grid-template-columns: 1fr !important;
  }
  pos d {
    word-break: break-all !important;
    overflow-wrap: anywhere !important;
  }
}

plan {
display: block !important;
background: rgba(255, 122, 159, 0.08) !important;
border-radius: 4px !important;
padding: 6px 10px !important;
margin: 4px 0 0 !important;
font-size: 12px !important;
color: var(--color-primary) !important;
border-left: 3px solid var(--color-primary) !important;
}

article {
background: var(--bg-secondary) !important;
border-radius: 8px !important;
border: 1px solid var(--border-color) !important;
padding: 10px 12px !important;
margin: 8px 0 !important;
font-size: 14px !important;
line-height: 1.7 !important;
color: var(--text-primary) !important;
}
article p, article div {
color: var(--text-primary) !important;
}
article b {
color: var(--color-primary) !important;
font-weight: 600 !important;
}
article i {
color: var(--text-secondary) !important;
display: block !important;
padding-left: 12px !important;
border-left: 2px solid var(--border-color) !important;
margin: 2px 0 !important;
}
article b[u], i[u] {
color: #00e5ff !important;
border-left-color: #00e5ff !important;
}
k {
display: inline-block !important;
color: var(--text-secondary) !important;
font-style: italic !important;
background: rgba(255, 255, 255, 0.05) !important;
padding: 1px 6px !important;
border-radius: 3px !important;
font-size: 12px !important;
}

grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 6px !important;
margin: 6px 0 !important;
}
grid d {
background: rgba(255, 255, 255, 0.04) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
font-size: 12px !important;
display: flex !important;
gap: 4px !important;
color: var(--text-primary) !important;
}
grid span {
color: var(--text-secondary) !important;
min-width: 32px !important;
}
q {
font-style: italic !important;
color: var(--color-primary) !important;
background: rgba(255, 122, 159, 0.1) !important;
padding: 2px 8px !important;
border-radius: 4px !important;
display: inline-block !important;
}

details details {
background: rgba(0,0,0,0.1) !important;
border: 1px solid var(--border-color) !important;
margin: 6px 0 4px !important;
padding: 4px 8px !important;
}
details details summary { font-size: 13px !important; color: var(--color-primary) !important; }
details details d {
display: block !important;
background: var(--bg-primary) !important;
border-radius: 8px !important;
padding: 4px 10px !important;
margin: 4px 0 !important;
font-size: 12px !important;
line-height: 1.5 !important;
color: var(--text-primary) !important;
max-width: 95% !important;
border: 1px solid var(--border-color) !important;
word-break: break-word !important;
}

s-info {
display: block !important;
text-align: center !important;
font-size: 12px !important;
color: var(--color-primary) !important;
background: rgba(255, 122, 159, 0.08) !important;
border-radius: 4px !important;
padding: 3px 0 !important;
margin: 4px 0 !important;
}
h34 {
display: block !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #00e5ff !important;
margin: 10px 0 4px !important;
border-bottom: 1px dotted var(--border-color) !important;
padding-bottom: 2px !important;
}

table {
width: 100% !important;
border-collapse: collapse !important;
font-size: 11px !important;
margin: 4px 0 !important;
background: rgba(0,0,0,0.1) !important;
border-radius: 4px !important;
}
th, td {
padding: 3px 4px !important;
border: 1px solid var(--border-color) !important;
text-align: left !important;
max-width: 100px !important;
word-break: break-all !important;
white-space: normal !important;
}
th {
background: rgba(255, 122, 159, 0.15) !important;
color: var(--color-primary) !important;
font-weight: 500 !important;
}
td {
color: var(--text-primary) !important;
}
tr:hover td {
background: rgba(0, 229, 255, 0.08) !important;
color: var(--text-primary) !important;
}

details[open] p {
background: rgba(255, 122, 159, 0.06) !important;
border-radius: 4px !important;
padding: 4px 8px !important;
margin: 3px 0 !important;
font-size: 13px !important;
transition: background 0.3s ease !important;
cursor: default !important;
border-left: 3px solid transparent !important;
color: var(--text-primary) !important;
}
details[open] p:hover {
background: rgba(255, 122, 159, 0.15) !important;
border-left-color: var(--color-primary) !important;
}
details[open] p:last-child {
color: var(--text-secondary) !important;
border-left-color: var(--border-color) !important;
}
/* ============================================================
   3. 底部按钮与信息适配
   ============================================================ */
/* 底部容器彻底透明 */
.bg-gradient-to-t {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    color: var(--text-secondary) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    color: var(--color-primary) !important;
}
.MuiTypography-root.MuiTypography-body2.css-6c0gf2, .text-orange-500 {
    color: var(--text-secondary) !important;
    opacity: 0.7 !important;
}

/* ============================================================
   4. 加载动画：SMIL SVG 心脏脉冲
   ============================================================ */
/* 隐藏原生加载 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

/* 容器居中与尺寸 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
}

/* SVG 心脏跳动动画 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ff7a9f' d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'%3E%3Canimate attributeName='transform' attributeType='XML' type='scale' values='1;1.25;1' dur='0.8s' repeatCount='indefinite' /%3E%3Canimate attributeName='opacity' values='1;0.7;1' dur='0.8s' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* ============================================================
   5. 背景动效 (可选：微弱的呼吸感)
   ============================================================ */
.bg-gray-100\/90.relative.inline-block::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: radial-gradient(circle at 50% 0%, rgba(255, 122, 159, 0.1), transparent 70%);
    pointer-events: none;
    z-index: -1;
}