/* =========================================================
   绿茵传说模拟器｜状态栏 CSS 美化
   直接粘贴到自定义 CSS 中即可
   适配：details / summary / 表格 / 列表 / 代码块 / 嵌套记忆区
   ========================================================= */

:root {
  --soccer-bg: #06120e;
  --soccer-bg-2: #10281d;
  --soccer-paper: #fff8e8;
  --soccer-paper-2: #f4ead2;
  --soccer-ink: #17251d;
  --soccer-muted: #627066;
  --soccer-gold: #d8b45c;
  --soccer-gold-light: #ffe6a6;
  --soccer-green: #42d782;
  --soccer-red: #d75b4e;
  --soccer-blue: #6fb8ff;
  --soccer-purple: #b694ff;
  --soccer-line: rgba(23, 37, 29, 0.16);
  --soccer-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
  --soccer-radius: 18px;
  --soccer-font: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --soccer-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;
}

/* ========== 总体 details 面板 ========== */

details {
  --panel-color: var(--soccer-gold);
  --panel-soft: rgba(216, 180, 92, 0.16);
  --panel-icon: "⚽";

  position: relative;
  margin: 14px 0;
  border-radius: var(--soccer-radius);
  border: 1px solid rgba(255, 255, 255, 0.22);
  background:
    linear-gradient(180deg, rgba(255, 248, 232, 0.98), rgba(244, 234, 210, 0.98)),
    repeating-linear-gradient(
      0deg,
      transparent 0 30px,
      rgba(23, 37, 29, 0.045) 31px
    );
  color: var(--soccer-ink);
  font-family: var(--soccer-font);
  font-size: 15px;
  line-height: 1.82;
  box-shadow: var(--soccer-shadow);
  overflow: hidden;
  isolation: isolate;
}

/* 顶部彩线 */
details::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: linear-gradient(
    90deg,
    var(--panel-color),
    var(--soccer-green),
    var(--soccer-gold-light)
  );
  z-index: 2;
}

/* 背景光晕 */
details::after {
  content: "";
  position: absolute;
  right: -70px;
  top: 42px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--panel-soft), transparent 66%);
  pointer-events: none;
  z-index: -1;
}

/* ========== 不同模块自动分色 ========== */

details:nth-of-type(1) {
  --panel-icon: "🧠";
  --panel-color: #ef6a5b;
  --panel-soft: rgba(239, 106, 91, 0.16);
}

details:nth-of-type(2) {
  --panel-icon: "📍";
  --panel-color: #6fb8ff;
  --panel-soft: rgba(111, 184, 255, 0.16);
}

details:nth-of-type(3) {
  --panel-icon: "👤";
  --panel-color: #42d782;
  --panel-soft: rgba(66, 215, 130, 0.16);
}

details:nth-of-type(4) {
  --panel-icon: "🏟️";
  --panel-color: #d8b45c;
  --panel-soft: rgba(216, 180, 92, 0.18);
}

details:nth-of-type(5) {
  --panel-icon: "🎭";
  --panel-color: #b694ff;
  --panel-soft: rgba(182, 148, 255, 0.16);
}

details:nth-of-type(6) {
  --panel-icon: "🕸️";
  --panel-color: #58d6c9;
  --panel-soft: rgba(88, 214, 201, 0.16);
}

details:nth-of-type(7) {
  --panel-icon: "📅";
  --panel-color: #ffca61;
  --panel-soft: rgba(255, 202, 97, 0.17);
}

details:nth-of-type(8) {
  --panel-icon: "📱";
  --panel-color: #7bbcff;
  --panel-soft: rgba(123, 188, 255, 0.16);
}

details:nth-of-type(9) {
  --panel-icon: "👑";
  --panel-color: #ffd86d;
  --panel-soft: rgba(255, 216, 109, 0.18);
}

details:nth-of-type(10) {
  --panel-icon: "🧾";
  --panel-color: #c4a0ff;
  --panel-soft: rgba(196, 160, 255, 0.16);
}

details:nth-of-type(11) {
  --panel-icon: "🎯";
  --panel-color: #65e493;
  --panel-soft: rgba(101, 228, 147, 0.16);
}

