css
/* ============================================ */
/* 📰 RSE-2025 · The Daily Chronicle 全界面美化  */
/* 风格：19世纪末做旧报纸 · 烫金华丽版          */
/* 版本：v2.1  广谱选择器修复版                 */
/* ============================================ */

@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&family=Cinzel:wght@500;700;900&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Ma+Shan+Zheng&family=ZCOOL+QingKe+HuangYou&family=Noto+Serif+SC:wght@400;700;900&display=swap');

/* ============================================ */
/* 1. 思维链彻底隐藏                            */
/* ============================================ */
think {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -99999px !important;
}

/* ============================================ */
/* 2. 用户输入气泡 —— 烫金信笺                  */
/* ============================================ */
[class*="user"][class*="essage"],
[class*="user"][class*="ubble"],
[class*="User"][class*="essage"],
[class*="User"][class*="ubble"],
[class*="userMsg"],
[class*="user-msg"],
[class*="my-message"],
[class*="self-message"],
[class*="sent-message"],
[class*="outgoing"],
[class*="right"][class*="essage"],
[class*="right"][class*="ubble"],
[class*="mine"],
[class*="self"][class*="hat"],
.user-message,
.chat-user,
.message-user,
div[class*="user"] > div[class*="ontent"],
div[class*="user"] > div[class*="ext"] {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(180, 140, 80, 0.04) 0px,
      rgba(180, 140, 80, 0.04) 1px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(135deg, #f5e8c8 0%, #ecd9a8 50%, #d9bf85 100%) !important;
  border: 2px solid #8b6914 !important;
  border-radius: 4px 4px 0 4px !important;
  box-shadow:
    0 4px 14px rgba(60, 40, 10, 0.35),
    inset 0 1px 2px rgba(255, 248, 220, 0.7),
    inset 0 -2px 4px rgba(139, 105, 20, 0.15),
    0 0 0 1px rgba(139, 105, 20, 0.2) !important;
  color: #3a2810 !important;
  font-family: 'Old Standard TT', 'Noto Serif SC', '宋体', serif !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  position: relative !important;
  padding: 14px 18px !important;
}

/* 用户气泡右上角邮戳 */
[class*="user"][class*="essage"]::before,
[class*="user"][class*="ubble"]::before,
[class*="User"][class*="essage"]::before,
[class*="userMsg"]::before,
[class*="my-message"]::before {
  content: '✉';
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background: radial-gradient(circle, #8b1a1a 0%, #5a0f0f 100%);
  color: #f5e8c8;
  border-radius: 50%;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #f5e8c8;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  transform: rotate(-12deg);
  z-index: 2;
}

/* ============================================ */
/* 3. AI回复气泡 —— 报纸专栏底纸（强化广谱版）  */
/* ============================================ */
[class*="ai"][class*="essage"]:not([class*="user"]),
[class*="ai"][class*="ubble"]:not([class*="user"]),
[class*="AI"][class*="essage"]:not([class*="user"]),
[class*="AI"][class*="ubble"]:not([class*="user"]),
[class*="assistant"],
[class*="Assistant"],
[class*="bot-message"],
[class*="botMessage"],
[class*="bot-bubble"],
[class*="botBubble"],
[class*="char-message"],
[class*="charMessage"],
[class*="character-message"],
[class*="reply-message"],
[class*="replyMessage"],
[class*="received-message"],
[class*="received"]:not([class*="user"]),
[class*="incoming"],
[class*="left"][class*="essage"],
[class*="left"][class*="ubble"],
[class*="other"][class*="essage"],
[class*="model-message"],
[class*="modelMessage"],
[class*="response-message"],
[class*="responseMessage"],
.ai-message,
.chat-ai,
.message-ai,
.ai-bubble,
.bot-message,
.assistant-message,
div[class*="assistant"] > div,
div[class*="ai-"] > div[class*="ontent"],
div[class*="msg-item"]:not([class*="user"]):not([class*="self"]),
div[class*="message-item"]:not([class*="user"]):not([class*="self"]) {
  background:
    radial-gradient(ellipse at 20% 10%, rgba(139, 105, 20, 0.08), transparent 50%),
    radial-gradient(ellipse at 80% 90%, rgba(120, 60, 20, 0.10), transparent 50%),
    repeating-linear-gradient(
      0deg,
      rgba(120, 80, 40, 0.025) 0px,
      rgba(120, 80, 40, 0.025) 1px,
      transparent 1px,
      transparent 5px
    ),
    linear-gradient(170deg, #f9efd5 0%, #f0e2bc 40%, #e8d5a0 100%) !important;
  border: 2px solid #6b4a14 !important;
  border-radius: 4px 4px 4px 0 !important;
  box-shadow:
    0 6px 24px rgba(60, 40, 10, 0.4),
    inset 0 1px 0 rgba(255, 248, 220, 0.6),
    inset 0 -3px 8px rgba(139, 105, 20, 0.12),
    0 0 0 1px rgba(60, 40, 10, 0.2) !important;
  color: #2a1a08 !important;
  font-family: 'Old Standard TT', 'Noto Serif SC', '宋体', serif !important;
  padding: 16px 20px !important;
  position: relative !important;
}

/* AI气泡左上角报头小标 */
[class*="ai"][class*="essage"]:not([class*="user"])::before,
[class*="AI"][class*="essage"]:not([class*="user"])::before,
[class*="assistant"]::before,
[class*="bot-message"]::before,
[class*="botMessage"]::before,
[class*="char-message"]::before,
[class*="reply-message"]::before,
[class*="model-message"]::before,
[class*="response-message"]::before,
[class*="incoming"]::before {
  content: '☙ DISPATCH ❧';
  position: absolute;
  top: -10px;
  left: 14px;
  background: linear-gradient(180deg, #8b1a1a 0%, #5a0f0f 100%);
  color: #f5e8c8;
  font-family: 'Cinzel', serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 3px 10px;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  z-index: 2;
}

/* ============================================ */
/* 4. AI生成中加载气泡 —— 印刷机运转中（强化版）*/
/* ============================================ */
[class*="loading"],
[class*="Loading"],
[class*="typing"],
[class*="Typing"],
[class*="generating"],
[class*="Generating"],
[class*="pending"],
[class*="Pending"],
[class*="thinking"],
[class*="Thinking"],
[class*="streaming"],
[class*="Streaming"],
[class*="skeleton"],
[class*="Skeleton"],
[class*="placeholder-message"],
[class*="placeholderMessage"],
[class*="waiting-message"],
[class*="waitingMessage"],
[class*="dot-loading"],
[class*="dotLoading"],
[class*="loader"],
[class*="Loader"],
[class*="spinner"],
[class*="Spinner"],
[class*="indicator"],
[class*="Indicator"],
[class*="progress-message"],
[class*="wave-loading"],
[class*="three-dots"],
[class*="threeDots"],
[class*="anim-dot"],
.loading-bubble,
.typing-indicator,
.generating-indicator,
div[class*="msg"][class*="loading"],
div[class*="message"][class*="loading"],
div[class*="message"][class*="pending"] {
  background:
    repeating-linear-gradient(
      45deg,
      rgba(139, 105, 20, 0.08) 0px,
      rgba(139, 105, 20, 0.08) 8px,
      rgba(245, 232, 200, 0.5) 8px,
      rgba(245, 232, 200, 0.5) 16px
    ),
    linear-gradient(170deg, #f9efd5 0%, #e8d5a0 100%) !important;
  border: 2px dashed #8b6914 !important;
  border-radius: 4px !important;
  padding: 14px 24px !important;
  color: #5a3a14 !important;
  font-family: 'Old Standard TT', serif !important;
  font-style: italic !important;
  position: relative !important;
  animation: pressRoll 1.6s ease-in-out infinite !important;
}

@keyframes pressRoll {
  0%, 100% {
    transform: translateY(0);
    box-shadow: 0 4px 12px rgba(139, 105, 20, 0.3);
  }
  50% {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(139, 105, 20, 0.5);
  }
}

[class*="loading"]::after,
[class*="Loading"]::after,
[class*="typing"]::after,
[class*="Typing"]::after,
[class*="generating"]::after,
[class*="Generating"]::after,
[class*="streaming"]::after,
[class*="Streaming"]::after,
[class*="pending"]::after,
[class*="thinking"]::after,
[class*="loader"]::after,
[class*="spinner"]::after,
[class*="indicator"]::after,
[class*="three-dots"]::after,
[class*="threeDots"]::after,
[class*="dot-loading"]::after,
[class*="wave-loading"]::after {
  content: '⚙ Press is rolling...';
  display: inline-block;
  margin-left: 8px;
  color: #8b1a1a;
  font-family: 'Cinzel', serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  animation: inkBlink 1.4s ease-in-out infinite;
}

@keyframes inkBlink {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}

/* ============================================ */
/* 5. 聊天输入框 —— 烫金笺纸                    */
/* ============================================ */
textarea,
input[type="text"],
input:not([type]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]),
[contenteditable="true"],
[contenteditable=""],
[class*="input"] textarea,
[class*="Input"] textarea,
[class*="editor"] textarea,
[class*="composer"] textarea,
[class*="chat-input"] textarea,
[class*="message-input"] textarea,
div[class*="input"][contenteditable] {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(139, 105, 20, 0.04) 0px,
      rgba(139, 105, 20, 0.04) 1px,
      transparent 1px,
      transparent 22px
    ),
    linear-gradient(180deg, #faf2dc 0%, #f0e2bc 100%) !important;
  border: 2px solid #8b6914 !important;
  border-radius: 4px !important;
  color: #2a1a08 !important;
  font-family: 'Old Standard TT', 'Noto Serif SC', '宋体', serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  box-shadow:
    inset 0 2px 6px rgba(60, 40, 10, 0.2),
    0 0 0 1px rgba(139, 105, 20, 0.3),
    0 2px 8px rgba(60, 40, 10, 0.15) !important;
  padding: 12px 16px !important;
  caret-color: #8b1a1a !important;
}

textarea:focus,
input[type="text"]:focus,
input:not([type]):focus,
[contenteditable="true"]:focus,
[contenteditable=""]:focus,
div[class*="input"][contenteditable]:focus {
  border-color: #d4a82a !important;
  box-shadow:
    inset 0 2px 6px rgba(60, 40, 10, 0.2),
    0 0 0 3px rgba(212, 168, 42, 0.4),
    0 4px 14px rgba(139, 105, 20, 0.3) !important;
  outline: none !important;
}

textarea::placeholder,
input::placeholder {
  color: rgba(60, 40, 10, 0.45) !important;
  font-family: 'Old Standard TT', serif !important;
  font-style: italic !important;
}

/* 输入框外壳 */
[class*="input-container"],
[class*="inputContainer"],
[class*="input-wrapper"],
[class*="composer"],
[class*="chat-input-area"],
[class*="footer-input"],
[class*="input-box"] {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(60, 40, 10, 0.06) 0px,
      rgba(60, 40, 10, 0.06) 1px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(180deg, #2a1a08 0%, #1a0f04 100%) !important;
  border-top: 3px double #8b6914 !important;
  backdrop-filter: blur(6px) !important;
  padding: 8px !important;
}

/* ============================================ */
/* 6. 全局加粗文字 —— 烫金标题感（终极广谱版）  */
/* ============================================ */
html body strong,
html body b,
html strong,
html b,
strong,
b,
[class*="essage"] strong,
[class*="essage"] b,
[class*="ubble"] strong,
[class*="ubble"] b,
[class*="ontent"] strong,
[class*="ontent"] b,
[class*="text"] strong,
[class*="text"] b,
div strong,
div b,
p strong,
p b,
span strong,
span b,
li strong,
li b,
td strong,
td b {
  color: #8b1a1a !important;
  font-weight: 900 !important;
  letter-spacing: 0.5px !important;
  text-shadow:
    0 1px 0 rgba(255, 248, 220, 0.6),
    0 0 4px rgba(139, 26, 26, 0.2) !important;
  font-family: 'Cinzel', 'Playfair Display', 'Noto Serif SC', serif !important;
  background: linear-gradient(180deg, transparent 60%, rgba(212, 168, 42, 0.25) 60%, rgba(212, 168, 42, 0.25) 90%, transparent 90%) !important;
  padding: 0 2px !important;
  border-radius: 2px !important;
}

/* 用户气泡内的加粗（深红色，浅底色专用） */
[class*="user"][class*="essage"] strong,
[class*="user"][class*="ubble"] strong,
[class*="userMsg"] strong,
[class*="my-message"] strong,
[class*="user"][class*="essage"] b,
[class*="user"][class*="ubble"] b,
[class*="userMsg"] b,
[class*="my-message"] b,
[class*="self-message"] strong,
[class*="self-message"] b,
[class*="outgoing"] strong,
[class*="outgoing"] b {
  color: #5a0f0f !important;
  background: linear-gradient(180deg, transparent 60%, rgba(212, 168, 42, 0.4) 60%, rgba(212, 168, 42, 0.4) 90%, transparent 90%) !important;
}

/* ============================================ */
/* 7. 顶部状态栏 + 后置状态栏 details 容器       */
/* ============================================ */
details {
  margin: 16px 0 !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  position: relative !important;
  background:
    radial-gradient(ellipse at 15% 10%, rgba(139, 80, 20, 0.08), transparent 50%),
    radial-gradient(ellipse at 85% 90%, rgba(80, 50, 20, 0.10), transparent 50%),
    repeating-linear-gradient(
      0deg,
      rgba(120, 80, 40, 0.025) 0px,
      rgba(120, 80, 40, 0.025) 1px,
      transparent 1px,
      transparent 6px
    ),
    linear-gradient(170deg, #f5e8c8 0%, #ecd9a8 50%, #d9bf85 100%) !important;
  border: 1px solid #6b4a14 !important;
  box-shadow:
    0 6px 22px rgba(60, 40, 10, 0.45),
    inset 0 1px 0 rgba(255, 248, 220, 0.7),
    inset 0 -3px 10px rgba(139, 105, 20, 0.18),
    0 0 0 3px rgba(245, 232, 200, 0.4),
    0 0 0 4px rgba(60, 40, 10, 0.6) !important;
}

/* 报纸折角（右上） */
details::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 24px 24px 0;
  border-color: transparent #c9a55a transparent transparent;
  filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.3));
  z-index: 3;
  pointer-events: none;
}

/* 油墨晕染装饰 */
details::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 12px;
  width: 60px;
  height: 60px;
  background:
    radial-gradient(circle, rgba(60, 40, 10, 0.1) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}

/* summary 标题 —— 报纸头条 */
summary {
  cursor: pointer !important;
  padding: 14px 22px !important;
  font-family: 'Cinzel', 'Playfair Display', 'Noto Serif SC', serif !important;
  font-weight: 900 !important;
  font-size: 17px !important;
  color: #f5e8c8 !important;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.04) 0px,
      rgba(255, 255, 255, 0.04) 1px,
      transparent 1px,
      transparent 3px
    ),
    linear-gradient(180deg, #2a1a08 0%, #1a0f04 50%, #2a1a08 100%) !important;
  border-bottom: 4px double #c9a55a !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  text-shadow:
    0 1px 0 rgba(0, 0, 0, 0.8),
    0 0 14px rgba(245, 232, 200, 0.4),
    0 0 4px rgba(201, 165, 90, 0.6) !important;
  position: relative !important;
  list-style: none !important;
  transition: all 0.3s ease !important;
}

summary::-webkit-details-marker { display: none !important; }

summary::before {
  content: '❦';
  display: inline-block;
  margin-right: 12px;
  color: #d4a82a;
  font-size: 16px;
  transform: rotate(0deg);
  transition: transform 0.4s ease;
  text-shadow: 0 0 10px rgba(212, 168, 42, 0.8);
}

details[open] summary::before {
  transform: rotate(180deg);
  color: #ffd966;
}

summary:hover {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.05) 0px,
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px,
      transparent 3px
    ),
    linear-gradient(180deg, #3a2410 0%, #2a1a08 50%, #3a2410 100%) !important;
  color: #ffd966 !important;
  letter-spacing: 4px !important;
}

/* details 内部内容 */
details > *:not(summary) {
  padding: 0 22px !important;
  position: relative !important;
  z-index: 2 !important;
}

details > p,
details > ul,
details > ol,
details > hr,
details > table,
details > div {
  margin: 12px 22px !important;
  color: #2a1a08 !important;
  font-family: 'Old Standard TT', 'Noto Serif SC', '宋体', serif !important;
  line-height: 1.85 !important;
  font-size: 15px !important;
}

/* ============================================ */
/* 8. details 内部分隔线（报头花纹）            */
/* ============================================ */
details hr {
  border: none !important;
  height: 22px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 22'><line x1='0' y1='11' x2='80' y2='11' stroke='%236b4a14' stroke-width='1'/><line x1='120' y1='11' x2='200' y2='11' stroke='%236b4a14' stroke-width='1'/><text x='100' y='17' text-anchor='middle' font-size='16' fill='%238b1a1a' font-family='serif'>❦</text></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  margin: 14px 22px !important;
}

/* ============================================ */
/* 9. details 列表样式                          */
/* ============================================ */
details ul {
  list-style: none !important;
  padding-left: 8px !important;
}

details ul li {
  position: relative !important;
  padding-left: 24px !important;
  margin: 8px 0 !important;
}

details ul li::before {
  content: '❧';
  position: absolute;
  left: 0;
  color: #8b1a1a;
  font-size: 14px;
  top: 1px;
  text-shadow: 0 0 4px rgba(139, 26, 26, 0.3);
}

details ol {
  padding-left: 28px !important;
}

details ol li {
  margin: 8px 0 !important;
  padding-left: 6px !important;
}

details ol li::marker {
  color: #8b1a1a;
  font-weight: 700;
  font-family: 'Cinzel', serif;
}

/* ============================================ */
/* 10. 表格美化 —— 报纸数据栏                   */
/* ============================================ */
details table {
  width: calc(100% - 44px) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 14px 22px !important;
  background: linear-gradient(180deg, rgba(245, 232, 200, 0.5) 0%, rgba(217, 191, 133, 0.2) 100%) !important;
  border: 2px solid #6b4a14 !important;
  box-shadow:
    inset 0 0 0 1px rgba(139, 105, 20, 0.3),
    0 4px 12px rgba(60, 40, 10, 0.3) !important;
  font-size: 13px !important;
  font-family: 'Old Standard TT', 'Noto Serif SC', serif !important;
}

details table thead {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,0.05) 0px,
      rgba(255,255,255,0.05) 1px,
      transparent 1px,
      transparent 3px
    ),
    linear-gradient(180deg, #2a1a08 0%, #1a0f04 100%) !important;
}

details table th {
  padding: 10px 12px !important;
  color: #f5e8c8 !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 900 !important;
  text-align: left !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border-bottom: 3px double #c9a55a !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.6) !important;
  font-size: 12px !important;
}

details table td {
  padding: 9px 12px !important;
  color: #2a1a08 !important;
  border-bottom: 1px dashed rgba(107, 74, 20, 0.4) !important;
}

details table tbody tr:nth-child(even) td {
  background: rgba(139, 105, 20, 0.05) !important;
}

details table tbody tr:hover td {
  background: rgba(212, 168, 42, 0.18) !important;
}

details table tbody tr:last-child td {
  border-bottom: none !important;
}

/* ============================================ */
/* 11. 顶部"当前情况"特殊样式                   */
/* ============================================ */
details[open]:first-of-type {
  background:
    radial-gradient(circle at 50% 0%, rgba(212, 168, 42, 0.18), transparent 60%),
    repeating-linear-gradient(
      0deg,
      rgba(120, 80, 40, 0.025) 0px,
      rgba(120, 80, 40, 0.025) 1px,
      transparent 1px,
      transparent 6px
    ),
    linear-gradient(170deg, #f9efd5 0%, #ecd9a8 100%) !important;
  border-color: #c9a55a !important;
  box-shadow:
    0 8px 30px rgba(60, 40, 10, 0.5),
    inset 0 1px 0 rgba(255, 248, 220, 0.8),
    0 0 0 3px rgba(245, 232, 200, 0.5),
    0 0 0 4px rgba(60, 40, 10, 0.7),
    0 0 24px rgba(212, 168, 42, 0.2) !important;
}

/* ============================================ */
/* 12. 正文 <text> —— 报纸头版头条              */
/* ============================================ */
text {
  display: block !important;
  margin: 28px 0 !important;
  padding: 36px 36px 44px 36px !important;
  background:
    radial-gradient(ellipse at 12% 8%, rgba(139, 80, 20, 0.10), transparent 45%),
    radial-gradient(ellipse at 88% 92%, rgba(80, 50, 20, 0.12), transparent 45%),
    radial-gradient(ellipse at 95% 15%, rgba(60, 40, 10, 0.06), transparent 30%),
    radial-gradient(ellipse at 5% 85%, rgba(60, 40, 10, 0.06), transparent 30%),
    repeating-linear-gradient(
      0deg,
      rgba(120, 80, 40, 0.03) 0px,
      rgba(120, 80, 40, 0.03) 1px,
      transparent 1px,
      transparent 5px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(120, 80, 40, 0.02) 0px,
      rgba(120, 80, 40, 0.02) 1px,
      transparent 1px,
      transparent 5px
    ),
    linear-gradient(170deg, #faf2dc 0%, #f0e2bc 40%, #e8d5a0 100%) !important;
  border: 2px solid #2a1a08 !important;
  border-radius: 2px !important;
  color: #1a0f04 !important;
  font-family: 'Old Standard TT', 'Noto Serif SC', '宋体', serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 2.05 !important;
  letter-spacing: 0.4px !important;
  text-indent: 2em !important;
  text-align: justify !important;
  position: relative !important;
  box-shadow:
    0 12px 40px rgba(60, 40, 10, 0.5),
    inset 0 0 80px rgba(139, 105, 20, 0.18),
    inset 0 0 0 1px rgba(60, 40, 10, 0.4),
    0 0 0 4px rgba(245, 232, 200, 0.6),
    0 0 0 5px rgba(60, 40, 10, 0.7) !important;
  text-shadow: 0 1px 0 rgba(255, 248, 220, 0.5) !important;
}

/* 正文顶部报头 —— THE DAILY CHRONICLE */
text::before {
  content: '☙ THE DAILY CHRONICLE ❧';
  position: absolute;
  top: -22px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #8b1a1a 0%, #5a0f0f 100%);
  color: #f5e8c8;
  font-family: 'Cinzel', 'UnifrakturMaguntia', serif !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 4px;
  padding: 6px 22px;
  border: 2px solid #c9a55a;
  border-radius: 2px;
  box-shadow:
    0 4px 12px rgba(60, 40, 10, 0.5),
    inset 0 1px 0 rgba(255, 248, 220, 0.3);
  text-indent: 0;
  white-space: nowrap;
  z-index: 3;
}

/* 正文底部出版日期 */
text::after {
  content: '— PRESS RUN · NO. MMXXV —';
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, #c9a55a 0%, #8b6914 100%);
  color: #1a0f04;
  font-family: 'Cinzel', serif !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 3px;
  padding: 4px 18px;
  border: 1px solid #2a1a08;
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(60, 40, 10, 0.5);
  text-indent: 0;
  white-space: nowrap;
}

/* 正文段落 */
text p {
  margin: 14px 0 !important;
  text-indent: 2em !important;
}

/* 首段首字下沉 */
text p:first-of-type::first-letter,
text > *:first-child::first-letter {
  font-size: 4em;
  font-weight: 900;
  float: left;
  line-height: 0.85;
  margin: 8px 10px 0 0;
  color: #8b1a1a;
  font-family: 'UnifrakturMaguntia', 'Cinzel', 'Ma Shan Zheng', serif;
  text-shadow:
    2px 2px 0 rgba(60, 40, 10, 0.3),
    0 0 12px rgba(139, 26, 26, 0.4);
  padding: 4px 6px;
  background: radial-gradient(circle, rgba(212, 168, 42, 0.15), transparent 70%);
}

/* 正文加粗 —— 最高优先级 */
text strong,
text b,
html body text strong,
html body text b {
  color: #8b1a1a !important;
  font-weight: 900 !important;
  font-family: 'Cinzel', 'Playfair Display', 'Noto Serif SC', serif !important;
  text-shadow: 0 1px 0 rgba(255, 248, 220, 0.6) !important;
  letter-spacing: 0.8px !important;
  padding: 0 3px !important;
  border-bottom: 1px dotted rgba(139, 26, 26, 0.4) !important;
  background: linear-gradient(180deg, transparent 60%, rgba(212, 168, 42, 0.3) 60%, rgba(212, 168, 42, 0.3) 92%, transparent 92%) !important;
}

/* 正文斜体 */
text em,
text i {
  color: #4a3a1a !important;
  font-style: italic !important;
  font-family: 'Playfair Display', 'Old Standard TT', serif !important;
}

/* 正文引号 */
text q,
text blockquote {
  font-family: 'Playfair Display', 'Noto Serif SC', serif !important;
  font-style: italic !important;
  color: #5a0f0f !important;
  border-left: 3px double #8b1a1a !important;
  padding-left: 12px !important;
  margin: 14px 0 !important;
}

/* ============================================ */
/* 13. 代码块                                   */
/* ============================================ */
details pre,
details code {
  background: linear-gradient(180deg, #1a0f04 0%, #2a1a08 100%) !important;
  border: 1px solid #c9a55a !important;
  border-radius: 2px !important;
  color: #f5e8c8 !important;
  font-family: 'Courier New', monospace !important;
  padding: 10px 14px !important;
}

/* ============================================ */
/* 14. 滚动条美化                               */
/* ============================================ */
::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}

::-webkit-scrollbar-track {
  background: linear-gradient(180deg, #2a1a08 0%, #1a0f04 100%) !important;
  border-left: 1px solid #6b4a14 !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #c9a55a 0%, #8b6914 100%) !important;
  border-radius: 2px !important;
  border: 2px solid #2a1a08 !important;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #ffd966 0%, #c9a55a 100%) !important;
}

/* ============================================ */
/* 15. 选中文本                                 */
/* ============================================ */
text::selection {
  background: rgba(139, 26, 26, 0.35) !important;
  color: #1a0f04 !important;
}

details ::selection {
  background: rgba(212, 168, 42, 0.5) !important;
  color: #1a0f04 !important;
}

textarea::selection,
input::selection {
  background: rgba(139, 26, 26, 0.3) !important;
  color: #1a0f04 !important;
}

/* ============================================ */
/* 16. 移动端响应式                             */
/* ============================================ */
@media (max-width: 768px) {
  summary {
    font-size: 14px !important;
    padding: 11px 16px !important;
    letter-spacing: 2px !important;
  }
  details > *:not(summary) {
    padding: 0 14px !important;
  }
  details > p,
  details > ul,
  details > ol,
  details > table {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  details table {
    font-size: 11px !important;
    width: calc(100% - 28px) !important;
    margin: 12px 14px !important;
  }
  details table th,
  details table td {
    padding: 6px 8px !important;
  }
  text {
    padding: 26px 18px 32px 18px !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    letter-spacing: 0.2px !important;
  }
  text::before {
    font-size: 10px !important;
    padding: 4px 14px !important;
    letter-spacing: 2.5px !important;
  }
  text::after {
    font-size: 9px !important;
    padding: 3px 12px !important;
    letter-spacing: 2px !important;
  }
  text p:first-of-type::first-letter {
    font-size: 3em !important;
  }
}