/* ========================================
   ✦ 叶孤月 · 青梅月光 · 主题CSS ✦
   风格：清透 · 初恋 · 白月光 · 韩式精致
   适配：手机端 + 电脑端 + 日光/夜览模式
   故事：User的青梅竹马，前SM王牌练习生
======================================== */

/* 导入字体 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Sans+SC:wght@300;400;500;700&family=Quicksand:wght@400;500;600&display=swap');

:root {
  /* 叶孤月主题色 · 月光白/极淡紫/透青 */
  --ygy-moon-white: #FDFCFB;
  --ygy-porcelain: #F5F2EF;
  --ygy-vein-blue: #D8E2E8;
  --ygy-deep-brown: #5C4A3A;
  --ygy-rose-pink: #F0D5D8;
  --ygy-petal-purple: #E8DFEB;
  --ygy-accent-purple: #B8A5C5;
  --ygy-shadow-cool: #C5C5D0;
  --ygy-text-dark: #3A3036;
  --ygy-glass: rgba(253, 252, 251, 0.82);

  /* 边框渐变 · 韩式柔和渐变 */
  --ygy-border-glow: linear-gradient(135deg,
    var(--ygy-vein-blue) 0%,
    var(--ygy-petal-purple) 30%,
    var(--ygy-rose-pink) 60%,
    var(--ygy-vein-blue) 100%);
}

/* === 全局基础 === */
body, .chat-container, .status-content, .message-bubble {
  font-family: 'Noto Sans KR', 'Noto Sans SC', 'Quicksand', sans-serif !important;
}

body {
  position: relative;
  min-height: 100vh;
  background: #FBF9F8;
}

/* === 背景装饰 · 碎光与玻璃珠 === */

/* 左上角 · 晨曦柔光 */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 260px;
  height: 260px;
  background:
    radial-gradient(circle at 25% 25%, rgba(232, 223, 235, 0.4) 0%, transparent 60%),
    radial-gradient(circle at 35% 30%, rgba(240, 213, 216, 0.25) 0%, transparent 50%),
    repeating-linear-gradient(135deg, transparent 0px, transparent 18px, rgba(216, 226, 232, 0.06) 18px, rgba(216, 226, 232, 0.06) 20px);
  border-radius: 0 0 70% 0;
  pointer-events: none;
  z-index: 0;
}

/* 右下角 · 玻璃珠链 */
body::after {
  content: "🫧";
  position: fixed;
  bottom: 15px;
  right: 15px;
  font-size: 42px;
  opacity: 0.18;
  transform: rotate(8deg);
  filter: drop-shadow(0 0 8px #D8E2E8);
  pointer-events: none;
  z-index: 0;
}

/* 右上角 · 细碎星光 */
.chat-container {
  position: relative;
}
.chat-container::before {
  content: "✦ ✦ ✦";
  position: absolute;
  top: -5px;
  right: 25px;
  font-size: 22px;
  opacity: 0.13;
  letter-spacing: 14px;
  color: var(--ygy-accent-purple);
  pointer-events: none;
  z-index: 1;
}

/* 左下角 · 练习室地板碎片纹理 */
#chat-content {
  position: relative;
}
#chat-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 110px;
  height: 110px;
  background:
    repeating-linear-gradient(45deg, transparent 0px, rgba(184, 165, 197, 0.08) 2px, transparent 4px),
    radial-gradient(circle at 20% 85%, var(--ygy-rose-pink) 2px, transparent 3px),
    radial-gradient(circle at 40% 75%, var(--ygy-vein-blue) 2px, transparent 3px),
    radial-gradient(circle at 65% 90%, var(--ygy-accent-purple) 1px, transparent 2px);
  opacity: 0.2;
  pointer-events: none;
  z-index: 0;
}