/* 嵌套 details，例如记忆区里的星记忆回廊 */
details details {
  margin: 12px 0 4px;
  border-color: rgba(23, 37, 29, 0.2);
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.7),
    rgba(255, 250, 235, 0.88)
  );
  box-shadow: none;
}

/* ========== summary 标题栏 ========== */

details > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;

  min-height: 54px;
  display: flex;
  align-items: center;
  gap: 12px;

  padding: 14px 18px;
  color: #fff9df;
  font-family: var(--soccer-font);
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 0.08em;

  background:
    radial-gradient(circle at 0% 0%, var(--panel-soft), transparent 46%),
    linear-gradient(135deg, var(--soccer-bg), var(--soccer-bg-2) 58%, #07100d);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

details > summary::-webkit-details-marker {
  display: none;
}

/* summary 图标 */
details > summary::before {
  content: var(--panel-icon);
  flex: 0 0 auto;

  width: 34px;
  height: 34px;
  border-radius: 13px;

  display: grid;
  place-items: center;

  font-size: 17px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.06)),
    var(--panel-soft);
  border: 1px solid rgba(255, 255, 255, 0.22);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 8px 20px rgba(0, 0, 0, 0.18);
}

/* 展开/收起标签 */
details > summary::after {
  content: "展开";
  margin-left: auto;
  flex: 0 0 auto;

  padding: 5px 10px;
  border-radius: 999px;

  color: #07110c;
  background: linear-gradient(135deg, var(--soccer-gold-light), var(--panel-color));
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-shadow: none;
}

details[open] > summary::after {
  content: "收起";
}

/* 展开动画 */
details[open] {
  animation: soccerDetailsOpen 0.28s ease both;
}

@keyframes soccerDetailsOpen {
  from {
    transform: translateY(4px);
    filter: saturate(0.92);
  }
  to {
    transform: translateY(0);
    filter: saturate(1);
  }
}

/* ========== 内容区间距 ========== */

details > :not(summary) {
  margin-left: 18px;
  margin-right: 18px;
}

details > summary + * {
  margin-top: 18px;
}

details > :last-child {
  margin-bottom: 18px;
}

details p {
  margin: 10px 18px;
  color: var(--soccer-ink);
  line-height: 1.9;
}

/* ========== 标题 ========== */

details h1,
details h2,
details h3,
details h4 {
  margin: 18px 18px 10px;
  color: #0e2a1b;
  font-family: var(--soccer-serif);
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.35;
}

details h3 {
  display: flex;
  align-items: center;
  gap: 9px;

  padding: 11px 13px;
  border-radius: 15px;

  background: linear-gradient(90deg, var(--panel-soft), rgba(255, 255, 255, 0.22));
  border: 1px solid rgba(23, 37, 29, 0.11);
  font-size: 18px;
}

details h3::before {
  content: "";
  width: 7px;
  height: 22px;
  border-radius: 999px;
  background: var(--panel-color);
  box-shadow: 0 0 14px var(--panel-soft);
}

/* ========== 加粗、强调 ========== */

details strong {
  color: #123e27;
  font-weight: 950;
}

details em {
  color: #8e392e;
  font-style: normal;
  font-weight: 850;
}

details hr {
  margin: 16px 18px;
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(23, 37, 29, 0.2), transparent);
}

/* ========== 列表：关系网络 / 社交动态 / 行动推荐 ========== */

details ul,
details ol {
  margin: 10px 18px 14px;
  padding-left: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

details li {
  position: relative;

  padding: 10px 12px 10px 34px;
  border-radius: 14px;

  color: #25372c;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(23, 37, 29, 0.1);
  box-shadow: 0 4px 14px rgba(20, 35, 27, 0.05);
}

details ul li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 18px;

  width: 8px;
  height: 8px;
  border-radius: 50%;

  background: var(--panel-color);
  box-shadow: 0 0 0 4px var(--panel-soft);
}

details ol {
  counter-reset: soccerOption;
}

details ol li {
  counter-increment: soccerOption;
  padding-left: 48px;
}

