@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Great+Vibes&display=swap');

/* ===== 主容器及头部保持不变 ===== */
ai {
  --rk: #641616; --bk: #22191A; --gy: #2E2D35;
  --wt: #F7F6FC; --gd: #927D51; --mt: #979392;
  --rose: #c47272;
  --font-cursive: 'Great Vibes', cursive;
  --font-title: 'Cinzel', serif;
  display: block; position: relative; margin: 8px 0; padding: 16px 12px 18px;
  font-family: "Georgia", "Noto Serif SC", "STSong", serif; font-size: 14px; line-height: 1.75; color: #F7F6FC;
  background: linear-gradient(135deg, rgba(100,22,22,0.10), transparent 45%), repeating-conic-gradient(from 0deg at 50% 50%, rgba(247,246,252,0.012) 0deg 90deg, rgba(34,25,26,0.35) 90deg 180deg) 0/28px 28px, linear-gradient(180deg, #22191A, #1a1213);
  border: 1px solid #927D51; border-radius: 6px; box-shadow: inset 0 0 60px rgba(100,22,22,0.18), 0 4px 22px rgba(0,0,0,0.45);
}
ai::before {
  content: ""; position: absolute; top: 8px; right: 8px; width: 18px; height: 18px; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 268deg, #927D51 269deg 271deg, transparent 272deg), radial-gradient(circle at 50% 50%, transparent 30%, rgba(146,125,81,0.15) 31% 38%, transparent 39%), radial-gradient(circle, rgba(247,246,252,0.05), transparent 70%);
  border: 1px solid #927D51; animation: tick 8s linear infinite; pointer-events: none;
}
@keyframes tick { to { transform: rotate(360deg); } }

/* 头部状态栏 */
ai hd {
  display: block; position: relative; padding: 10px 14px 14px; margin-bottom: 12px;
  background: linear-gradient(180deg, rgba(46,45,53,0.85), rgba(24,17,18,0.7)); border: 1px solid #927D51; border-left: 4px solid #641616; border-radius: 4px; box-shadow: inset 0 0 22px rgba(100,22,22,0.22);
}
ai hd::after { content: "🌹"; position: absolute; right: -4px; bottom: -12px; font-size: 22px; opacity: 0.75; filter: drop-shadow(0 0 5px #641616); transform: rotate(18deg); }
ai ht { display: flex; flex-direction: column; gap: 8px; padding-bottom: 10px; border-bottom: 1px dashed rgba(146,125,81,0.45); }
ai .t-top { display: flex; justify-content: space-between; align-items: baseline; }
ai .t-top .yr i { font-family: var(--font-cursive); font-size: 22px; color: #927D51; margin-right: 6px; }
ai .t-top .yr b { font-family: var(--font-title); font-size: 16px; color: #F7F6FC; font-weight: normal; letter-spacing: 1px; }
ai .t-top .badge { background: rgba(100,22,22,0.25); border: 1px solid #c0394a; border-radius: 12px; padding: 2px 10px; font-size: 10px; color: #c47272; letter-spacing: 0.15em; }
ai .t-top .tm b { font-family: var(--font-title); font-size: 16px; color: #F7F6FC; margin-right: 6px; font-weight: normal; letter-spacing: 1px; }
ai .t-top .tm i { font-family: var(--font-cursive); font-size: 22px; color: #927D51; }
ai .t-bot { display: flex; justify-content: space-between; align-items: center; font-size: 11.5px; color: #a39c9a; }
ai .t-bot .loc, ai .t-bot .chr { font-family: "Kaiti", "STKaiti", "楷体", serif; }

/* 情节简述 */
ai hb {
  display: flex; flex-direction: column; gap: 2px; margin: 14px 4px 4px; padding: 10px 14px;
  background: rgba(196, 171, 124, 0.82); color: #22191A; border: 1px solid #927D51; border-radius: 2px;
  transform: rotate(-1.5deg); box-shadow: 2px 3px 10px rgba(0,0,0,0.3);
}
ai hb em { font-family: var(--font-cursive); font-size: 22px; font-style: normal; color: #22191A; display: block; line-height: 1.2; text-shadow: 0 0 1px rgba(0,0,0,0.1); margin-bottom: -2px; }
ai hb span { display: block; font-family: "Kaiti", "STKaiti", "楷体", serif; font-size: 14.5px; font-weight: normal; color: #22191A; margin-top: 0; }

/* 正文 */
ai tx { display: block; padding: 4px 2px; }
ai tx p { margin: 8px 0; text-indent: 2em; color: #F7F6FC; }

/* ===== 对白气泡及悬浮动画头像 ===== */
ai say {
  display: block; position: relative; margin: 16px 0;
  max-width: 78%; padding: 16px 14px 12px; font-size: 14px; border-radius: 8px; text-indent: 0;
}
ai say[l] {
  margin-left: 56px; margin-right: auto;
  background: rgba(14, 10, 11, 0.75); border: 1px solid #c0394a; border-bottom-left-radius: 2px; color: #f5e6e8;
  box-shadow: inset 0 0 12px rgba(192,57,74,0.15);
}
ai say[l]::before { content: attr(w); position: absolute; top: 4px; left: 10px; font-size: 11px; color: #c47272; letter-spacing: 0.06em; font-weight: bold; }

ai say[l]::after {
  content: ""; position: absolute; left: -48px; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; border-radius: 50%;
  border: 1px solid #927D51; box-shadow: 0 0 8px rgba(146,125,81,0.45), inset 0 0 6px rgba(0,0,0,0.4);
  transition: box-shadow 0.4s;
}

ai say[l][sym="rabbit"]::after {
  background-image: 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='0' y='14' font-size='12'>🐇</text></svg>"), 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='16' cy='16' r='13' fill='%23f7f6fc' stroke='%23927D51' stroke-width='1.2'/><circle cx='16' cy='16' r='10' fill='none' stroke='%231a2235' stroke-width='0.6'/><text x='16' y='8.5' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>XII</text><text x='24' y='17.5' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>III</text><text x='16' y='26' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>VI</text><text x='8' y='17.5' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>IX</text><line x1='16' y1='16' x2='16' y2='9' stroke='%23641616' stroke-width='1' stroke-linecap='round'/><line x1='16' y1='16' x2='21' y2='18' stroke='%23641616' stroke-width='0.8' stroke-linecap='round'/><circle cx='16' cy='16' r='1' fill='%23641616'/><circle cx='16' cy='3' r='1.5' fill='%23927D51'/></svg>");
  background-size: 16px 16px, 70% 70%; background-position: -4px -4px, center; background-repeat: no-repeat; background-color: #1a2235;
}
@keyframes bgRabbitHop { 0%,100% { background-position: -4px -4px, center; } 50% { background-position: -4px -8px, center; } }
ai say[l][sym="rabbit"]:hover::after { animation: bgRabbitHop 1s ease-in-out infinite; }

ai say[l][sym="hatter"]::after {
  background-image: 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='0' y='14' font-size='12'>☕</text></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='8' y='22' width='16' height='2.5' fill='%231a1213' stroke='%23927D51' stroke-width='0.4'/><rect x='10' y='8' width='12' height='14' fill='%23000' stroke='%23927D51' stroke-width='0.5'/><rect x='10' y='15' width='12' height='2.5' fill='%23641616'/><rect x='14' y='15' width='2' height='2.5' fill='%23927D51'/><path d='M10 8 L22 8 L21 6 L11 6 Z' fill='%23000' stroke='%23927D51' stroke-width='0.3'/><text x='24' y='12' font-size='5' fill='%23F7F6FC' font-family='serif'>10/6</text></svg>");
  background-size: 16px 16px, 70% 70%; background-position: -4px -4px, center; background-repeat: no-repeat; background-color: #2E2D35;
}
@keyframes bgHatterShake { 0%,100% { background-position: -4px -4px, center; } 50% { background-position: -2px -4px, center; } }
ai say[l][sym="hatter"]:hover::after { animation: bgHatterShake 1s ease-in-out infinite; }

ai say[l][sym="redking"]::after {
  background-image: 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='0' y='14' font-size='12' fill='%23c0394a'>♥</text></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M5 22 L7 11 L12 16 L16 8 L20 16 L25 11 L27 22 Z' fill='%23927D51' stroke='%23F7F6FC' stroke-width='0.5'/><rect x='5' y='22' width='22' height='3' fill='%23927D51' stroke='%23F7F6FC' stroke-width='0.4'/><path d='M16 18 C14 16 11 17 12 20 C12 21.5 14 23 16 24.5 C18 23 20 21.5 20 20 C21 17 18 16 16 18 Z' fill='%23c0394a' stroke='%23F7F6FC' stroke-width='0.3'/><circle cx='7' cy='10' r='1.2' fill='%23c0394a'/><circle cx='16' cy='7' r='1.4' fill='%23c0394a'/><circle cx='25' cy='10' r='1.2' fill='%23c0394a'/></svg>");
  background-size: 16px 16px, 70% 70%; background-position: -4px -4px, center; background-repeat: no-repeat; background-color: #3a0a0a; border-color: #c0394a;
}
@keyframes bgRedKingPulse { 0%,100% { background-position: -4px -4px, center; box-shadow: 0 0 12px rgba(192,57,74,0.65), inset 0 0 8px rgba(100,22,22,0.5); } 50% { background-position: -4px -6px, center; box-shadow: 0 0 18px rgba(192,57,74,0.95), inset 0 0 10px rgba(100,22,22,0.7); } }
ai say[l][sym="redking"]:hover::after { animation: bgRedKingPulse 1.5s ease-in-out infinite; }

ai say[l][sym="whiteking"]::after {
  background-image: 
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='0' y='14' font-size='12' fill='%23F7F6FC'>✧</text></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M16 5 C13 9 11 12 13 16 C11 14 8 15 9 19 C12 18 14 19 16 17 C18 19 20 18 23 19 C24 15 21 14 19 16 C21 12 19 9 16 5 Z' fill='%23F7F6FC' stroke='%23927D51' stroke-width='0.5'/><circle cx='16' cy='14' r='1.5' fill='%23927D51'/><line x1='16' y1='19' x2='16' y2='28' stroke='%23c0c0d0' stroke-width='1.4' stroke-linecap='round'/><line x1='13' y1='21' x2='19' y2='21' stroke='%23927D51' stroke-width='1' stroke-linecap='round'/><circle cx='16' cy='28' r='1.2' fill='%23927D51'/></svg>");
  background-size: 16px 16px, 70% 70%; background-position: -4px -4px, center; background-repeat: no-repeat; background-color: #e8e6f0; border-color: #c0c0d0;
}
@keyframes bgWhiteKingTwinkle { 0%,100% { background-position: -4px -4px, center; box-shadow: 0 0 12px rgba(247,246,252,0.55); } 50% { background-position: -4px -6px, center; box-shadow: 0 0 20px rgba(247,246,252,0.9); } }
ai say[l][sym="whiteking"]:hover::after { animation: bgWhiteKingTwinkle 1.5s ease-in-out infinite; }

/* 玩家 气泡 */
ai say[r] {
  margin-left: auto; margin-right: 56px;
  background: rgba(100, 22, 22, 0.85); border: 1px solid #927D51; border-bottom-right-radius: 2px; color: #F7F6FC; box-shadow: inset 0 0 12px rgba(146,125,81,0.15);
}
ai say[r]::before { content: attr(w); position: absolute; top: 4px; right: 10px; font-size: 11px; color: #e0d4d8; letter-spacing: 0.06em; font-weight: bold; }
ai say[r]::after {
  content: "♛"; position: absolute; right: -48px; top: 50%; transform: translateY(-50%);
  width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #c4a875, #927D51 60%, #5a4830); color: #F7F6FC; font-size: 18px;
  border: 1px solid #F7F6FC; box-shadow: 0 0 8px rgba(146,125,81,0.55);
}
@keyframes crownHoverFloat { 0%,100% { transform: translateY(-50%); } 50% { transform: translateY(-58%); } }
ai say[r]:hover::after { animation: crownHoverFloat 2s ease-in-out infinite; }

/* 心声区气泡化 */
ai mind { display: block; position: relative; margin: 14px 0; padding: 14px 12px 12px 16px; background: linear-gradient(90deg, rgba(46,45,53,0.65), rgba(34,25,26,0.35)); border-left: 2px dashed #927D51; border-right: 1px solid rgba(146,125,81,0.25); border-radius: 0 8px 8px 0; }
ai m { display: block; position: relative; margin: 8px 4px; padding: 22px 14px 10px; font-size: 13px; font-style: italic; border-radius: 12px; max-width: 88%; color: #d8d4dc; line-height: 1.6; }
ai m::before { content: attr(w); position: absolute; top: 4px; font-size: 10.5px; font-style: normal; color: #927D51; font-weight: bold; letter-spacing: 0.08em; }

ai m[l] { margin-right: auto; background: linear-gradient(135deg, rgba(100,22,22,0.22), rgba(34,25,26,0.45)); border: 1px solid rgba(100,22,22,0.45); }
ai m[l]::before { left: 14px; }
ai m[l]::after { content: ""; position: absolute; top: 18px; left: -7px; border-width: 6px 7px 6px 0; border-style: solid; border-color: transparent rgba(100,22,22,0.45) transparent transparent; }

ai m[r] { margin-left: auto; text-align: right; background: linear-gradient(135deg, rgba(247,246,252,0.10), rgba(146,125,81,0.16)); border: 1px solid rgba(146,125,81,0.45); }
ai m[r]::before { right: 14px; }
ai m[r]::after { content: ""; position: absolute; top: 18px; right: -7px; border-width: 6px 0 6px 7px; border-style: solid; border-color: transparent transparent transparent rgba(146,125,81,0.45); }

ai m[s] { margin: 8px auto; max-width: 75%; text-align: center; font-size: 12px; color: #d8b8d0; background: radial-gradient(ellipse at center top, rgba(200,159,192,0.18), transparent 65%), linear-gradient(135deg, rgba(167,119,159,0.16), rgba(100,22,22,0.13)); border: 1px solid #c89fc0; }
ai m[s]::before { content: "✦ " attr(w) " ✦"; left: 50%; transform: translateX(-50%); color: #c89fc0; }
ai m[s]::after { content: "︶"; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); color: #c89fc0; font-size: 16px; letter-spacing: -2px; animation: smile 4s ease-in-out infinite; }
@keyframes smile { 0%,100% { opacity: 0.25; } 50% { opacity: 0.9; } }

/* 折叠抽屉 */
ai details { display: block; margin: 12px 0; border: 1px solid #927D51; border-radius: 6px; background: linear-gradient(180deg, rgba(46,45,53,0.65), rgba(34,25,26,0.85)); overflow: hidden; }
ai summary { cursor: pointer; padding: 10px 14px 10px 42px; display: flex; align-items: center; background: linear-gradient(90deg, #F7F6FC, #E6E2D8); border-bottom: 1px solid #927D51; position: relative; list-style: none; transition: 0.3s; }
ai summary::-webkit-details-marker { display: none; }
ai summary::marker { content: ""; }
ai summary b { font-family: "Georgia", "Noto Serif SC", serif; font-size: 16px; color: #22191A; letter-spacing: 0.1em; margin-right: 8px; font-weight: bold; }
ai summary em { font-family: var(--font-cursive); font-size: 20px; color: #641616; font-style: normal; }
ai summary::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, #927D51, transparent); margin: 0 10px; }
ai summary:hover { background: linear-gradient(90deg, #E6E2D8, #d3cec4); }
ai summary::before { position: absolute; left: 16px; font-size: 18px; top: 50%; transform: translateY(-50%); }
ai > details:nth-of-type(1) > summary::before { content: "♥"; color: #c0394a; }
ai > details:nth-of-type(2) > summary::before { content: "♠"; color: #22191A; }
ai > details:nth-of-type(3) > summary::before { content: "♦"; color: #c0394a; }
ai > details:nth-of-type(4) > summary::before { content: "♣"; color: #22191A; }
ai > details:nth-of-type(5) > summary::before { content: "☕"; color: #927D51; font-size: 16px; }

ai details details { margin: 8px 8px; background: linear-gradient(180deg, rgba(34,25,26,0.55), rgba(46,45,53,0.3)); border: 1px solid rgba(146,125,81,0.55); }
ai details details > summary { padding: 8px 14px 8px 38px; background: linear-gradient(90deg, #E6E2D8, #dcd8d0); border-bottom: none; }
ai details details > summary::before { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 13px; }
ai pro > details:nth-of-type(1) > summary::before, ai npc card > details:nth-of-type(1) > summary::before { content: "💌"; }
ai pro > details:nth-of-type(2) > summary::before { content: "💗"; }
ai details details > summary b { font-size: 14px; }
ai details details > summary em { font-size: 18px; }

/* 档案块 */
ai pro, ai card { display: block; padding: 12px 14px; }
ai ph { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px dashed rgba(146,125,81,0.5); }
ai ph f { font-size: 17px; font-weight: bold; color: #F7F6FC; letter-spacing: 0.08em; font-family: "Georgia", serif; text-shadow: 0 0 6px rgba(100,22,22,0.65); }
ai ph t { display: inline-block; padding: 2px 10px; font-size: 11px; color: #927D51; background: rgba(146,125,81,0.14); border: 1px solid #927D51; border-radius: 12px; letter-spacing: 0.1em; }
ai tag { display: inline-block; padding: 2px 12px; font-size: 11px; font-weight: bold; color: #F7F6FC; background: linear-gradient(135deg, #641616, #22191A); border: 1px solid #927D51; border-radius: 12px; letter-spacing: 0.1em; box-shadow: 0 0 8px rgba(100,22,22,0.4); }
ai tag[rel="BG"] { background: linear-gradient(135deg, #c47272, #641616); }
ai tag[rel="BL"] { background: linear-gradient(135deg, #2E2D35, #000); border-color: #F7F6FC; }
ai tag[rel="GB"] { background: linear-gradient(135deg, #c4a875, #5a4830); }
ai r { display: block; padding: 4px 0; font-size: 13px; color: #e8e4ec; }
ai r b { display: inline-block; color: #927D51; font-weight: normal; letter-spacing: 0.05em; margin-right: 4px; }
ai r i { color: #979392; font-size: 11px; margin-left: 4px; font-style: italic; }

/* 理智值与堕落值并列进度条 */
ai .bars { margin: 10px 0 8px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; }
ai .bar-row { display: flex; align-items: center; font-size: 12px; color: #e8e4ec; flex: 1; min-width: 130px; }
ai .bar-row span { margin-right: 8px; color: #927D51; letter-spacing: 1px; white-space: nowrap; }
ai .bar { flex: 1; height: 18px; background: rgba(255,255,255,0.08); border: 1px solid rgba(146,125,81,0.35); border-radius: 9px; overflow: hidden; position: relative; box-shadow: inset 0 1px 3px rgba(0,0,0,0.6); }
ai .fill { height: 100%; border-radius: 8px; }
ai .fill.san { background: linear-gradient(90deg, #5b7c99, #8bbbd4); }
ai .fill.cor { background: linear-gradient(90deg, #641616, #c0394a); }
ai .bar b { position: absolute; width: 100%; text-align: center; left: 0; top: 0; line-height: 18px; font-family: "Georgia"; color: #F7F6FC; font-size: 11.5px; text-shadow: 0 0 3px #000; font-weight: normal; pointer-events: none; }

/* 肉身私密 */
ai priv { display: block; padding: 10px 12px; margin: 6px 4px; background: linear-gradient(135deg, rgba(100,22,22,0.16), rgba(34,25,26,0.42)); border: 1px dashed #641616; border-radius: 4px; font-size: 12.5px; color: #e0d4d8; }
ai pm, ai pf { display: block; }
ai priv d { display: block; padding: 4px 0 4px 16px; position: relative; }
ai priv d::before { content: "❥"; position: absolute; left: 0; top: 4px; color: #c47272; font-size: 11px; }

/* 身体变化 */
ai bc { display: block; padding: 6px 4px; }
ai sec { display: block; padding: 24px 14px 12px; margin: 18px 0 10px; background: #E6E2D8; border: 1px solid #22191A; border-top: 2px solid #c0394a; border-radius: 2px; position: relative; }
ai sec::before { content: ""; position: absolute; top: -8px; left: 50%; transform: translateX(-50%) rotate(-2.5deg); width: 58px; height: 18px; background: rgba(139, 26, 26, 0.85); box-shadow: 1px 1px 4px rgba(0,0,0,0.15), inset 0 0 3px rgba(255,255,255,0.4); border-radius: 2px; backdrop-filter: blur(1px); z-index: 2; }
ai sec sub { display: block; text-align: center; background: transparent; margin: -6px -14px 12px -14px; padding: 0 0 8px 0; font-size: 13px; color: #22191A; letter-spacing: 0.16em; font-weight: bold; }
ai sec sub::after { content: ""; display: block; height: 1px; width: 75%; margin: 8px auto 0; background: linear-gradient(90deg, transparent, #927D51, transparent); }
ai sec ul { margin: 0; padding: 0; list-style: none; }
ai sec[role="bot"] ul, ai sec[role="top"] ul { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 8px; }
ai li { position: relative; padding: 3px 0 3px 14px; font-size: 12.5px; color: #22191A; line-height: 1.65; }
ai li::before { content: "◆"; position: absolute; left: 0; top: 8px; color: #641616; font-size: 8px; }

/* ===== 欲境众生卡片及纯原版动画 ===== */
ai npc { display: flex; flex-direction: row; gap: 12px; overflow-x: auto; overflow-y: hidden; padding: 14px 10px 16px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; background: linear-gradient(90deg, rgba(34,25,26,0.6), transparent 8%, transparent 92%, rgba(34,25,26,0.6)); }
ai npc card { flex: 0 0 282px; max-width: 282px; scroll-snap-align: start; padding: 14px 14px 12px; background: linear-gradient(135deg, rgba(100,22,22,0.13), transparent 50%), linear-gradient(180deg, #2a1f21, #181012); border: 1px solid #641616; border-radius: 8px; box-shadow: 0 4px 14px rgba(0,0,0,0.45), inset 0 0 30px rgba(100,22,22,0.12); position: relative; }
ai npc card::before { content: "♥"; position: absolute; top: 6px; right: 10px; font-size: 12px; color: rgba(192,57,74,0.6); }
ai npc card:nth-child(2n)::before { content: "♠"; color: rgba(247,246,252,0.45); }
ai npc card:nth-child(3n)::before { content: "♦"; color: rgba(192,57,74,0.6); }
ai npc card:nth-child(4n)::before { content: "♣"; color: rgba(247,246,252,0.45); }
ai npc card::after { content: ""; position: absolute; inset: 4px; border: 1px dashed rgba(146,125,81,0.22); border-radius: 5px; pointer-events: none; }
ai npc::-webkit-scrollbar { height: 6px; }
ai npc::-webkit-scrollbar-track { background: rgba(46,45,53,0.4); border-radius: 3px; }
ai npc::-webkit-scrollbar-thumb { background: linear-gradient(90deg, #641616, #927D51); border-radius: 3px; }

/* 专属徽章（绝对还原用户代码，仅限悬浮触发动画，拒绝乱飞！） */
ai ph f[sym] { position: relative; padding-left: 38px; display: inline-flex; align-items: center; min-height: 32px; }
ai ph f[sym]::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; background-size: 70% 70%; background-repeat: no-repeat; background-position: center; border: 1px solid #927D51; box-shadow: 0 0 8px rgba(146,125,81,0.45), inset 0 0 6px rgba(0,0,0,0.4); transition: transform 0.4s, box-shadow 0.4s; }
ai ph f[sym]:hover::before { transform: translateY(-50%) rotate(15deg) scale(1.08); }

@keyframes hopCorner { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes hatterTilt { 0%,100% { transform: rotate(-8deg); } 50% { transform: rotate(12deg); } }
@keyframes redKingGlow { 0%,100% { box-shadow: 0 0 12px rgba(192,57,74,0.65), inset 0 0 8px rgba(100,22,22,0.5); } 50% { box-shadow: 0 0 18px rgba(192,57,74,0.95), inset 0 0 10px rgba(100,22,22,0.7); } }
@keyframes lilyShine { 0%,100% { opacity: 0.5; transform: scale(1) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(45deg); } }

/* 白兔原版样式 */
ai ph f[sym="rabbit"]::before { background-color: #1a2235; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><circle cx='16' cy='16' r='13' fill='%23f7f6fc' stroke='%23927D51' stroke-width='1.2'/><circle cx='16' cy='16' r='10' fill='none' stroke='%231a2235' stroke-width='0.6'/><text x='16' y='8.5' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>XII</text><text x='24' y='17.5' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>III</text><text x='16' y='26' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>VI</text><text x='8' y='17.5' text-anchor='middle' font-size='4' fill='%231a2235' font-family='serif'>IX</text><line x1='16' y1='16' x2='16' y2='9' stroke='%23641616' stroke-width='1' stroke-linecap='round'/><line x1='16' y1='16' x2='21' y2='18' stroke='%23641616' stroke-width='0.8' stroke-linecap='round'/><circle cx='16' cy='16' r='1' fill='%23641616'/><circle cx='16' cy='3' r='1.5' fill='%23927D51'/></svg>"); box-shadow: 0 0 10px rgba(118,160,210,0.5), inset 0 0 6px rgba(0,0,0,0.4); }
ai ph f[sym="rabbit"]::after { content: "🐇"; position: absolute; left: -6px; top: -4px; font-size: 11px; filter: drop-shadow(0 0 3px #f7f6fc); }
ai ph f[sym="rabbit"]:hover::after { animation: hopCorner 1s ease-in-out infinite; }

/* 疯帽子原版样式 */
ai ph f[sym="hatter"]::before { background-color: #2E2D35; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect x='8' y='22' width='16' height='2.5' fill='%231a1213' stroke='%23927D51' stroke-width='0.4'/><rect x='10' y='8' width='12' height='14' fill='%23000' stroke='%23927D51' stroke-width='0.5'/><rect x='10' y='15' width='12' height='2.5' fill='%23641616'/><rect x='14' y='15' width='2' height='2.5' fill='%23927D51'/><path d='M10 8 L22 8 L21 6 L11 6 Z' fill='%23000' stroke='%23927D51' stroke-width='0.3'/><text x='24' y='12' font-size='5' fill='%23F7F6FC' font-family='serif'>10/6</text></svg>"); box-shadow: 0 0 10px rgba(196,114,114,0.4), inset 0 0 6px rgba(0,0,0,0.5); }
ai ph f[sym="hatter"]::after { content: "☕"; position: absolute; left: -6px; top: -4px; font-size: 11px; filter: drop-shadow(0 0 3px #927D51); }
ai ph f[sym="hatter"]:hover::after { animation: hatterTilt 1s ease-in-out infinite; }

/* 红国王原版样式 */
ai ph f[sym="redking"]::before { background-color: #3a0a0a; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M5 22 L7 11 L12 16 L16 8 L20 16 L25 11 L27 22 Z' fill='%23927D51' stroke='%23F7F6FC' stroke-width='0.5'/><rect x='5' y='22' width='22' height='3' fill='%23927D51' stroke='%23F7F6FC' stroke-width='0.4'/><path d='M16 18 C14 16 11 17 12 20 C12 21.5 14 23 16 24.5 C18 23 20 21.5 20 20 C21 17 18 16 16 18 Z' fill='%23c0394a' stroke='%23F7F6FC' stroke-width='0.3'/><circle cx='7' cy='10' r='1.2' fill='%23c0394a'/><circle cx='16' cy='7' r='1.4' fill='%23c0394a'/><circle cx='25' cy='10' r='1.2' fill='%23c0394a'/></svg>"); border-color: #c0394a; box-shadow: 0 0 12px rgba(192,57,74,0.65), inset 0 0 8px rgba(100,22,22,0.5); }
ai ph f[sym="redking"]::after { content: "♥"; position: absolute; left: -5px; top: -5px; font-size: 12px; color: #c0394a; filter: drop-shadow(0 0 4px #c0394a); }
ai ph f[sym="redking"]:hover::before { animation: redKingGlow 1.5s ease-in-out infinite; }
ai ph f[sym="redking"]:hover::after { animation: hopCorner 1.5s ease-in-out infinite; }

/* ===== 修复1：白国王卡片头像动画（修复乱飞） ===== */
ai ph f[sym="whiteking"]::before { background-color: #e8e6f0; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M16 5 C13 9 11 12 13 16 C11 14 8 15 9 19 C12 18 14 19 16 17 C18 19 20 18 23 19 C24 15 21 14 19 16 C21 12 19 9 16 5 Z' fill='%23F7F6FC' stroke='%23927D51' stroke-width='0.5'/><circle cx='16' cy='14' r='1.5' fill='%23927D51'/><line x1='16' y1='19' x2='16' y2='28' stroke='%23c0c0d0' stroke-width='1.4' stroke-linecap='round'/><line x1='13' y1='21' x2='19' y2='21' stroke='%23927D51' stroke-width='1' stroke-linecap='round'/><circle cx='16' cy='28' r='1.2' fill='%23927D51'/></svg>"); border-color: #c0c0d0; box-shadow: 0 0 12px rgba(247,246,252,0.55), inset 0 0 6px rgba(146,125,81,0.25); }
ai ph f[sym="whiteking"]::after { content: "✧"; position: absolute; left: -4px; top: -5px; font-size: 13px; color: #F7F6FC; filter: drop-shadow(0 0 4px #F7F6FC); }
/* 注意这里：原本可能写成了 :hover::before，导致背景位移。现在统一修正。 */
ai ph f[sym="whiteking"]:hover::before { animation: cardWhiteKingTwinkle 1.5s ease-in-out infinite; }
ai ph f[sym="whiteking"]:hover::after { animation: hopCorner 1.5s ease-in-out infinite; }
@keyframes cardWhiteKingTwinkle { 0%,100% { box-shadow: 0 0 12px rgba(247,246,252,0.55); } 50% { box-shadow: 0 0 20px rgba(247,246,252,0.9); } }

/* 好感度、分隔线 */
ai heart { display: inline-block; font-size: 13px; letter-spacing: 2px; background: linear-gradient(90deg, #ff5868, #c0394a 40%, #641616); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; filter: drop-shadow(0 0 3px rgba(192,57,74,0.55)); margin-right: 4px; }
ai heart e { -webkit-text-fill-color: #4a3a3d; color: #4a3a3d; filter: none; background: none; }
ai hr { border: none; height: 1px; margin: 10px 4px; background: linear-gradient(90deg, transparent, #927D51 30%, #c47272 50%, #927D51 70%, transparent); }

/* ===== 镜中残影 & 蜜露宝匣：共用菱形标题，彻底解决顶格问题 ===== */
ai mem { display: block; padding: 8px 10px; }
ai col { display: block; padding: 8px 10px; }

/* 🚨 核心修复：兼容 <col> 标签被浏览器强制“吐出”子元素的底层机制 🚨 */
ai mem sub, ai details > sub { display: block; text-align: center; color: #927D51; font-weight: bold; margin: 16px 0 12px; font-size: 13px; }
ai mem sub::before, ai details > sub::before { content: "♦ "; color: #d12828; font-size: 14px; }
ai mem sub::after, ai details > sub::after { content: " ♦"; color: #d12828; font-size: 14px; }

/* 镜中残影表格 */
ai table { width: 100%; border-collapse: collapse; font-size: 12px; margin: 12px 0 36px 0 !important; background: #551313; border: 1px solid rgba(146,125,81,0.35); }
ai mem table { margin-bottom: 24px; }
ai mem sub:not(:first-of-type) { margin-top: 24px; }
ai th, ai td { padding: 6px 8px; border-bottom: 1px solid rgba(146,125,81,0.22); text-align: left; vertical-align: top; }
ai th { background: #927D51; color: #1a1213; border-bottom: 2px solid #641616; font-weight: bold; letter-spacing: 0.06em; }
ai td { color: #F7F6FC; } 
ai tr:nth-child(even) { background: rgba(0,0,0,0.25); }
ai tr:hover td { background: rgba(146,125,81,0.15); }

/* ===== 蜜露宝匣流体条 ===== */
ai .liq { display: flex; align-items: center; justify-content: space-between; background: linear-gradient(90deg, rgba(34,25,26,0.8), rgba(46,45,53,0.6)); border: 1px solid rgba(146,125,81,0.4); border-radius: 6px; padding: 8px 12px; margin: 0 12px 8px 12px; }

/* 🚨 核心修复：强制给被 <col> 吐出的第一条精液框加上顶部间距，彻底告别顶格！🚨 */
ai details > .liq:first-of-type { margin-top: 16px !important; }

ai .liq span { font-weight: bold; color: #c47272; font-size: 13px; flex: 1; }
ai .liq b { color: #927D51; font-family: "Georgia"; font-size: 15px; margin: 0 10px; flex: 0.5; text-align: center; }
ai .liq i { font-size: 11.5px; color: #a39c9a; font-style: normal; flex: 1.5; text-align: right; }
ai tot {
  display: block; margin-top: 16px; padding: 10px 14px; text-align: center;
  font-size: 13px; color: #22191A; background: #E6E2D8;
  border-top: 1px solid #927D51; border-bottom: 1px solid #927D51;
  border-left: 8px solid #927D51; border-right: 8px solid #927D51;
  border-radius: 0; box-shadow: 2px 3px 8px rgba(0,0,0,0.25); transform: none;
}

/* 底部神谕卷轴 */
ai tot {
  display: block; margin-top: 16px; padding: 10px 14px; text-align: center;
  font-size: 13px; color: #22191A; background: #E6E2D8;
  border-top: 1px solid #927D51; border-bottom: 1px solid #927D51;
  border-left: 8px solid #927D51; border-right: 8px solid #927D51;
  border-radius: 0; box-shadow: 2px 3px 8px rgba(0,0,0,0.25); transform: none;
}

/* 下一杯茶：黑/红底色反调保持 */
ai act { display: block; padding: 10px 8px; }
ai act d { display: block; position: relative; margin: 9px 0; padding: 13px 14px 13px 60px; background: linear-gradient(135deg, rgba(247,246,252,0.96), rgba(216,214,224,0.88)); color: #22191A; border: 1px solid #927D51; border-radius: 6px; font-size: 13.5px; font-family: "Georgia", "Noto Serif SC", serif; cursor: pointer; transition: 0.3s; box-shadow: 0 2px 6px rgba(0,0,0,0.32); }
ai act d::before { content: attr(l); position: absolute; left: 8px; top: 50%; transform: translateY(-50%); min-width: 40px; height: 46px; line-height: 46px; padding: 0 4px; text-align: center; border: 1px solid #927D51; border-radius: 4px; font-weight: bold; font-size: 18px; letter-spacing: 0; color: #F7F6FC; box-shadow: inset 0 0 8px rgba(0,0,0,0.35), 0 0 0 2px #F7F6FC inset; }
ai act d:nth-child(odd):not(:last-child)::before { background: linear-gradient(135deg, #2E2D35, #000); }
ai act d:nth-child(even)::before { background: linear-gradient(135deg, #c0394a, #641616); }
ai act d:last-child::before { background: linear-gradient(135deg, #927D51, #5a4830); font-size: 18px; }
ai act d:hover { transform: translateY(-2px) translateX(2px); box-shadow: 0 6px 18px rgba(146,125,81,0.5), 0 0 0 1px #c47272; }
ai act d:hover::before { filter: brightness(1.18); animation: pulse 1.2s ease-in-out infinite; }

/* 动画和强调 */
ai b { color: #927D51; font-weight: normal; letter-spacing: 0.05em; }
ai i { color: #c47272; font-style: italic; }
ai strong { color: #F7F6FC; font-weight: bold; }
@keyframes pulse { 0%,100% { box-shadow: inset 0 0 8px rgba(0,0,0,0.35), 0 0 0 2px #F7F6FC inset, 0 0 0 rgba(196,114,114,0); } 50% { box-shadow: inset 0 0 8px rgba(0,0,0,0.35), 0 0 0 2px #F7F6FC inset, 0 0 10px rgba(196,114,114,0.6); } }
@keyframes drawerFade { 0% { opacity: 0; transform: translateY(-6px); filter: blur(2px); } 60% { filter: blur(0); } 100% { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes drawerSlide { 0% { opacity: 0; transform: translateX(-10px) rotateY(-8deg); transform-origin: left center; } 100% { opacity: 1; transform: translateX(0) rotateY(0); } }
ai > details[open] > pro, ai > details[open] > npc, ai > details[open] > col, ai > details[open] > mem, ai > details[open] > act { animation: drawerFade 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
ai > details[open] > npc card { animation: drawerSlide 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
ai > details[open] > npc card:nth-child(1) { animation-delay: 0.05s; }
ai > details[open] > npc card:nth-child(2) { animation-delay: 0.18s; }
ai > details[open] > npc card:nth-child(3) { animation-delay: 0.31s; }
ai > details[open] > npc card:nth-child(4) { animation-delay: 0.44s; }
ai > details[open] > npc card:nth-child(5) { animation-delay: 0.57s; }
ai > details[open] > act d { animation: drawerFade 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
ai > details[open] > act d:nth-child(1) { animation-delay: 0.08s; }
ai > details[open] > act d:nth-child(2) { animation-delay: 0.18s; }
ai > details[open] > act d:nth-child(3) { animation-delay: 0.28s; }
ai > details[open] > act d:nth-child(4) { animation-delay: 0.38s; }
ai > details[open] > act d:nth-child(5) { animation-delay: 0.48s; }
ai > details[open] > pro > r { animation: drawerFade 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
ai > details[open] > pro > r:nth-of-type(1) { animation-delay: 0.05s; }
ai > details[open] > pro > r:nth-of-type(2) { animation-delay: 0.12s; }
ai > details[open] > pro > r:nth-of-type(3) { animation-delay: 0.19s; }
ai > details[open] > pro > r:nth-of-type(4) { animation-delay: 0.26s; }
ai > details[open] > pro > r:nth-of-type(5) { animation-delay: 0.33s; }
ai details[open] > details { animation: drawerFade 0.45s ease-out 0.18s both; }
ai details details[open] > priv, ai details details[open] > bc { animation: drawerFade 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
ai > details[open] > mem table tr { animation: drawerFade 0.4s ease-out both; }
ai > details[open] > col div.liq { animation: drawerFade 0.4s ease-out both; }
ai > details[open] > mem table tr:nth-child(1), ai > details[open] > col div.liq:nth-child(1) { animation-delay: 0.05s; }
ai > details[open] > mem table tr:nth-child(2), ai > details[open] > col div.liq:nth-child(2) { animation-delay: 0.14s; }
ai > details[open] > mem table tr:nth-child(3), ai > details[open] > col div.liq:nth-child(3) { animation-delay: 0.23s; }
ai > details[open] > mem table tr:nth-child(4), ai > details[open] > col div.liq:nth-child(4) { animation-delay: 0.32s; }
ai > details[open] > mem table tr:nth-child(5), ai > details[open] > col div.liq:nth-child(5) { animation-delay: 0.41s; }

/* === 移除顶部颜色装饰条 === */
[class*="bg-[#F1CBCB]"], 
[class*="bg-[#c9e1e9]"] {
    display: none !important;
}

/* === 主聊天框：深乌木纹背景（无边框、无外环色条） === */
.bg-gray-100\/90.relative.inline-block {
    background: 
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'><defs><filter id='wood'><feTurbulence type='turbulence' baseFrequency='0.04 0.6' numOctaves='3' seed='8'/><feColorMatrix values='0 0 0 0 0.12  0 0 0 0 0.08  0 0 0 0 0.05  0 0 0 0.55 0'/><feComposite in2='SourceGraphic' operator='in'/></filter><filter id='grain'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.03  0 0 0 0 0.02  0 0 0 0.25 0'/></filter><linearGradient id='base' x1='0' y1='0' x2='1' y2='0'><stop offset='0%25' stop-color='%231a1210'/><stop offset='30%25' stop-color='%23241814'/><stop offset='60%25' stop-color='%231a1210'/><stop offset='100%25' stop-color='%23120c0a'/></linearGradient></defs><rect width='400' height='300' fill='url(%23base)'/><rect width='400' height='300' filter='url(%23wood)' opacity='0.95'/><rect width='400' height='300' filter='url(%23grain)' opacity='0.5'/><ellipse cx='80' cy='60' rx='12' ry='6' fill='%23070403' opacity='0.7'/><ellipse cx='320' cy='180' rx='10' ry='5' fill='%23070403' opacity='0.7'/><ellipse cx='200' cy='240' rx='14' ry='7' fill='%23070403' opacity='0.6'/></svg>") center/cover,
        linear-gradient(135deg, #1a1210 0%, #0d0908 100%) !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 
        inset 0 0 28px rgba(0, 0, 0, 0.8),
        inset 0 2px 4px rgba(146, 125, 81, 0.15),
        0 6px 22px rgba(0, 0, 0, 0.6) !important;
    padding: 18px 22px !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* === 装饰层：仅保留散落金粉（藤蔓已彻底移除） === */
.bg-gray-100\/90.relative.inline-block::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 400 300' preserveAspectRatio='xMidYMid slice'><g opacity='0.55'><circle cx='50' cy='40' r='1.8' fill='%23927D51'/><circle cx='150' cy='80' r='1.3' fill='%23927D51'/><circle cx='300' cy='50' r='2' fill='%23927D51'/><circle cx='250' cy='200' r='1.5' fill='%23927D51'/><circle cx='100' cy='220' r='1.8' fill='%23927D51'/><circle cx='370' cy='150' r='1.3' fill='%23927D51'/><circle cx='200' cy='110' r='1' fill='%23927D51'/><circle cx='60' cy='160' r='1.2' fill='%23927D51'/><circle cx='340' cy='260' r='1.4' fill='%23927D51'/><circle cx='180' cy='180' r='1.1' fill='%23927D51'/><circle cx='280' cy='130' r='1.3' fill='%23927D51'/><circle cx='30' cy='200' r='1' fill='%23927D51'/><circle cx='220' cy='250' r='1.2' fill='%23927D51'/><circle cx='130' cy='40' r='1.1' fill='%23927D51'/><circle cx='350' cy='220' r='1.3' fill='%23927D51'/></g></svg>") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* === ::after 已禁用（移除内层金色虚线框） === */
.bg-gray-100\/90.relative.inline-block::after {
    content: none !important;
}

/* === 文本容器 === */
.markdown-body {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
    font-family: "Georgia", "Garamond", "Times New Roman", -apple-system, BlinkMacSystemFont, serif !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    letter-spacing: 0.3px !important;
}

/* === 兜底色：仅对未被<ai>规则覆盖的"裸文本"生效 === */
.markdown-body:not(:has(ai)),
.markdown-body > p,
.markdown-body > ul,
.markdown-body > ol,
.markdown-body > li,
.markdown-body > blockquote,
.markdown-body > h1,
.markdown-body > h2,
.markdown-body > h3,
.markdown-body > h4,
.markdown-body > h5,
.markdown-body > h6,
.markdown-body > a,
.markdown-body > code,
.markdown-body > pre,
.markdown-body > span:not([class]),
.markdown-body > div:not([class]) {
    color: #E6E2D8 !important;
}

.markdown-body strong, 
.markdown-body b {
    font-weight: bold !important;
}

/* === 按钮 === */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    background: linear-gradient(135deg, #22191A 0%, #2E2D35 100%) !important;
    border: 1.5px solid #927D51 !important;
    border-radius: 6px !important;
    padding: 4px 12px !important;
    margin: 2px 3px !important;
    color: #F7F6FC !important;
    box-shadow: 
        inset 0 1px 0 rgba(146, 125, 81, 0.2),
        0 2px 4px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.25s ease !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary * {
    color: #F7F6FC !important;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {
    background: linear-gradient(135deg, #641616 0%, #22191A 100%) !important;
    border-color: #F7F6FC !important;
    box-shadow: 
        inset 0 1px 0 rgba(247, 246, 252, 0.15),
        0 2px 8px rgba(100, 22, 22, 0.5) !important;
}

/* === 模型名称 === */
.MuiTypography-root.MuiTypography-body2.css-6c0gf2 {
    background: rgba(34, 25, 26, 0.5) !important;
    border: 1px solid rgba(151, 147, 146, 0.5) !important;
    border-radius: 5px !important;
    padding: 2px 8px !important;
    color: #979392 !important;
    font-family: "Georgia", serif !important;
    font-style: italic !important;
}

/* === Token消耗 === */
.text-orange-500 {
    background: rgba(34, 25, 26, 0.5) !important;
    border: 1px solid rgba(146, 125, 81, 0.6) !important;
    border-radius: 5px !important;
    padding: 2px 8px !important;
    color: #927D51 !important;
    font-weight: bold !important;
}

/* === 移动端适配 === */
@media (max-width: 480px) {
    .bg-gray-100\/90.relative.inline-block {
        padding: 14px 16px !important;
        border-radius: 10px !important;
    }
    .markdown-body {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }
    .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
        padding: 3px 8px !important;
    }
}

/* === 按钮统一高度（宽度自适应） === */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
    height: 30px !important;
    padding: 0 12px !important;
    margin: 2px 3px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* 统一按钮内图标尺寸 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary svg,
.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary .MuiSvgIcon-root {
    width: 16px !important;
    height: 16px !important;
    font-size: 16px !important;
}

/* 移动端高度微调 */
@media (max-width: 480px) {
    .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary {
        height: 28px !important;
        padding: 0 8px !important;
        font-size: 12px !important;
    }
    .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary svg,
    .MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary .MuiSvgIcon-root {
        width: 14px !important;
        height: 14px !important;
        font-size: 14px !important;
    }
}

/* === 加载动画：爱丽丝的鎏金怀表（扑克花色刻度 + 双角簇拥玫瑰 v3） === */

/* 1. 隐藏默认加载点 */
.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {
    display: none !important;
}

/* 2. 加载容器 */
.flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 140px !important;
    height: 150px !important;
    min-width: 140px !important;
    min-height: 150px !important;
    margin: 8px auto !important;
    overflow: visible !important;
    isolation: isolate !important;
}

/* 3. 怀表本体 */
.flex.items-center.justify-center.w-6.h-5::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 96px !important;
    height: 110px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 138'><defs><radialGradient id='goldCase' cx='50%25' cy='40%25' r='60%25'><stop offset='0%25' stop-color='%23e8cf94'/><stop offset='40%25' stop-color='%23c4a875'/><stop offset='80%25' stop-color='%23927D51'/><stop offset='100%25' stop-color='%235a4830'/></radialGradient><radialGradient id='goldRing' cx='50%25' cy='35%25' r='65%25'><stop offset='0%25' stop-color='%23f4dca0'/><stop offset='50%25' stop-color='%23c4a875'/><stop offset='100%25' stop-color='%235a4830'/></radialGradient><linearGradient id='crown' x1='0' y1='0' x2='0' y2='1'><stop offset='0%25' stop-color='%23e8cf94'/><stop offset='100%25' stop-color='%235a4830'/></linearGradient><radialGradient id='ruby' cx='35%25' cy='35%25' r='60%25'><stop offset='0%25' stop-color='%23ff7080'/><stop offset='50%25' stop-color='%23c0394a'/><stop offset='100%25' stop-color='%23641616'/></radialGradient></defs><circle cx='60' cy='12' r='6' fill='none' stroke='url(%23goldRing)' stroke-width='2.2'/><circle cx='60' cy='12' r='6' fill='none' stroke='%235a4830' stroke-width='0.5' opacity='0.7'/><path d='M55 18 L65 18 L66 22 L54 22 Z' fill='url(%23crown)' stroke='%235a4830' stroke-width='0.4'/><rect x='53' y='22' width='14' height='5' rx='1.5' fill='url(%23crown)' stroke='%235a4830' stroke-width='0.4'/><rect x='55' y='23.5' width='10' height='0.6' fill='%235a4830' opacity='0.5'/><rect x='55' y='24.8' width='10' height='0.6' fill='%235a4830' opacity='0.5'/><circle cx='60' cy='75' r='52' fill='url(%23goldCase)' stroke='%235a4830' stroke-width='0.8'/><circle cx='60' cy='75' r='52' fill='none' stroke='%23f4dca0' stroke-width='0.4' opacity='0.6'/><g stroke='%235a4830' stroke-width='0.35' opacity='0.55'><circle cx='60' cy='75' r='49.5' fill='none'/><circle cx='60' cy='75' r='47.5' fill='none'/></g><g fill='none' stroke='%235a4830' stroke-width='0.35' opacity='0.5'><path d='M60 26 Q66 30 60 34 Q54 30 60 26 Z'/><path d='M109 75 Q105 81 101 75 Q105 69 109 75 Z'/><path d='M60 124 Q54 120 60 116 Q66 120 60 124 Z'/><path d='M11 75 Q15 69 19 75 Q15 81 11 75 Z'/></g><g fill='url(%23ruby)' stroke='%23641616' stroke-width='0.4'><circle cx='60' cy='27.5' r='1.6'/><circle cx='107.5' cy='75' r='1.6'/><circle cx='60' cy='122.5' r='1.6'/><circle cx='12.5' cy='75' r='1.6'/></g><circle cx='60' cy='75' r='44' fill='url(%23goldRing)' stroke='%235a4830' stroke-width='0.6'/><g stroke='%23927D51' stroke-width='0.25' opacity='0.7'><line x1='60' y1='32' x2='60' y2='34'/><line x1='62' y1='32' x2='61.5' y2='34'/><line x1='58' y1='32' x2='58.5' y2='34'/><line x1='100' y1='75' x2='102' y2='75'/><line x1='100' y1='73' x2='102' y2='73.5'/><line x1='100' y1='77' x2='102' y2='76.5'/><line x1='60' y1='116' x2='60' y2='118'/><line x1='18' y1='75' x2='20' y2='75'/></g><circle cx='60' cy='75' r='39' fill='%23F7F6FC' stroke='%235a4830' stroke-width='0.8'/><circle cx='60' cy='75' r='36.5' fill='none' stroke='%23927D51' stroke-width='0.4' opacity='0.6'/><g stroke='%23641616' stroke-width='1' stroke-linecap='round'><line x1='60' y1='39' x2='60' y2='43'/><line x1='60' y1='107' x2='60' y2='111'/><line x1='24' y1='75' x2='28' y2='75'/><line x1='92' y1='75' x2='96' y2='75'/></g><g stroke='%23927D51' stroke-width='0.4' stroke-linecap='round' opacity='0.65'><line x1='78' y1='43.5' x2='76' y2='47'/><line x1='91.5' y1='57' x2='88' y2='59'/><line x1='91.5' y1='93' x2='88' y2='91'/><line x1='78' y1='106.5' x2='76' y2='103'/><line x1='42' y1='106.5' x2='44' y2='103'/><line x1='28.5' y1='93' x2='32' y2='91'/><line x1='28.5' y1='57' x2='32' y2='59'/><line x1='42' y1='43.5' x2='44' y2='47'/></g><g font-family='Georgia, serif' font-weight='bold' text-anchor='middle' dominant-baseline='central'><text x='60' y='47' font-size='7' fill='%2322191A'>XII</text><text x='90' y='75' font-size='7' fill='%2322191A'>III</text><text x='60' y='103' font-size='7' fill='%2322191A'>VI</text><text x='30' y='75' font-size='7' fill='%2322191A'>IX</text><text x='76' y='48' font-size='6' fill='%23a8243a'>♥</text><text x='87' y='59' font-size='6' fill='%231a1a1a'>♠</text><text x='87' y='91' font-size='6' fill='%23a8243a'>♦</text><text x='76' y='102' font-size='6' fill='%231a1a1a'>♣</text><text x='44' y='102' font-size='6' fill='%23a8243a'>♥</text><text x='33' y='91' font-size='6' fill='%231a1a1a'>♠</text><text x='33' y='59' font-size='6' fill='%23a8243a'>♦</text><text x='44' y='48' font-size='6' fill='%231a1a1a'>♣</text></g><g><line x1='60' y1='77' x2='60' y2='57' stroke='%23641616' stroke-width='2.6' stroke-linecap='round'/><animateTransform attributeName='transform' type='rotate' from='0 60 75' to='360 60 75' dur='1.8s' repeatCount='indefinite'/></g><g><line x1='60' y1='78' x2='60' y2='45' stroke='%2322191A' stroke-width='1.6' stroke-linecap='round'/><circle cx='60' cy='45' r='1.3' fill='%23927D51'/><animateTransform attributeName='transform' type='rotate' from='0 60 75' to='360 60 75' dur='0.45s' repeatCount='indefinite'/></g><circle cx='60' cy='75' r='2.6' fill='%23927D51' stroke='%23641616' stroke-width='0.6'/><circle cx='60' cy='75' r='1' fill='%23641616'/></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 8px rgba(146, 125, 81, 0.5)) !important;
    z-index: 10 !important;
    animation: aliceWatchSway 4s ease-in-out infinite !important;
    transform-origin: 50% 11% !important;
}

@keyframes aliceWatchSway {
    0%, 100% { transform: translate(-50%, -50%) rotate(-3deg); }
    50%      { transform: translate(-50%, -50%) rotate(3deg); }
}

/* 4. 双角簇拥玫瑰 v3（左上 + 右下 · 外大内小 · 白渐红 · 墨绿叶） */
.flex.items-center.justify-center.w-6.h-5::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 140px !important;
    height: 150px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 150'><defs><radialGradient id='halo' cx='50%25' cy='50%25' r='50%25'><stop offset='0%25' stop-color='%23c4a875' stop-opacity='0.3'/><stop offset='45%25' stop-color='%23641616' stop-opacity='0.12'/><stop offset='72%25' stop-color='%23000000' stop-opacity='0'/></radialGradient><radialGradient id='petal1' cx='50%25' cy='25%25' r='80%25'><stop offset='0%25' stop-color='%23ffffff'><animate attributeName='stop-color' values='%23ffffff;%23fff0f3;%23fbc4cf;%23e9788a;%23bc3548;%23981222;%23981222;%23ffffff' keyTimes='0;0.1;0.25;0.4;0.55;0.7;0.92;1' dur='10s' repeatCount='indefinite'/></stop><stop offset='65%25' stop-color='%23f4e6d8'><animate attributeName='stop-color' values='%23f4e6d8;%23f1d4d9;%23dca0aa;%23b25462;%237e1c2c;%23560a18;%23560a18;%23f4e6d8' keyTimes='0;0.1;0.25;0.4;0.55;0.7;0.92;1' dur='10s' repeatCount='indefinite'/></stop><stop offset='100%25' stop-color='%23d8c4b0'><animate attributeName='stop-color' values='%23d8c4b0;%23e0b8c0;%23bf7884;%238a3240;%23580814;%2334040c;%2334040c;%23d8c4b0' keyTimes='0;0.1;0.25;0.4;0.55;0.7;0.92;1' dur='10s' repeatCount='indefinite'/></stop></radialGradient><radialGradient id='petal2' cx='50%25' cy='30%25' r='75%25'><stop offset='0%25' stop-color='%23fffafa'><animate attributeName='stop-color' values='%23fffafa;%23ffe4e8;%23f7b0bd;%23d66878;%23a02836;%23761024;%23761024;%23fffafa' keyTimes='0;0.1;0.25;0.4;0.55;0.7;0.92;1' dur='10s' repeatCount='indefinite'/></stop><stop offset='100%25' stop-color='%23e8d2c0'><animate attributeName='stop-color' values='%23e8d2c0;%23eebcc4;%23c47a88;%238e3848;%2362101e;%23420810;%23420810;%23e8d2c0' keyTimes='0;0.1;0.25;0.4;0.55;0.7;0.92;1' dur='10s' repeatCount='indefinite'/></stop></radialGradient><radialGradient id='petalCore' cx='50%25' cy='40%25' r='70%25'><stop offset='0%25' stop-color='%23fff5f5'><animate attributeName='stop-color' values='%23fff5f5;%23ffd6dc;%23f49aa8;%23c25060;%238c1c2a;%23620818;%23620818;%23fff5f5' keyTimes='0;0.1;0.25;0.4;0.55;0.7;0.92;1' dur='10s' repeatCount='indefinite'/></stop><stop offset='100%25' stop-color='%23d8b6a2'><animate attributeName='stop-color' values='%23d8b6a2;%23dfa4ad;%23a86070;%2374242e;%23480610;%232a0408;%232a0408;%23d8b6a2' keyTimes='0;0.1;0.25;0.4;0.55;0.7;0.92;1' dur='10s' repeatCount='indefinite'/></stop></radialGradient><linearGradient id='leafGrad' x1='0' y1='0' x2='0' y2='1'><stop offset='0%25' stop-color='%231f3a16'/><stop offset='100%25' stop-color='%23071a05'/></linearGradient><g id='roseShape'><g fill='url(%23petal1)' stroke='%235a0a18' stroke-width='0.3' stroke-opacity='0.55'><path d='M 0 -13 C 7 -13 9.5 -7 8 -2 C 6.5 3 2 5 0 4 C -2 5 -6.5 3 -8 -2 C -9.5 -7 -7 -13 0 -13 Z'/><path d='M 0 -13 C 7 -13 9.5 -7 8 -2 C 6.5 3 2 5 0 4 C -2 5 -6.5 3 -8 -2 C -9.5 -7 -7 -13 0 -13 Z' transform='rotate(60)'/><path d='M 0 -13 C 7 -13 9.5 -7 8 -2 C 6.5 3 2 5 0 4 C -2 5 -6.5 3 -8 -2 C -9.5 -7 -7 -13 0 -13 Z' transform='rotate(120)'/><path d='M 0 -13 C 7 -13 9.5 -7 8 -2 C 6.5 3 2 5 0 4 C -2 5 -6.5 3 -8 -2 C -9.5 -7 -7 -13 0 -13 Z' transform='rotate(180)'/><path d='M 0 -13 C 7 -13 9.5 -7 8 -2 C 6.5 3 2 5 0 4 C -2 5 -6.5 3 -8 -2 C -9.5 -7 -7 -13 0 -13 Z' transform='rotate(240)'/><path d='M 0 -13 C 7 -13 9.5 -7 8 -2 C 6.5 3 2 5 0 4 C -2 5 -6.5 3 -8 -2 C -9.5 -7 -7 -13 0 -13 Z' transform='rotate(300)'/></g><g fill='url(%23petal2)' stroke='%235a0a18' stroke-width='0.28' stroke-opacity='0.55' transform='rotate(30)'><path d='M 0 -8.5 C 5 -8.5 6.5 -4.5 5.4 -1 C 4.3 2.4 1.4 3.6 0 3 C -1.4 3.6 -4.3 2.4 -5.4 -1 C -6.5 -4.5 -5 -8.5 0 -8.5 Z'/><path d='M 0 -8.5 C 5 -8.5 6.5 -4.5 5.4 -1 C 4.3 2.4 1.4 3.6 0 3 C -1.4 3.6 -4.3 2.4 -5.4 -1 C -6.5 -4.5 -5 -8.5 0 -8.5 Z' transform='rotate(72)'/><path d='M 0 -8.5 C 5 -8.5 6.5 -4.5 5.4 -1 C 4.3 2.4 1.4 3.6 0 3 C -1.4 3.6 -4.3 2.4 -5.4 -1 C -6.5 -4.5 -5 -8.5 0 -8.5 Z' transform='rotate(144)'/><path d='M 0 -8.5 C 5 -8.5 6.5 -4.5 5.4 -1 C 4.3 2.4 1.4 3.6 0 3 C -1.4 3.6 -4.3 2.4 -5.4 -1 C -6.5 -4.5 -5 -8.5 0 -8.5 Z' transform='rotate(216)'/><path d='M 0 -8.5 C 5 -8.5 6.5 -4.5 5.4 -1 C 4.3 2.4 1.4 3.6 0 3 C -1.4 3.6 -4.3 2.4 -5.4 -1 C -6.5 -4.5 -5 -8.5 0 -8.5 Z' transform='rotate(288)'/></g><g fill='url(%23petalCore)' stroke='%23420610' stroke-width='0.25' stroke-opacity='0.6'><path d='M 0 -5 C 3.2 -5 4.2 -2.5 3.4 -0.4 C 2.6 1.6 0.9 2.4 0 2 C -0.9 2.4 -2.6 1.6 -3.4 -0.4 C -4.2 -2.5 -3.2 -5 0 -5 Z'/><path d='M 0 -5 C 3.2 -5 4.2 -2.5 3.4 -0.4 C 2.6 1.6 0.9 2.4 0 2 C -0.9 2.4 -2.6 1.6 -3.4 -0.4 C -4.2 -2.5 -3.2 -5 0 -5 Z' transform='rotate(90)'/><path d='M 0 -5 C 3.2 -5 4.2 -2.5 3.4 -0.4 C 2.6 1.6 0.9 2.4 0 2 C -0.9 2.4 -2.6 1.6 -3.4 -0.4 C -4.2 -2.5 -3.2 -5 0 -5 Z' transform='rotate(180)'/><path d='M 0 -5 C 3.2 -5 4.2 -2.5 3.4 -0.4 C 2.6 1.6 0.9 2.4 0 2 C -0.9 2.4 -2.6 1.6 -3.4 -0.4 C -4.2 -2.5 -3.2 -5 0 -5 Z' transform='rotate(270)'/></g><path d='M -1.6 -2 Q 0 -3.5 1.6 -2 Q 1.4 0.6 0 1.4 Q -1.4 0.6 -1.6 -2 Z' fill='url(%23petalCore)' stroke='%23300408' stroke-width='0.3'/></g><g id='leaf'><path d='M 0 -7 Q 3.4 -3.5 2.4 2 Q 0 6.6 -2.4 2 Q -3.4 -3.5 0 -7 Z' fill='url(%23leafGrad)' stroke='%23061404' stroke-width='0.35'/><line x1='0' y1='-6' x2='0' y2='6' stroke='%23061404' stroke-width='0.3' opacity='0.75'/><line x1='0' y1='-3' x2='1.6' y2='-1' stroke='%23061404' stroke-width='0.22' opacity='0.55'/><line x1='0' y1='-3' x2='-1.6' y2='-1' stroke='%23061404' stroke-width='0.22' opacity='0.55'/><line x1='0' y1='0' x2='1.8' y2='2' stroke='%23061404' stroke-width='0.22' opacity='0.55'/><line x1='0' y1='0' x2='-1.8' y2='2' stroke='%23061404' stroke-width='0.22' opacity='0.55'/></g></defs><circle cx='70' cy='75' r='54' fill='url(%23halo)'><animate attributeName='r' values='52;60;52' dur='2.4s' repeatCount='indefinite'/><animate attributeName='opacity' values='0.55;1;0.55' dur='2.4s' repeatCount='indefinite'/></circle><use href='%23leaf' transform='translate(52 10) rotate(38) scale(0.85)'/><use href='%23leaf' transform='translate(36 6) rotate(-25) scale(0.78)'/><g transform='translate(44 16)'><g><use href='%23roseShape' transform='scale(0.7)'/><animateTransform attributeName='transform' type='scale' values='0.7;0.74;0.7' dur='3.6s' repeatCount='indefinite'/></g></g><use href='%23leaf' transform='translate(8 16) rotate(-40) scale(1.0)'/><use href='%23leaf' transform='translate(40 36) rotate(45) scale(0.9)'/><use href='%23leaf' transform='translate(14 44) rotate(-15) scale(0.82)'/><g transform='translate(24 28)'><g><use href='%23roseShape'/><animateTransform attributeName='transform' type='scale' values='1;1.05;1' dur='3.2s' repeatCount='indefinite'/></g></g><use href='%23leaf' transform='translate(2 58) rotate(-45) scale(0.85)'/><g transform='translate(10 50)'><g><use href='%23roseShape' transform='scale(0.7)'/><animateTransform attributeName='transform' type='scale' values='0.7;0.74;0.7' dur='3.8s' repeatCount='indefinite'/></g></g><use href='%23leaf' transform='translate(90 141) rotate(-35) scale(0.95)'/><use href='%23leaf' transform='translate(108 143) rotate(28) scale(0.85)'/><g transform='translate(97 134)'><g><use href='%23roseShape' transform='scale(0.7)'/><animateTransform attributeName='transform' type='scale' values='0.7;0.74;0.7' dur='3.6s' repeatCount='indefinite'/></g></g><use href='%23leaf' transform='translate(129 131) rotate(28) scale(1.05)'/><use href='%23leaf' transform='translate(106 113) rotate(-30) scale(0.95)'/><use href='%23leaf' transform='translate(122 110) rotate(8) scale(0.8)'/><g transform='translate(118 124)'><g><use href='%23roseShape'/><animateTransform attributeName='transform' type='scale' values='1;1.05;1' dur='3s' repeatCount='indefinite'/></g></g></svg>") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* 5. 移动端适配 */
@media (max-width: 480px) {
    .flex.items-center.justify-center.w-6.h-5 {
        width: 112px !important;
        height: 120px !important;
        min-width: 112px !important;
        min-height: 120px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::before {
        width: 76px !important;
        height: 88px !important;
    }
    .flex.items-center.justify-center.w-6.h-5::after {
        width: 112px !important;
        height: 120px !important;
    }
}

/* 6. 低动效偏好 */
@media (prefers-reduced-motion: reduce) {
    .flex.items-center.justify-center.w-6.h-5::before {
        animation-duration: 8s !important;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Great+Vibes&family=Cormorant+Garamond:ital,wght@0,500;0,700;1,500&display=swap');

/* ============ 局部变量 ============ */
.sticky.w-full.top-0.flex.items-center,
#ai-chat-bottom-input,
#ai-mod-button2,
.MuiPaginationItem-root,
div[class*="bottom-0"][class*="w-full"] {
  --rk: #641616;
  --rk-deep: #401010;
  --bk: #22191A;
  --bk-deep: #1a1213;
  --gy: #2E2D35;
  --wt: #F7F6FC;
  --gd: #927D51;
  --gd-light: #c4a865;
  --mt: #979392;
  --rose: #c47272;
  --font-cursive: 'Great Vibes', cursive;
  --font-title: 'Cinzel', serif;
  --font-body: 'Cormorant Garamond', 'Georgia', 'Noto Serif SC', serif;
}

/* ==================== 顶部栏 ==================== */
.sticky.w-full.top-0.flex.items-center {
  background:
    linear-gradient(180deg, rgba(34,25,26,0.55) 0%, rgba(34,25,26,0.78) 100%),
    url('https://catai.wiki/0862e2f4-1151-4702-b6b7-f629cee87400/w=3000') center/cover no-repeat,
    #22191A !important;
  border-bottom: 3px double #927D51 !important;
  box-shadow:
    0 2px 0 rgba(146,125,81,0.25),
    0 6px 22px rgba(0,0,0,0.55),
    inset 0 0 50px rgba(100,22,22,0.22) !important;
  position: sticky !important;
  overflow: hidden;
}
.sticky.w-full.top-0.flex.items-center::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #927D51 20%, #c47272 50%, #927D51 80%, transparent);
  opacity: 0.7;
  pointer-events: none;
}

/* 模型选择器 */
#ai-model-selector .group.flex.items-center {
  background: linear-gradient(135deg, rgba(34,25,26,0.88), rgba(46,45,53,0.88)) !important;
  border: 1px solid #927D51 !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  box-shadow:
    inset 0 0 12px rgba(100,22,22,0.35),
    2px 2px 0px rgba(26,18,19,0.9) !important;
  transition: all .2s ease !important;
}
#ai-model-selector .group.flex.items-center:hover {
  transform: translate(1px,1px) !important;
  border-color: #c47272 !important;
  box-shadow:
    inset 0 0 16px rgba(196,114,114,0.4),
    1px 1px 0px rgba(26,18,19,0.9) !important;
}
#ai-model-selector .truncate.text-\[13px\] {
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 500 !important;
  letter-spacing: 1.2px !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.85), 0 0 8px rgba(146,125,81,0.3) !important;
}
#ai-model-selector .shrink-0.flex.items-center svg {
  color: #927D51 !important;
  filter: drop-shadow(0 0 3px rgba(146,125,81,0.6));
  transition: transform .3s ease !important;
}
#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {
  transform: rotate(180deg);
  color: #c47272 !important;
}

/* 顶部裸 SVG */
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
  color: #F7F6FC !important;
  filter: drop-shadow(0 0 4px rgba(146,125,81,0.7)) drop-shadow(0 1px 2px rgba(0,0,0,0.8));
  transition: all .3s ease !important;
}
.sticky.w-full.top-0 svg.lucide-clock-8:hover,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]):hover {
  color: #c47272 !important;
  transform: rotate(15deg) scale(1.1);
}
.sticky.w-full.top-0 span.MuiBadge-dot.md\:hidden {
  background: radial-gradient(circle, #c47272, #641616) !important;
  box-shadow: 0 0 8px #c47272, 0 0 2px #F7F6FC !important;
}
.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {
  color: #927D51 !important;
  filter: drop-shadow(0 0 4px rgba(146,125,81,0.5));
}

/* 设置按钮 */
#header-setting-button {
  background: linear-gradient(135deg, rgba(100,22,22,0.55), rgba(34,25,26,0.85)) !important;
  border: 1px solid #927D51 !important;
  border-radius: 4px !important;
  box-shadow:
    inset 0 0 10px rgba(100,22,22,0.4),
    2px 2px 0px rgba(26,18,19,0.9) !important;
  transition: all .2s ease !important;
}
#header-setting-button:hover {
  transform: translate(1px,1px);
  border-color: #c47272 !important;
  box-shadow:
    inset 0 0 14px rgba(196,114,114,0.45),
    1px 1px 0px rgba(26,18,19,0.9) !important;
}
#header-setting-button svg {
  color: #F7F6FC !important;
  filter: drop-shadow(0 0 3px rgba(146,125,81,0.7));
  transition: transform .5s ease !important;
}
#header-setting-button:hover svg {
  transform: rotate(90deg);
  color: #c47272 !important;
}

/* ==================== 开场白选择器 ==================== */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
  background: linear-gradient(135deg, rgba(34,25,26,0.92), rgba(46,45,53,0.92)) !important;
  border: 1px solid #927D51 !important;
  border-radius: 4px !important;
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 1px !important;
  box-shadow:
    inset 0 0 14px rgba(100,22,22,0.35),
    2px 2px 0px rgba(26,18,19,0.85) !important;
  transition: all .2s ease !important;
}
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]:hover {
  border-color: #c47272 !important;
  transform: translate(1px,1px);
  box-shadow:
    inset 0 0 18px rgba(196,114,114,0.4),
    1px 1px 0px rgba(26,18,19,0.85) !important;
}
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="SlidersH"],
div.flex.items-center.h-9.cursor-pointer.group svg[data-icon="ChevronDown"] {
  color: #927D51 !important;
  filter: drop-shadow(0 0 3px rgba(146,125,81,0.5));
}

/* ==================== 按钮栏（V1 流光效果） ==================== */
#ai-mod-button2 button.MuiButton-root {
  background: linear-gradient(135deg, rgba(34,25,26,0.88), rgba(46,45,53,0.88)) !important;
  border: 1px solid #927D51 !important;
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 1.2px !important;
  border-radius: 4px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
  box-shadow:
    inset 0 0 10px rgba(100,22,22,0.3),
    0 2px 6px rgba(0,0,0,0.45) !important;
  transition: all .35s ease !important;
  position: relative;
  overflow: hidden;
}
#ai-mod-button2 button.MuiButton-root::after {
  content: "";
  position: absolute;
  top: 0; left: -120%;
  width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(247,246,252,0.18), transparent);
  transform: skewX(-20deg);
  transition: left .6s ease;
  pointer-events: none;
}
#ai-mod-button2 button.MuiButton-root:hover {
  background: linear-gradient(135deg, rgba(100,22,22,0.65), rgba(34,25,26,0.9)) !important;
  border-color: #c47272 !important;
  color: #F7F6FC !important;
  box-shadow:
    inset 0 0 14px rgba(196,114,114,0.45),
    0 0 14px rgba(196,114,114,0.45) !important;
  transform: translateY(-1px);
}
#ai-mod-button2 button.MuiButton-root:hover::after { left: 130%; }
#ai-mod-button2 button.MuiButton-root svg {
  color: #927D51 !important;
  filter: drop-shadow(0 0 3px rgba(146,125,81,0.6));
  transition: all .3s ease !important;
}
#ai-mod-button2 button.MuiButton-root:hover svg {
  color: #c47272 !important;
  transform: scale(1.1) rotate(-6deg);
}

/* ==================== 底部栏背景：仅图片渐变，不动主容器定位 ==================== */
.bg-gradient-to-t.bg-gradient-to-t.bg-gradient-to-t {
  background: transparent !important;
  border: 0 !important;
  border-top: 0 none transparent !important;
  border-bottom: 0 !important;
  border-image: none !important;
  outline: none !important;
  box-shadow: none !important;
  /* 注意：不设置 position、不设置 isolation、不设置 transform/filter，避免破坏原 sticky 定位 */
}

.bg-gradient-to-t.bg-gradient-to-t.bg-gradient-to-t::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-image: url('https://catai.wiki/876a863d-d703-448e-5ec8-1e08ec840800/w=3000') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.7) 65%, #000 100%) !important;
          mask-image: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.3) 35%, rgba(0,0,0,0.7) 65%, #000 100%) !important;
  -webkit-mask-size: 100% 100% !important;
          mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  pointer-events: none !important;
  border: 0 !important;
}

.bg-gradient-to-t.bg-gradient-to-t.bg-gradient-to-t::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

/* ==================== 底部输入框（无黄线） ==================== */
#ai-chat-bottom-input {
  background: linear-gradient(135deg, rgba(20,14,15,0.97), rgba(34,25,26,0.97)) !important;
  border: 2px solid #641616 !important;
  border-radius: 6px !important;
  box-shadow:
    inset 0 0 22px rgba(100,22,22,0.5),
    4px 4px 0px rgba(26,18,19,0.85),
    0 0 14px rgba(100,22,22,0.4) !important;
  position: relative !important;
  transition: all .25s ease !important;
}
#ai-chat-bottom-input::before {
  content: "✦";
  position: absolute;
  top: -11px;
  left: 14px;
  color: #927D51;
  font-size: 14px;
  background: #22191A;
  padding: 0 8px;
  text-shadow: 0 0 6px rgba(146,125,81,0.85);
  pointer-events: none;
}
#ai-chat-bottom-input:focus-within {
  border-color: #c47272 !important;
  box-shadow:
    inset 0 0 24px rgba(196,114,114,0.45),
    4px 4px 0px rgba(26,18,19,0.85),
    0 0 22px rgba(196,114,114,0.5) !important;
}

/* 输入文字 */
#ai-chat-input {
  background: transparent !important;
  color: #c47272 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  caret-color: #927D51 !important;
  text-shadow: 0 0 6px rgba(196,114,114,0.25) !important;
}
#ai-chat-input::placeholder {
  color: rgba(151,147,146,0.55) !important;
  font-family: 'Great Vibes', cursive !important;
  font-size: 17px !important;
  font-style: italic;
  letter-spacing: 1px !important;
}
#ai-chat-input::selection {
  background: rgba(146,125,81,0.6) !important;
  color: #F7F6FC !important;
  text-shadow: 0 0 4px rgba(247,246,252,0.7) !important;
}

/* ==================== 分页栏 ==================== */
.MuiPaginationItem-root {
  background: linear-gradient(135deg, rgba(34,25,26,0.88), rgba(46,45,53,0.88)) !important;
  border: 1px solid #927D51 !important;
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.75) !important;
  box-shadow: inset 0 0 8px rgba(100,22,22,0.3) !important;
}
.MuiPaginationItem-root:hover {
  background: linear-gradient(135deg, rgba(100,22,22,0.6), rgba(34,25,26,0.9)) !important;
  border-color: #c47272 !important;
  color: #F7F6FC !important;
  box-shadow: inset 0 0 12px rgba(196,114,114,0.4), 0 0 10px rgba(196,114,114,0.4) !important;
}
.MuiPaginationItem-root.Mui-selected {
  background: linear-gradient(135deg, #641616, #401010) !important;
  border-color: #927D51 !important;
  color: #F7F6FC !important;
  font-weight: 700 !important;
  box-shadow: inset 0 0 14px rgba(146,125,81,0.45), 0 0 12px rgba(146,125,81,0.5) !important;
}
.MuiPaginationItem-root.Mui-disabled {
  opacity: 0.4 !important;
  border-color: #979392 !important;
  color: #979392 !important;
}
.MuiPaginationItem-icon {
  color: #927D51 !important;
  filter: drop-shadow(0 0 3px rgba(146,125,81,0.5));
}
.MuiStack-root.css-1uwir8f .MuiBox-root {
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.5px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.75) !important;
}
.MuiStack-root.css-1uwir8f .MuiInputBase-input {
  background: rgba(34,25,26,0.85) !important;
  border: 1px solid #927D51 !important;
  border-radius: 3px !important;
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  text-align: center !important;
  box-shadow: inset 0 0 6px rgba(100,22,22,0.4) !important;
}

/* ==================== 评论区 ==================== */
div[class*="bottom-0"][class*="w-full"][class*="bg-white"],
div[class*="bottom-0"][class*="w-full"] {
  background-image:
    linear-gradient(180deg, rgba(26,18,19,0.78), rgba(34,25,26,0.85)),
    url('https://catai.wiki/c3f62b36-0e5b-4620-9c8a-0e1301634300/w=3000') !important;
  background-size: cover, cover !important;
  background-position: center, center !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: scroll, scroll !important;
  border-top: 3px double #927D51 !important;
  color: #F7F6FC !important;
}

div[class*="bottom-0"][class*="w-full"] div.p-3.overflow-y-auto {
  background: linear-gradient(180deg, rgba(34,25,26,0.55), rgba(26,18,19,0.65)) !important;
  border: 1px solid rgba(146,125,81,0.45) !important;
  border-radius: 4px !important;
  box-shadow:
    inset 0 0 30px rgba(100,22,22,0.35),
    4px 4px 0px rgba(26,18,19,0.7) !important;
}

div[class*="bottom-0"][class*="w-full"] div.text-lg.font-bold {
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-shadow: 0 0 10px rgba(146,125,81,0.7), 0 2px 4px rgba(0,0,0,0.85) !important;
  position: relative;
  padding-left: 24px !important;
}
div[class*="bottom-0"][class*="w-full"] div.text-lg.font-bold::before {
  content: "🌹";
  position: absolute;
  left: 0;
  color: #927D51;
  text-shadow: 0 0 8px rgba(146,125,81,0.9);
}

div[class*="bottom-0"][class*="w-full"] p.MuiTypography-body1.text-grey-600 {
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 1px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
}

div[class*="bottom-0"][class*="w-full"] span.MuiRating-iconEmpty svg {
  color: rgba(146,125,81,0.4) !important;
}
div[class*="bottom-0"][class*="w-full"] span.MuiRating-iconFilled svg {
  color: #c4a865 !important;
  filter: drop-shadow(0 0 6px rgba(196,168,101,0.85));
}
div[class*="bottom-0"][class*="w-full"] span.text-orange-500 {
  color: #c47272 !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  text-shadow: 0 0 6px rgba(196,114,114,0.55) !important;
}

/* 评论区输入框 */
div[class*="bottom-0"][class*="w-full"] div.flex.flex-col.border-gray-200 {
  background: linear-gradient(135deg, rgba(20,14,15,0.95), rgba(34,25,26,0.95)) !important;
  border: 2px solid #641616 !important;
  border-radius: 5px !important;
  box-shadow:
    inset 0 0 16px rgba(100,22,22,0.4),
    4px 4px 0px rgba(26,18,19,0.85) !important;
  overflow: hidden !important;
}
div[class*="bottom-0"][class*="w-full"] textarea.rc-textarea {
  background: transparent !important;
  color: #c47272 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  caret-color: #927D51 !important;
}
div[class*="bottom-0"][class*="w-full"] textarea.rc-textarea::placeholder {
  color: rgba(151,147,146,0.55) !important;
  font-family: 'Great Vibes', cursive !important;
  font-size: 16px !important;
  font-style: italic !important;
}
div[class*="bottom-0"][class*="w-full"] textarea.rc-textarea::selection {
  background: rgba(146,125,81,0.6) !important;
  color: #F7F6FC !important;
}
div[class*="bottom-0"][class*="w-full"] div.bg-gray-100.text-gray-500 {
  background: rgba(100,22,22,0.4) !important;
  color: #F7F6FC !important;
  border-top: 1px dashed rgba(146,125,81,0.45) !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.5px !important;
}

/* 发送按钮：只显示透明 PNG，无边框无阴影 */
div[class*="bottom-0"][class*="w-full"] div.cursor-pointer.group.flex.items-center.justify-center {
  background-color: transparent !important;
  background-image: url('https://catai.wiki/07532d3f-a9a8-41f5-8a01-1f9e0c8f7100/w=3000') !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-width: 44px !important;
  min-height: 44px !important;
  transition: all .25s ease !important;
}
div[class*="bottom-0"][class*="w-full"] div.cursor-pointer.group.flex.items-center.justify-center:hover {
  filter: brightness(1.15) drop-shadow(0 0 8px rgba(196,114,114,0.65)) !important;
  transform: translateY(-1px) scale(1.06) !important;
}
/* 隐藏默认 SVG 图标，让图片唯一显示 */
div[class*="bottom-0"][class*="w-full"] div[data-state="closed"] svg[data-icon="Send03"] {
  display: none !important;
}

/* 分割线 */
div[class*="bottom-0"][class*="w-full"] div.style_divider__mW0YX {
  border-color: #927D51 !important;
  border-style: dashed !important;
  opacity: 0.6 !important;
}

/* 排序按钮 */
div[class*="bottom-0"][class*="w-full"] button.MuiButton-outlinedPrimary {
  background: rgba(34,25,26,0.75) !important;
  border: 1.5px solid #927D51 !important;
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.8) !important;
  border-radius: 3px !important;
  box-shadow:
    inset 0 0 8px rgba(100,22,22,0.3),
    2px 2px 0 rgba(26,18,19,0.8) !important;
}
div[class*="bottom-0"][class*="w-full"] button.MuiButton-outlinedPrimary:hover {
  border-color: #c47272 !important;
  color: #F7F6FC !important;
  transform: translate(1px,1px);
  box-shadow:
    inset 0 0 12px rgba(196,114,114,0.4),
    1px 1px 0 rgba(26,18,19,0.8) !important;
}
div[class*="bottom-0"][class*="w-full"] button.MuiButton-containedPrimary {
  background: linear-gradient(135deg, #641616, #401010) !important;
  border: 1.5px solid #927D51 !important;
  color: #F7F6FC !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.85) !important;
  border-radius: 3px !important;
  box-shadow:
    inset 0 0 12px rgba(146,125,81,0.45),
    2px 2px 0 rgba(26,18,19,0.85) !important;
}

/* ==================== 评论卡片 ==================== */
div[class*="bottom-0"][class*="w-full"] div.group.ml-0 {
  background:
    linear-gradient(135deg, rgba(34,25,26,0.92), rgba(26,18,19,0.95)),
    repeating-linear-gradient(0deg, rgba(146,125,81,0.06), rgba(146,125,81,0.06) 16px, transparent 16px, transparent 17px) !important;
  border: 1.5px solid #927D51 !important;
  border-radius: 4px !important;
  box-shadow:
    inset 0 0 20px rgba(100,22,22,0.3),
    3px 3px 0 rgba(26,18,19,0.85) !important;
  padding: 14px !important;
  margin-bottom: 16px !important;
  position: relative !important;
  transition: all .3s ease !important;
}
div[class*="bottom-0"][class*="w-full"] div.group.ml-0:hover {
  border-color: #c47272 !important;
  box-shadow:
    inset 0 0 26px rgba(196,114,114,0.3),
    3px 3px 0 rgba(26,18,19,0.85),
    0 0 16px rgba(196,114,114,0.3) !important;
}

/* 头像 */
div[class*="bottom-0"][class*="w-full"] div.group img.rounded-full {
  border: 2px solid #927D51 !important;
  padding: 2px !important;
  background-color: #22191A !important;
  box-shadow:
    0 0 8px rgba(146,125,81,0.6),
    inset 0 0 4px rgba(100,22,22,0.6) !important;
  transition: all .35s ease !important;
}
div[class*="bottom-0"][class*="w-full"] div.group img.rounded-full:hover {
  border-color: #c47272 !important;
  box-shadow: 0 0 14px rgba(196,114,114,0.7) !important;
  transform: rotate(-3deg) scale(1.05);
}

/* 用户名 */
div[class*="bottom-0"][class*="w-full"] div.text-sm.text-grey-600 span.font-bold {
  color: #c4a865 !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 700 !important;
  font-size: 1.05em !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 6px rgba(196,168,101,0.5), 0 1px 2px rgba(0,0,0,0.85) !important;
  display: inline-flex !important;
  align-items: center !important;
}
div[class*="bottom-0"][class*="w-full"] div.text-sm.text-grey-600 span.font-bold::before {
  content: "♛";
  margin-right: 6px !important;
  color: #c4a865 !important;
  font-size: 0.95em;
  text-shadow: 0 0 6px rgba(196,168,101,0.8), 1px 1px 0 rgba(0,0,0,0.7);
}

/* (你) 标签 */
div[class*="bottom-0"][class*="w-full"] span.text-\[10px\] {
  color: #c47272 !important;
  background: rgba(100,22,22,0.4) !important;
  border: 1px solid rgba(196,114,114,0.5) !important;
  border-radius: 3px !important;
  padding: 1px 6px !important;
  font-family: 'Cinzel', serif !important;
  text-shadow: 0 0 4px rgba(196,114,114,0.5) !important;
}

/* 评论内容 */
div[class*="bottom-0"][class*="w-full"] div.break-all {
  color: #F7F6FC !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6) !important;
}

/* 时间戳 */
div[class*="bottom-0"][class*="w-full"] div.text-xs.text-grey-600 {
  color: rgba(247,246,252,0.55) !important;
  font-family: 'Great Vibes', cursive !important;
  font-size: 13px !important;
  letter-spacing: 0.8px !important;
}

/* 点赞 */
div[class*="bottom-0"][class*="w-full"] button.text-gray-400 {
  color: #979392 !important;
  font-family: 'Cinzel', serif !important;
  transition: all .3s ease !important;
}
div[class*="bottom-0"][class*="w-full"] button.text-gray-400 svg {
  filter: drop-shadow(0 0 3px rgba(151,147,146,0.4));
  transition: all .3s ease !important;
}
div[class*="bottom-0"][class*="w-full"] button.text-gray-400:hover {
  color: #c47272 !important;
  text-shadow: 0 0 6px rgba(196,114,114,0.55) !important;
}
div[class*="bottom-0"][class*="w-full"] button.text-gray-400:hover svg {
  color: #c47272 !important;
  filter: drop-shadow(0 0 6px rgba(196,114,114,0.7));
  transform: scale(1.15);
}

/* 回复 */
div[class*="bottom-0"][class*="w-full"] span.cursor-pointer {
  color: #927D51 !important;
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.8px !important;
  border-bottom: 1px dashed #927D51 !important;
  text-shadow: 0 0 4px rgba(146,125,81,0.4) !important;
  transition: all .3s ease !important;
}
div[class*="bottom-0"][class*="w-full"] span.cursor-pointer:hover {
  color: #c47272 !important;
  border-bottom-color: #c47272 !important;
  text-shadow: 0 0 8px rgba(196,114,114,0.6) !important;
}

/* 回复嵌套 */
div[class*="bottom-0"][class*="w-full"] div.ml-8.border-l {
  border-left: 2px dashed rgba(146,125,81,0.5) !important;
  padding-left: 12px !important;
  margin-top: 10px !important;
  background: linear-gradient(90deg, rgba(100,22,22,0.1), transparent 60%) !important;
}