/* ====== 根容器 ====== */
top-bar details, status details {
  background: linear-gradient(135deg, #1a0005 0%, #2d0010 60%, #1a0005 100%);
  border: 1px solid #8b1a2a;
  border-radius: 8px;
  margin: 6px 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(139,26,42,0.25), inset 0 1px 0 rgba(255,100,120,0.08);
}

/* ====== 玫瑰纹路装饰伪元素 ====== */
top-bar details::before, status details::before {
  content: "❧";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  color: rgba(180,40,60,0.18);
  pointer-events: none;
  z-index: 0;
}

/* ====== summary 标题栏 ====== */
top-bar details summary, status details summary {
  background: linear-gradient(90deg, #3d0015 0%, #5c0020 40%, #3d0015 100%);
  color: #f0a0b0;
  font-weight: bold;
  font-size: 0.95em;
  letter-spacing: 0.08em;
  padding: 8px 36px 8px 14px;
  cursor: pointer;
  list-style: none;
  border-radius: 8px;
  border-bottom: 1px solid transparent;
  transition: background 0.3s, color 0.3s;
  position: relative;
  z-index: 1;
}

top-bar details[open] summary, status details[open] summary {
  background: linear-gradient(90deg, #5c0020 0%, #8b1a2a 40%, #5c0020 100%);
  color: #ffd0da;
  border-bottom: 1px solid #8b1a2a;
  border-radius: 8px 8px 0 0;
}

top-bar details summary:hover, status details summary:hover {
  background: linear-gradient(90deg, #4a0018 0%, #6e1022 40%, #4a0018 100%);
  color: #ffc0cc;
}

/* ====== summary 展开箭头 ====== */
top-bar details summary::after, status details summary::after {
  content: "🌹";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  font-size: 14px;
  transition: transform 0.3s;
}

top-bar details[open] summary::after, status details[open] summary::after {
  transform: translateY(-50%) rotate(15deg);
}

/* ====== 内容区域 ====== */
top-bar details > *:not(summary), status details > *:not(summary) {
  padding: 10px 14px 12px 14px;
  position: relative;
  z-index: 1;
}

/* ====== 正文字色 ====== */
top-bar details p, top-bar details li, top-bar details span,
status details p, status details li, status details span {
  color: #e8c0c8;
  line-height: 1.7;
  font-size: 0.9em;
}

top-bar details strong, status details strong {
  color: #f5a0b5;
}

top-bar details em, status details em {
  color: #d4708a;
  font-style: normal;
}

/* ====== 表格 ====== */
status details table {
  width: 100%;
  border-collapse: collapse;
  margin: 6px 0;
  font-size: 0.85em;
}

status details th {
  background: rgba(139,26,42,0.5);
  color: #ffc0cc;
  padding: 5px 8px;
  text-align: left;
  border: 1px solid #6b1020;
  letter-spacing: 0.05em;
}

status details td {
  background: rgba(60,0,15,0.4);
  color: #e0b0bc;
  padding: 4px 8px;
  border: 1px solid #4a0818;
  transition: background 0.2s;
}

status details tr:hover td {
  background: rgba(139,26,42,0.25);
  color: #ffd0da;
}

/* ====== 列表 ====== */
status details ul, status details ol {
  padding-left: 18px;
  margin: 4px 0;
}

status details li {
  color: #e0b0bc;
  margin: 3px 0;
  font-size: 0.88em;
}

status details li::marker {
  color: #8b1a2a;
}

/* ====== 分割线 ====== */
status details hr {
  border: none;
  border-top: 1px solid #5c0020;
  margin: 10px 0;
  position: relative;
}

status details hr::after {
  content: "✦";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #1a0005;
  padding: 0 6px;
  color: #8b1a2a;
  font-size: 10px;
}

/* ====== think标签隐藏 ====== */
think {
  display: none;
}

/* ====== 顶部栏紧凑样式 ====== */
top-bar details summary {
  font-size: 0.88em;
  padding: 6px 36px 6px 14px;
}

/* ====== 玫瑰花瓣点缀动画 ====== */
@keyframes petalFloat {
  0%   { opacity: 0.06; transform: translateY(0px) rotate(0deg); }
  50%  { opacity: 0.12; transform: translateY(-4px) rotate(8deg); }
  100% { opacity: 0.06; transform: translateY(0px) rotate(0deg); }
}

status details::after {
  content: "🌹";
  position: absolute;
  left: 8px;
  bottom: 6px;
  font-size: 22px;
  opacity: 0.06;
  pointer-events: none;
  animation: petalFloat 4s ease-in-out infinite;
  z-index: 0;
}
/* ====== 正文毛玻璃容器 ====== */
text {
  display: block;
  background: rgba(80, 0, 20, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(180, 40, 60, 0.35);
  border-radius: 10px;
  padding: 16px 18px;
  margin: 8px 0;
  box-shadow: 0 4px 24px rgba(100, 0, 20, 0.3), inset 0 1px 0 rgba(255,120,140,0.1);
  position: relative;
  overflow: hidden;
}

text::before {
  content: "";
  position: absolute;
  top: -40%;
  left: -20%;
  width: 60%;
  height: 80%;
  background: radial-gradient(ellipse, rgba(180,40,60,0.08) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
}

text p {
  color: #ffffff;
  line-height: 1.85;
  font-size: 0.95em;
  margin: 0 0 0.8em 0;
  position: relative;
  z-index: 1;
}

text p:last-child {
  margin-bottom: 0;
}

/* ====== 全局字色覆盖为纯白 ====== */
top-bar details p, top-bar details li, top-bar details span,
top-bar details strong, top-bar details em,
status details p, status details li, status details span {
  color: #ffffff;
}

status details strong {
  color: #ffffff;
}

status details em {
  color: #ffffff;
  font-style: normal;
}

status details td {
  color: #ffffff;
}

status details th {
  color: #ffffff;
}

status details li {
  color: #ffffff;
}

top-bar details summary, status details summary {
  color: #ffffff;
}

top-bar details[open] summary, status details[open] summary {
  color: #ffffff;
}