details ol li::before {
  content: counter(soccerOption);

  position: absolute;
  left: 12px;
  top: 9px;

  width: 24px;
  height: 24px;
  border-radius: 10px;

  display: grid;
  place-items: center;

  color: #07110c;
  background: linear-gradient(135deg, var(--soccer-gold-light), var(--panel-color));
  font-weight: 950;
  font-size: 12px;
}

/* ========== 表格：记忆区 / 历史排名 / 数据表 ========== */

details table {
  width: calc(100% - 36px);
  margin: 14px 18px 18px;

  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;

  border-radius: 16px;
  border: 1px solid rgba(23, 37, 29, 0.16);
  background: #fffdf4;
  box-shadow: 0 12px 28px rgba(20, 35, 27, 0.08);
}

details th {
  padding: 11px 12px;

  color: #07110c;
  background: linear-gradient(135deg, var(--soccer-gold-light), var(--panel-color));

  font-weight: 950;
  text-align: left;
  white-space: nowrap;
}

details td {
  padding: 11px 12px;
  border-top: 1px solid rgba(23, 37, 29, 0.1);

  color: #26392e;
  vertical-align: top;
  line-height: 1.7;
}

details tr:nth-child(even) td {
  background: rgba(20, 35, 27, 0.035);
}

/* ========== 代码块：战术校验 / 数值变化 ========== */

details pre {
  margin: 14px 18px 18px;
  padding: 16px;

  overflow: auto;
  border-radius: 16px;

  color: #d9ffe5;
  background:
    linear-gradient(135deg, rgba(67, 217, 131, 0.1), transparent),
    #07100c;
  border: 1px solid rgba(67, 217, 131, 0.23);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);

  font-family: "SFMono-Regular", "Cascadia Code", Consolas, monospace;
  font-size: 13px;
  line-height: 1.72;
}

details code {
  font-family: "SFMono-Regular", "Cascadia Code", Consolas, monospace;
  color: #0f3d27;
  background: rgba(67, 217, 131, 0.15);
  border: 1px solid rgba(67, 217, 131, 0.16);
  border-radius: 8px;
  padding: 1px 5px;
}

details pre code {
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
}

/* ========== 引用块 ========== */

details blockquote {
  margin: 14px 18px;
  padding: 13px 15px;

  border-left: 5px solid var(--panel-color);
  border-radius: 0 14px 14px 0;

  color: #2d3c32;
  background: var(--panel-soft);
}

/* ========== 链接 ========== */

details a {
  color: #0f6b3d;
  font-weight: 850;
  text-underline-offset: 3px;
}

details summary a {
  color: inherit;
}

/* ========== 选中文本 ========== */

details *::selection {
  background: rgba(216, 180, 92, 0.34);
}

/* ========== 手机端适配 ========== */

@media (max-width: 720px) {
  details {
    margin: 12px 0;
    border-radius: 17px;
    font-size: 14px;
    line-height: 1.78;
  }

  details > summary {
    min-height: 50px;
    padding: 12px 13px;

    font-size: 14px;
    letter-spacing: 0.04em;
    gap: 9px;
  }

  details > summary::before {
    width: 30px;
    height: 30px;
    border-radius: 11px;
    font-size: 15px;
  }

  details > summary::after {
    padding: 4px 8px;
    font-size: 11px;
  }

  details > :not(summary),
  details p,
  details h1,
  details h2,
  details h3,
  details h4,
  details ul,
  details ol,
  details pre,
  details blockquote {
    margin-left: 12px;
    margin-right: 12px;
  }

  details li {
    padding: 9px 10px 9px 30px;
  }

  details table {
    display: block;
    width: calc(100% - 24px);
    margin-left: 12px;
    margin-right: 12px;

    overflow-x: auto;
    white-space: nowrap;
    border-radius: 14px;
  }

  details th,
  details td {
    padding: 9px 10px;
    font-size: 13px;
  }
}
/* =========================================================
   绿茵传说模拟器｜正文 + 状态栏标题修复补丁
   用法：直接追加到原 CSS 最后
   作用：
   1. 强制美化正文区域
   2. 修复状态栏标题黄色看不清
   3. 加强 details summary 可读性
   ========================================================= */