.chat-main-container {
  position: relative !important;
}
.chat-main-container::after {
  content: "";
  position: fixed;
  bottom: 0;
  right: 0;
  width: 160px;
  height: 160px;
  background: radial-gradient(circle at 80% 85%, rgba(232, 223, 235, 0.12) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* ========================================
   主容器 · 青梅竹马的玻璃记忆盒
======================================== */
.status-content {
  position: relative !important;
  background: linear-gradient(170deg,
    rgba(253, 252, 251, 0.88) 0%,
    rgba(245, 242, 239, 0.93) 50%,
    rgba(253, 252, 251, 0.88) 100%) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;

  border: 2px solid transparent !important;
  border-image: var(--ygy-border-glow) !important;
  border-image-slice: 1 !important;
  border-radius: 32px 14px 32px 14px !important;

  box-shadow:
    0 0 0 1px rgba(232, 223, 235, 0.4),
    0 0 0 5px rgba(216, 226, 232, 0.15),
    0 10px 30px rgba(58, 48, 54, 0.1),
    inset 0 0 55px rgba(232, 223, 235, 0.18) !important;

  padding: 22px 26px !important;
  margin: 18px 10px !important;
  color: var(--ygy-text-dark) !important;
}

/* 内层柔光纹理 */
.status-content::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image:
    repeating-linear-gradient(45deg, rgba(232, 223, 235, 0.04) 0px, rgba(232, 223, 235, 0.04) 2px, transparent 2px, transparent 12px),
    radial-gradient(circle at 15% 30%, rgba(240, 213, 216, 0.15) 0%, transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(216, 226, 232, 0.1) 0%, transparent 45%);
  pointer-events: none;
  border-radius: inherit;
  z-index: 0;
}

/* 角落 · 小瓶装饰 */
.status-content::after {
  content: "🫧";
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 40px;
  opacity: 0.12;
  transform: rotate(20deg);
  filter: drop-shadow(0 0 6px var(--ygy-accent-purple));
  pointer-events: none;
  z-index: 1;
}

.status-content > * {
  position: relative;
  z-index: 2;
}

.status-content p:not([class]),
.status-content li:not([class]),
.status-content span:not([class*="text-"]) {
  color: var(--ygy-text-dark) !important;
}

/* ========================================
   对话气泡 · AI侧 · 月光信笺
======================================== */
.group .bg-gray-100\/90 {
  background: linear-gradient(150deg, #F7F4F2 0%, #F0EBE8 50%, #F4F1EE 100%) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(145deg,
    var(--ygy-vein-blue) 0%,
    var(--ygy-petal-purple) 30%,
    var(--ygy-rose-pink) 70%,
    var(--ygy-vein-blue) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 26px 10px 26px 10px !important;
  box-shadow:
    0 4px 0 0 rgba(184, 165, 197, 0.2),
    0 8px 22px rgba(58, 48, 54, 0.08),
    inset 0 0 32px rgba(232, 223, 235, 0.18),
    inset 0 1px 0 0 rgba(255, 255, 255, 0.7) !important;
  color: var(--ygy-text-dark) !important;
  padding: 16px 18px !important;
  margin: 8px 4px !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  transition: all 0.25s ease !important;
}

/* 左上角 · 玻璃珠 */
.group .bg-gray-100\/90::before {
  content: "🫧" !important;
  position: absolute !important;
  left: -18px !important;
  top: -18px !important;
  font-size: 85px !important;
  line-height: 1 !important;
  opacity: 0.1 !important;
  transform: rotate(-12deg) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  filter: drop-shadow(0 0 10px var(--ygy-accent-purple)) !important;
}

/* 右上角 · 蝴蝶 */
.group .bg-gray-100\/90::after {
  content: "🦋" !important;
  position: absolute !important;
  right: -22px !important;
  top: -22px !important;
  font-size: 95px !important;
  line-height: 1 !important;
  opacity: 0.09 !important;
  transform: rotate(18deg) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  filter: drop-shadow(0 0 8px var(--ygy-rose-pink)) !important;
}

.group .bg-gray-100\/90 > * {
  position: relative !important;
  z-index: 2 !important;
}

.group .bg-gray-100\/90:hover {
  box-shadow:
    0 4px 0 0 rgba(184, 165, 197, 0.25),
    0 12px 28px rgba(58, 48, 54, 0.1),
    inset 0 0 45px rgba(232, 223, 235, 0.25),
    inset 0 1px 0 0 rgba(255,255,255,0.8),
    0 0 25px rgba(184, 165, 197, 0.2) !important;
  transform: translateY(-2px);
}

.group .bg-gray-100\/90:hover::before {
  opacity: 0.14 !important;
  transform: rotate(-8deg) scale(1.05) !important;
}
.group .bg-gray-100\/90:hover::after {
  opacity: 0.12 !important;
  transform: rotate(22deg) scale(1.05) !important;
}

/* 用户气泡 */
.group .bg-blue-500 {
  background: linear-gradient(150deg, #FEF5F7 0%, #FBE8EC 100%) !important;
  border: 1.5px solid var(--ygy-rose-pink) !important;
  border-radius: 10px 26px 10px 26px !important;
  box-shadow: 0 3px 0 0 rgba(240, 213, 216, 0.3), 0 6px 16px rgba(58,48,54,0.06) !important;
  color: var(--ygy-text-dark) !important;
}

/* ========================================
   按钮 · 化妆刷与珍珠
======================================== */
.flex.items-center.gap-2.pb-2 > button {
  background: linear-gradient(170deg, #F7F4F2 0%, #EDE8E5 50%, #F7F4F2 100%) !important;
  color: var(--ygy-deep-brown) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-rose-pink) 50%, var(--ygy-accent-purple) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 22px 8px 22px 8px !important;
  box-shadow: 0 3px 0 0 rgba(184,165,197,0.2), 0 5px 14px rgba(58,48,54,0.06), inset 0 1px 2px rgba(255,255,255,0.7) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.4px !important;
  padding: 8px 18px !important;
  margin: 0 3px !important;
  transition: all 0.2s cubic-bezier(0.2,0.9,0.4,1) !important;
  position: relative !important;
  font-size: 13px !important;
}
.flex.items-center.gap-2.pb-2 > button::before {
  content: "🫧";
  position: absolute; left: 6px; top: 4px;
  font-size: 10px; opacity: 0.45;
}
.flex.items-center.gap-2.pb-2 > button::after {
  content: "🫧";
  position: absolute; right: 6px; bottom: 4px;
  font-size: 10px; opacity: 0.45; transform: scaleX(-1);
}
.flex.items-center.gap-2.pb-2 > button:hover {
  background: linear-gradient(170deg, #FDFCFB 0%, #F7F4F2 50%, #FDFCFB 100%) !important;
  color: #3A3036 !important;
  transform: translate(1px,2px) !important;
  box-shadow: 0 1px 0 0 rgba(184,165,197,0.15), 0 6px 16px rgba(184,165,197,0.2), inset 0 1px 4px rgba(255,255,255,0.8), 0 0 18px rgba(184,165,197,0.2) !important;
}
.flex.items-center.gap-2.pb-2 > button:active {
  transform: translate(3px,3px) !important;
  box-shadow: 0 0 0 0 rgba(184,165,197,0.15), inset 0 2px 8px rgba(58,48,54,0.08) !important;
}

button[type="submit"]::before,
.send-button::before { content: "🦋" !important; }
button[type="submit"]::after,
.send-button::after { content: "🦋" !important; transform: scaleX(-1) !important; }

/* MUI按钮 */
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
  background: linear-gradient(170deg, #F7F4F2 0%, #EDE8E5 40%, #F2EEEA 100%) !important;
  color: var(--ygy-deep-brown) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-vein-blue) 50%, var(--ygy-accent-purple) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 20px 8px 20px 8px !important;
  box-shadow: 0 3px 0 0 rgba(184,165,197,0.18), 0 5px 16px rgba(58,48,54,0.06), inset 0 1px 3px rgba(255,255,255,0.7) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0.5px !important;
  padding: 8px 18px !important;
  margin: 0 3px !important;
  transition: all 0.2s cubic-bezier(0.2,0.9,0.4,1) !important;
  font-size: 14px !important;
  font-family: 'Noto Sans KR', 'Noto Sans SC', sans-serif !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
  background: linear-gradient(170deg, #FDFCFB 0%, #F7F4F2 50%, #FDFCFB 100%) !important;
  color: #3A3036 !important;
  transform: translate(1px,2px) !important;
  box-shadow: 0 1px 0 0 rgba(184,165,197,0.15), 0 6px 20px rgba(184,165,197,0.22), inset 0 1px 6px rgba(255,255,255,0.8), 0 0 20px rgba(184,165,197,0.2) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:active {
  transform: translate(3px,3px) !important;
  box-shadow: 0 0 0 0, inset 0 2px 10px rgba(58,48,54,0.06) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:disabled {
  opacity: 0.5; background: #EDE8E5 !important; color: #A0A0A0 !important;
}

/* ========================================
   输入栏 · 玻璃瓶中信
======================================== */
#ai-chat-input {
  background: linear-gradient(150deg, #FDFCFB 0%, #F5F2EF 50%, #FDFCFB 100%) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(135deg, var(--ygy-vein-blue) 0%, var(--ygy-accent-purple) 50%, var(--ygy-vein-blue) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 22px 10px 22px 10px !important;
  color: var(--ygy-text-dark) !important;
  caret-color: var(--ygy-accent-purple) !important;
  box-shadow: inset 3px 3px 10px rgba(58,48,54,0.04), inset -1px -1px 5px rgba(255,255,255,0.9), 0 2px 8px rgba(58,48,54,0.06) !important;
  padding: 14px 18px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
#ai-chat-input:focus {
  outline: none !important;
  border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-rose-pink) 50%, var(--ygy-accent-purple) 100%) !important;
  box-shadow: inset 3px 3px 14px rgba(58,48,54,0.06), inset -1px -1px 8px rgba(255,255,255,1), 0 0 22px rgba(184,165,197,0.2) !important;
}
#ai-chat-bottom-input {
  background: transparent !important; backdrop-filter: none !important; border: none !important;
  box-shadow: none !important; padding: 8px 4px !important;
}

/* ========================================
   折叠详情 · 回忆录书页
======================================== */
details {
  display: block !important;
  margin: 18px 0 !important;
  background: linear-gradient(170deg, #FDFCFB 0%, #F7F4F2 50%, #FDFCFB 100%) !important;
  backdrop-filter: blur(6px) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-petal-purple) 30%, var(--ygy-rose-pink) 70%, var(--ygy-accent-purple) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 26px 12px 26px 12px !important;
  box-shadow: 0 5px 0 0 rgba(184,165,197,0.18), 0 12px 32px rgba(58,48,54,0.08), inset 0 0 55px rgba(232,223,235,0.2), inset 0 1px 0 0 rgba(255,255,255,0.8) !important;
  padding: 20px 24px !important;
  color: var(--ygy-text-dark) !important;
  font-family: 'Noto Sans KR', 'Noto Sans SC', sans-serif !important;
  line-height: 1.7 !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  overflow: hidden !important;
}
details::before {
  content: "" !important;
  position: absolute !important; top: 0; left: 0; right: 0; bottom: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence baseFrequency="0.4" numOctaves="1"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.025 0"/></filter><rect width="100" height="100" filter="url(%23noise)"/></svg>'),
  repeating-linear-gradient(45deg, transparent 0px, rgba(232,223,235,0.03) 1px, transparent 3px) !important;
  opacity: 0.6 !important; pointer-events: none !important; z-index: 0 !important; border-radius: inherit !important;
}
details[open] {
  background: linear-gradient(170deg, #F7F4F2 0%, #FDFCFB 50%, #F7F4F2 100%) !important;
  border-image: linear-gradient(135deg, var(--ygy-rose-pink) 0%, var(--ygy-accent-purple) 50%, var(--ygy-rose-pink) 100%) !important;
  box-shadow: 0 6px 0 0 rgba(184,165,197,0.22), 0 16px 38px rgba(58,48,54,0.1), inset 0 0 65px rgba(232,223,235,0.22), inset 0 1px 0 0 rgba(255,255,255,0.9) !important;
  padding-bottom: 26px !important;
}
details::after {
  content: "🫧 叶孤月 · 青梅手记 🫧" !important;
  position: absolute !important; bottom: 8px; right: 28px;
  font-size: 10px !important; color: var(--ygy-accent-purple) !important;
  opacity: 0.55 !important; font-family: 'Quicksand', sans-serif !important;
  letter-spacing: 3px !important; font-weight: 500 !important;
  pointer-events: none !important; text-transform: uppercase !important;
  text-shadow: 0 0 6px rgba(184,165,197,0.3) !important; z-index: 1 !important;
}
details > * { position: relative !important; z-index: 2 !important; }
details > :first-child::before {
  content: "" !important;
  position: absolute !important; left: -6px !important; top: 20px !important; bottom: 20px !important;
  width: 3px !important;
  background: linear-gradient(to bottom, transparent, var(--ygy-accent-purple) 20%, var(--ygy-rose-pink) 50%, var(--ygy-accent-purple) 80%, transparent) !important;
  opacity: 0.5 !important; border-radius: 2px !important;
}

/* summary 标题 */
details summary {
  background: linear-gradient(140deg, #F7F4F2 0%, #EDE8E5 50%, #F7F4F2 100%) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-vein-blue) 50%, var(--ygy-accent-purple) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 22px 8px 22px 8px !important;
  color: var(--ygy-deep-brown) !important;
  font-weight: 700 !important; font-size: 1.15em !important;
  letter-spacing: 3px !important;
  text-shadow: 0 1px 3px rgba(255,255,255,0.8), 0 0 10px rgba(184,165,197,0.4) !important;
  padding: 14px 22px 14px 50px !important;
  margin: -10px -10px 18px -10px !important;
  box-shadow: 0 3px 0 0 rgba(184,165,197,0.2), inset 0 0 22px rgba(232,223,235,0.3) !important;
  cursor: pointer !important; list-style: none !important;
  position: relative !important; transition: all 0.25s ease !important;
  font-family: 'Noto Sans KR', 'Noto Sans SC', sans-serif !important;
  display: flex !important; align-items: center !important;
}
details summary::-webkit-details-marker { display: none !important; }
details summary::before {
  content: "🫧" !important;
  position: absolute !important; left: 18px !important; top: 50% !important;
  transform: translateY(-50%) rotate(-8deg) !important;
  font-size: 22px !important;
  filter: drop-shadow(0 0 8px var(--ygy-accent-purple)) !important;
}
details summary::after {
  content: "🦋" !important;
  position: absolute !important; right: 18px !important; top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 18px !important; color: var(--ygy-accent-purple) !important;
  opacity: 0.7 !important;
}
details[open] summary::before { content: "🦋" !important; transform: translateY(-50%) rotate(0deg) !important; }
details[open] summary::after { content: "🫧" !important; }
details summary:hover {
  background: linear-gradient(140deg, #FDFCFB 0%, #F7F4F2 50%, #FDFCFB 100%) !important;
  color: #3A3036 !important;
  transform: translate(-1px,-1px) !important;
  box-shadow: 0 4px 0 0 rgba(184,165,197,0.25), inset 0 0 28px rgba(232,223,235,0.4), 0 0 22px rgba(184,165,197,0.2) !important;
}

/* 档案内容 */
details p:has("📋") { color: var(--ygy-deep-brown) !important; font-weight: 700 !important; }
details strong, details b { color: var(--ygy-deep-brown) !important; }
details li::before { content: "🫧" !important; color: var(--ygy-accent-purple) !important; }
details code { background: rgba(237,232,229,0.7) !important; color: var(--ygy-deep-brown) !important; }
details em { color: var(--ygy-accent-purple) !important; border-left-color: var(--ygy-accent-purple) !important; }
details a { color: var(--ygy-accent-purple) !important; }

/* 积分栏 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j {
  background: linear-gradient(150deg, #FDFCFB 0%, #F5F2EF 50%, #FDFCFB 100%) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-vein-blue) 50%, var(--ygy-accent-purple) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 22px 10px 22px 10px !important;
  box-shadow: inset 0 2px 6px rgba(58,48,54,0.03), 0 3px 0 0 rgba(184,165,197,0.15), 0 6px 16px rgba(58,48,54,0.06) !important;
  padding: 12px 20px !important; margin-top: 14px !important;
}
.MuiStack-root.text-purple-500.mt-1.css-1kz283j p { color: var(--ygy-deep-brown) !important; }
.MuiStack-root.text-purple-500.mt-1.css-1kz283j p:first-child { color: var(--ygy-accent-purple) !important; }
.MuiStack-root.text-purple-500.mt-1.css-1kz283j p.text-orange-500 { color: var(--ygy-rose-pink) !important; }

/* 门牌 */
.flex.items-center.justify-center.w-6.h-5 {
  width: auto !important; min-width: 250px !important; height: auto !important; min-height: 54px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  margin: 0 auto !important; position: relative !important;
  background: linear-gradient(170deg, #F7F4F2 0%, #EDE8E5 40%, #F7F4F2 100%) !important;
  border: 2px solid transparent !important;
  border-image: linear-gradient(135deg, var(--ygy-accent-purple) 0%, var(--ygy-rose-pink) 50%, var(--ygy-accent-purple) 100%) !important;
  border-image-slice: 1 !important;
  border-radius: 45px 15px 45px 15px !important;
  box-shadow: 0 4px 0 0 rgba(184,165,197,0.2), 0 8px 22px rgba(58,48,54,0.08), inset 0 1px 4px rgba(255,255,255,0.8), 0 0 28px rgba(184,165,197,0.15) !important;
  padding: 10px 32px !important; transition: all 0.3s ease !important; overflow: hidden !important;
  animation: float-gem 5s ease-in-out infinite !important;
}
.flex.items-center.justify-center.w-6.h-5 .style_text__zGhNq::after,
.flex.items-center.justify-center.w-6.h-5 > div::after {
  content: "🫧 叶孤月 · 青梅手记 🫧" !important;
  font-size: 16px !important; font-weight: 600 !important; letter-spacing: 3px !important;
  color: var(--ygy-deep-brown) !important;
  text-shadow: 0 1px 3px rgba(255,255,255,0.8), 0 0 15px rgba(184,165,197,0.5) !important;
  animation: soft-pulse 3.5s ease-in-out infinite !important;
}

@keyframes soft-pulse {
  0%,100% { opacity: 1; }
  50% { opacity: 0.88; }
}
@keyframes float-gem {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* 滚动条 */
::-webkit-scrollbar-track { background: #F5F2EF; }
::-webkit-scrollbar-thumb { background: linear-gradient(170deg, var(--ygy-vein-blue), var(--ygy-accent-purple)); border-radius: 6px; }

/* 响应式 */
@media (max-width: 768px) {
  .status-content { padding: 18px 14px !important; margin: 14px 6px !important; }
  .group .bg-gray-100\/90 { padding: 14px 16px !important; }
  details { padding: 16px 18px !important; }
  details summary { padding: 12px 18px 12px 45px !important; }
  .flex.items-center.justify-center.w-6.h-5 { min-width: 220px !important; }
}
@media (max-width: 480px) {
  details::after { display: none !important; }
  .flex.items-center.justify-center.w-6.h-5 .style_text__zGhNq::after { font-size: 13px !important; }
}