/* ================================
   ① 修复状态栏标题看不清
   ================================ */

/* 状态栏 summary 标题统一改成高对比白字 */
details > summary,
details > summary *,
details > summary strong,
details > summary b,
details > summary span {
  color: #fff9e8 !important;
  -webkit-text-fill-color: #fff9e8 !important;
  text-shadow:
    0 1px 2px rgba(0, 0, 0, 0.75),
    0 0 12px rgba(0, 0, 0, 0.45) !important;
}

/* 标题栏背景加深，不再依赖黄色字 */
details > summary {
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 224, 150, 0.14), transparent 45%),
    linear-gradient(135deg, #06100c 0%, #0d2419 52%, #07100c 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

/* 展开/收起按钮保持深字，防止也被改成白色 */
details > summary::after {
  color: #07100c !important;
  -webkit-text-fill-color: #07100c !important;
  text-shadow: none !important;
  background: linear-gradient(135deg, #fff0b8, #d8b45c) !important;
}

/* summary 左侧图标更清楚 */
details > summary::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.22), rgba(255,255,255,0.06)),
    rgba(216, 180, 92, 0.18) !important;
}


/* ================================
   ② 正文整体接管
   适配常见聊天/酒馆/Markdown 容器
   ================================ */

.mes_text,
.message-content,
.markdown-body,
.prose,
.green-status {
  font-family:
    "PingFang SC",
    "Microsoft YaHei",
    "Noto Sans SC",
    "Source Han Sans SC",
    system-ui,
    sans-serif !important;
  line-height: 1.9 !important;
  color: #17251d !important;
}

/* 正文段落：浅纸面、深色字、连续阅读 */
.mes_text > p,
.message-content > p,
.markdown-body > p,
.prose > p,
.green-status > p {
  margin: 14px 0 !important;
  padding: 0 !important;
  color: #17251d !important;
  -webkit-text-fill-color: #17251d !important;
  font-size: 15.5px !important;
  line-height: 2 !important;
  letter-spacing: 0.015em !important;
  text-align: left !important;
}

/* 如果正文没有被 p 包住，至少让整个消息区域变成可读底色 */
.mes_text,
.message-content,
.markdown-body,
.prose {
  background:
    linear-gradient(180deg, rgba(255, 248, 232, 0.96), rgba(244, 234, 210, 0.97)),
    repeating-linear-gradient(
      0deg,
      transparent 0 31px,
      rgba(23, 37, 29, 0.045) 32px
    ) !important;
  border-radius: 22px !important;
  padding: 18px 18px !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.18),
    inset 0 0 0 1px rgba(23, 37, 29, 0.08) !important;
}

/* 避免 details 状态栏被正文背景二次包坏 */
.mes_text details,
.message-content details,
.markdown-body details,
.prose details,
.green-status details {
  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* ================================
   ③ 正文标题美化
   ================================ */

.mes_text > h1,
.mes_text > h2,
.mes_text > h3,
.mes_text > h4,
.message-content > h1,
.message-content > h2,
.message-content > h3,
.message-content > h4,
.markdown-body > h1,
.markdown-body > h2,
.markdown-body > h3,
.markdown-body > h4,
.prose > h1,
.prose > h2,
.prose > h3,
.prose > h4 {
  color: #0e2a1b !important;
  -webkit-text-fill-color: #0e2a1b !important;
  font-family: "Noto Serif SC", "Songti SC", "SimSun", serif !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  margin: 22px 0 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(90deg, rgba(216, 180, 92, 0.22), rgba(67, 217, 131, 0.08)) !important;
  border-left: 6px solid #d8b45c !important;
}


/* ================================
   ④ 正文对话、强调、分割线
   ================================ */

.mes_text > p strong,
.message-content > p strong,
.markdown-body > p strong,
.prose > p strong,
.green-status > p strong {
  color: #0f3d27 !important;
  -webkit-text-fill-color: #0f3d27 !important;
  font-weight: 900 !important;
}

.mes_text > p em,
.message-content > p em,
.markdown-body > p em,
.prose > p em,
.green-status > p em {
  color: #8e392e !important;
  -webkit-text-fill-color: #8e392e !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

/* 引用/系统结算/新闻插条 */
.mes_text > blockquote,
.message-content > blockquote,
.markdown-body > blockquote,
.prose > blockquote,
.green-status > blockquote {
  margin: 18px 0 !important;
  padding: 14px 16px !important;
  border-left: 6px solid #d8b45c !important;
  border-radius: 0 16px 16px 0 !important;
  background:
    linear-gradient(135deg, rgba(216, 180, 92, 0.2), rgba(67, 217, 131, 0.08)) !important;
  color: #26392e !important;
  -webkit-text-fill-color: #26392e !important;
}

/* 分割线 */
.mes_text > hr,
.message-content > hr,
.markdown-body > hr,
.prose > hr,
.green-status > hr {
  border: 0 !important;
  height: 1px !important;
  margin: 24px 0 !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(23, 37, 29, 0.25),
    rgba(216, 180, 92, 0.7),
    rgba(23, 37, 29, 0.25),
    transparent
  ) !important;
}


/* ================================
   ⑤ 正文外层深色平台兼容
   防止平台强行给文字套浅色/黄色
   ================================ */

.mes_text :not(details):not(summary),
.message-content :not(details):not(summary),
.markdown-body :not(details):not(summary),
.prose :not(details):not(summary),
.green-status :not(details):not(summary) {
  text-shadow: none;
}

/* 只保护 details 里的 summary，不让平台颜色污染标题 */
details summary,
details summary * {
  color: #fff9e8 !important;
  -webkit-text-fill-color: #fff9e8 !important;
}


/* ================================
   ⑥ 状态栏内部文字再增强
   ================================ */

details {
  color: #17251d !important;
}

details p,
details li,
details td {
  color: #25372c !important;
  -webkit-text-fill-color: #25372c !important;
}

details h1,
details h2,
details h3,
details h4 {
  color: #0e2a1b !important;
  -webkit-text-fill-color: #0e2a1b !important;
}

details strong,
details b {
  color: #123e27 !important;
  -webkit-text-fill-color: #123e27 !important;
}

/* 但 summary 里面的 strong/b 仍然保持白色 */
details > summary strong,
details > summary b {
  color: #fff9e8 !important;
  -webkit-text-fill-color: #fff9e8 !important;
}


/* ================================
   ⑦ 手机端正文修正
   ================================ */

@media (max-width: 720px) {
  .mes_text,
  .message-content,
  .markdown-body,
  .prose {
    padding: 14px 13px !important;
    border-radius: 18px !important;
  }

  .mes_text > p,
  .message-content > p,
  .markdown-body > p,
  .prose > p,
  .green-status > p {
    font-size: 14.5px !important;
    line-height: 1.92 !important;
  }

  .mes_text > h1,
  .mes_text > h2,
  .mes_text > h3,
  .mes_text > h4,
  .message-content > h1,
  .message-content > h2,
  .message-content > h3,
  .message-content > h4,
  .markdown-body > h1,
  .markdown-body > h2,
  .markdown-body > h3,
  .markdown-body > h4,
  .prose > h1,
  .prose > h2,
  .prose > h3,
  .prose > h4 {
    font-size: 17px !important;
    padding: 10px 12px !important;
  }

  details > summary,
  details > summary * {
    color: #fff9e8 !important;
    -webkit-text-fill-color: #fff9e8 !important;
  }
}


/* =========================================================
   [当前网站兼容补丁]
   真实正文容器：.rili-markdown-renderer

   本补丁放在整份 CSS 最后，用来解决：
   1. 状态栏有颜色，但正文仍是默认白底/透明底；
   2. 正文对话、新闻、解说、广告和系统提示没有主题色；
   3. 当前网站强制文字颜色覆盖自定义主题。

   推荐格式：
   对话：       > “教练，我还可以继续。”
   解说：       <p class="commentary">现场解说内容</p>
   新闻：       <p class="sports-news">新闻内容</p>
   系统提示：   <p class="system-message">系统内容</p>
   广告：       <span class="advertisement">广告内容</span>
   ========================================================= */

/* ---------- 足球正文消息纸面 ---------- */
.rili-markdown-renderer,
#customized-answer-content,
.message-content,
.ai-response,
.chat-answer-container .markdown-body,
#ai-chat-answer .markdown-body {
  --football-paper: #fffaf0;
  --football-paper-2: #f3ead3;
  --football-ink: #17251d;
  --football-muted: #68756d;
  --football-deep: #092519;
  --football-green: #208a50;
  --football-bright: #42d782;
  --football-gold: #c99e3f;
  --football-red: #b94a40;
  --football-blue: #3279aa;
  --football-line: rgba(23, 37, 29, 0.13);

  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: clamp(18px, 2.5vw, 27px) !important;
  overflow: hidden !important;

  color: var(--football-ink) !important;
  -webkit-text-fill-color: var(--football-ink) !important;

  background: #f8efd8 !important;

  border: 1px solid rgba(34, 116, 72, 0.27) !important;
  border-radius: 19px !important;
  box-shadow:
    0 15px 38px rgba(7, 31, 20, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;

  font-family:
    "PingFang SC",
    "Microsoft YaHei",
    "Noto Sans SC",
    "Source Han Sans SC",
    system-ui,
    sans-serif !important;
  font-size: 15.7px !important;
  line-height: 1.92 !important;
  letter-spacing: 0.012em !important;
  overflow-wrap: anywhere !important;
}

/* 细微内边框装饰：已移除正文中央的球场中线 */
.rili-markdown-renderer::after,
#customized-answer-content::after,
.message-content::after,
.ai-response::after,
.chat-answer-container .markdown-body::after,
#ai-chat-answer .markdown-body::after {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border: 1px solid rgba(32, 138, 80, 0.08) !important;
  border-radius: 13px !important;
  background: transparent !important;
}

/* ---------- 连续正文，不把每段都做成卡片 ---------- */
.rili-markdown-renderer > p,
#customized-answer-content > p,
.message-content > p,
.ai-response > p,
.chat-answer-container .markdown-body > p,
#ai-chat-answer .markdown-body > p {
  margin: 0.95em 0 !important;
  padding: 0 !important;
  color: var(--football-ink) !important;
  -webkit-text-fill-color: var(--football-ink) !important;
  line-height: 1.98 !important;
  text-align: left !important;
  text-shadow: none !important;
  background: transparent !important;
}

/* 人名、队名、关键词 */
.rili-markdown-renderer > p strong,
.rili-markdown-renderer > p b,
#customized-answer-content > p strong,
#customized-answer-content > p b,
.message-content > p strong,
.message-content > p b,
.ai-response > p strong,
.ai-response > p b,
.chat-answer-container .markdown-body > p strong,
#ai-chat-answer .markdown-body > p strong {
  color: #12663b !important;
  -webkit-text-fill-color: #12663b !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

/* 斜体强调：广告、广播、内心独白、屏幕文字 */
.rili-markdown-renderer > p em,
.rili-markdown-renderer > p i,
#customized-answer-content > p em,
#customized-answer-content > p i,
.message-content > p em,
.message-content > p i,
.ai-response > p em,
.ai-response > p i,
.chat-answer-container .markdown-body > p em,
#ai-chat-answer .markdown-body > p em {
  padding: 0.04em 0.2em !important;
  color: #a23f35 !important;
  -webkit-text-fill-color: #a23f35 !important;
  font-style: normal !important;
  font-weight: 750 !important;
  background:
    linear-gradient(
      transparent 59%,
      rgba(216, 180, 92, 0.25) 59%,
      rgba(216, 180, 92, 0.25) 94%,
      transparent 94%
    ) !important;
  border-radius: 3px !important;
  text-shadow: none !important;
}

/* ---------- 对话 ----------
   推荐 Markdown：
   > “教练，我还能继续。”
*/
.rili-markdown-renderer > blockquote,
#customized-answer-content > blockquote,
.message-content > blockquote,
.ai-response > blockquote,
.chat-answer-container .markdown-body > blockquote,
#ai-chat-answer .markdown-body > blockquote,
.rili-markdown-renderer > .dialogue,
#customized-answer-content > .dialogue,
.message-content > .dialogue,
.ai-response > .dialogue {
  position: relative !important;
  margin: 1.05em 0 !important;
  padding: 0.82em 1.05em 0.82em 1.32em !important;

  color: #164f31 !important;
  -webkit-text-fill-color: #164f31 !important;
  background:
    linear-gradient(
      90deg,
      rgba(66, 215, 130, 0.13),
      rgba(255, 250, 240, 0.66)
    ) !important;

  border: 0 !important;
  border-left: 5px solid var(--football-green) !important;
  border-radius: 0 13px 13px 0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(32, 138, 80, 0.06),
    0 5px 15px rgba(7, 45, 26, 0.045) !important;

  font-style: normal !important;
  font-size: 1.01em !important;
  line-height: 1.88 !important;
  text-shadow: none !important;
}

.rili-markdown-renderer > blockquote::before,
#customized-answer-content > blockquote::before,
.message-content > blockquote::before,
.ai-response > blockquote::before,
.chat-answer-container .markdown-body > blockquote::before,
#ai-chat-answer .markdown-body > blockquote::before,
.rili-markdown-renderer > .dialogue::before,
#customized-answer-content > .dialogue::before,
.message-content > .dialogue::before,
.ai-response > .dialogue::before {
  content: "❝" !important;
  position: absolute !important;
  left: 0.34em !important;
  top: 0.2em !important;
  color: rgba(32, 138, 80, 0.34) !important;
  -webkit-text-fill-color: rgba(32, 138, 80, 0.34) !important;
  font-family: Georgia, serif !important;
  font-size: 1.55em !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

/* 行内对话标记 */
.dialogue-text,
.speech-text,
[data-dialogue],
q {
  color: #176b41 !important;
  -webkit-text-fill-color: #176b41 !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}

/* ---------- 现场解说 ---------- */
.commentary,
.match-commentary,
.live-commentary,
[data-message-type="commentary"] {
  display: block !important;
  margin: 0.95em 0 !important;
  padding: 0.75em 0.95em !important;

  color: #174c70 !important;
  -webkit-text-fill-color: #174c70 !important;
  background:
    linear-gradient(90deg, rgba(111, 184, 255, 0.15), rgba(255, 255, 255, 0.5)) !important;
  border: 1px solid rgba(50, 121, 170, 0.14) !important;
  border-left: 4px solid var(--football-blue) !important;
  border-radius: 10px !important;

  font-weight: 700 !important;
  line-height: 1.82 !important;
  text-shadow: none !important;
}

/* ---------- 体育新闻、转会消息 ---------- */
.sports-news,
.transfer-news,
.news-flash,
[data-message-type="news"] {
  display: block !important;
  margin: 0.95em 0 !important;
  padding: 0.78em 0.95em !important;

  color: #664b12 !important;
  -webkit-text-fill-color: #664b12 !important;
  background:
    linear-gradient(90deg, rgba(216, 180, 92, 0.19), rgba(255, 253, 244, 0.58)) !important;
  border: 1px solid rgba(201, 158, 63, 0.18) !important;
  border-left: 4px solid var(--football-gold) !important;
  border-radius: 10px !important;

  font-weight: 700 !important;
  text-shadow: none !important;
}

/* ---------- 系统结算、比赛结果、任务提示 ---------- */
.system-message,
.match-result,
.match-event,
.game-notice,
[data-message-type="system"],
[data-message-type="result"] {
  display: block !important;
  margin: 0.95em 0 !important;
  padding: 0.78em 0.95em !important;

  color: #0f5d37 !important;
  -webkit-text-fill-color: #0f5d37 !important;
  background:
    linear-gradient(90deg, rgba(66, 215, 130, 0.14), rgba(216, 180, 92, 0.09)) !important;
  border: 1px solid rgba(32, 138, 80, 0.16) !important;
  border-left: 4px solid var(--football-bright) !important;
  border-radius: 10px !important;

  font-family:
    "PingFang SC",
    "Microsoft YaHei",
    "Noto Sans SC",
    sans-serif !important;
  font-size: 0.95em !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-shadow: none !important;
}

/* ---------- 广告、赞助商广播 ---------- */
.advertisement,
.sponsor-message,
.ad-text,
[data-message-type="advertisement"] {
  display: inline !important;
  padding: 0.06em 0.28em !important;
  color: #a23f35 !important;
  -webkit-text-fill-color: #a23f35 !important;
  background: rgba(216, 180, 92, 0.17) !important;
  border-radius: 5px !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}

/* 高亮比分或重要信息 */
.rili-markdown-renderer mark,
#customized-answer-content mark,
.message-content mark,
.ai-response mark {
  padding: 0.08em 0.3em !important;
  color: #664800 !important;
  -webkit-text-fill-color: #664800 !important;
  background: rgba(255, 210, 95, 0.38) !important;
  border-radius: 5px !important;
}

/* ---------- 正文标题 ---------- */
.rili-markdown-renderer > h1,
.rili-markdown-renderer > h2,
.rili-markdown-renderer > h3,
.rili-markdown-renderer > h4,
#customized-answer-content > h1,
#customized-answer-content > h2,
#customized-answer-content > h3,
#customized-answer-content > h4,
.message-content > h1,
.message-content > h2,
.message-content > h3,
.message-content > h4,
.ai-response > h1,
.ai-response > h2,
.ai-response > h3,
.ai-response > h4 {
  margin: 1.35em 0 0.72em !important;
  padding: 0.7em 0.85em !important;
  color: #0d472a !important;
  -webkit-text-fill-color: #0d472a !important;
  background:
    linear-gradient(90deg, rgba(66, 215, 130, 0.13), rgba(216, 180, 92, 0.08)) !important;
  border: 1px solid rgba(32, 138, 80, 0.09) !important;
  border-left: 5px solid var(--football-green) !important;
  border-radius: 12px !important;
  font-family:
    "Noto Serif SC",
    "Songti SC",
    "SimSun",
    serif !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-shadow: none !important;
}

/* ---------- 避免正文纸面把状态栏破坏 ---------- */
.rili-markdown-renderer > details,
#customized-answer-content > details,
.message-content > details,
.ai-response > details,
.chat-answer-container .markdown-body > details,
#ai-chat-answer .markdown-body > details {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* details 内继续使用原足球状态栏颜色 */
.rili-markdown-renderer details,
#customized-answer-content details,
.message-content details,
.ai-response details {
  -webkit-text-fill-color: initial;
}

/* 当前网站可能给正文附加透明或白色类，强制保留足球纸面 */
.rili-markdown-renderer.bg-transparent,
.rili-markdown-renderer[class*="bg-"],
#customized-answer-content.bg-transparent,
#customized-answer-content[class*="bg-"] {
  background: #f8efd8 !important;
}

/* ---------- 手机端 ---------- */
@media (max-width: 720px) {
  .rili-markdown-renderer,
  #customized-answer-content,
  .message-content,
  .ai-response,
  .chat-answer-container .markdown-body,
  #ai-chat-answer .markdown-body {
    padding: 14px !important;
    border-radius: 15px !important;
    font-size: 14.7px !important;
    line-height: 1.86 !important;
  }

  .rili-markdown-renderer > blockquote,
  #customized-answer-content > blockquote,
  .message-content > blockquote,
  .ai-response > blockquote,
  .chat-answer-container .markdown-body > blockquote,
  #ai-chat-answer .markdown-body > blockquote,
  .rili-markdown-renderer > .dialogue,
  #customized-answer-content > .dialogue,
  .message-content > .dialogue,
  .ai-response > .dialogue {
    padding: 0.72em 0.82em 0.72em 1.08em !important;
  }
}

/* 正文背景统一为淡黄色：不使用绿色/黄色渐变 */
.rili-markdown-renderer,
#customized-answer-content,
.message-content,
.ai-response,
.chat-answer-container .markdown-body,
#ai-chat-answer .markdown-body,
.rili-markdown-renderer.bg-transparent,
.rili-markdown-renderer[class*="bg-"],
#customized-answer-content.bg-transparent,
#customized-answer-content[class*="bg-"] {
  background: #f8efd8 !important;
}