/* 1. 极地玻璃拟态：确保看到背景图 */
:root {
  --snow-white: rgba(255, 255, 255, 0.85);
  --ice-blue: rgba(220, 240, 255, 0.4);
  --fox-gold: #e5c100;
}

/* 全局透明化，不遮挡背景 */
div, details, text {
  background: transparent !important;
  color: #fff;
  text-shadow: 1px 1px 3px #000;
}

/* 2. 隐藏思维链 */
think { display: none; }

/* 3. 落雪特效 (纯CSS实现) */
.snow-container {
  position: relative;
  border: 1px solid var(--ice-blue);
  background: rgba(0, 0, 0, 0.2) !important;
  backdrop-filter: blur(5px);
  padding: 20px;
  overflow: hidden;
}

.snow-fall::before {
  content: "❄ . ❄ . ❄ . ❄";
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  font-size: 20px;
  color: #fff;
  white-space: nowrap;
  animation: snowfall 10s linear infinite;
  opacity: 0.5;
  pointer-events: none;
}

@keyframes snowfall {
  0% { transform: translateY(0); }
  100% { transform: translateY(800px); }
}

/* 4. 折叠栏通用样式：每一栏不同光效 */
.snow-details {
  border: 1px solid rgba(255,255,255,0.2);
  margin-bottom: 10px;
  border-radius: 8px;
  background: rgba(255,255,255,0.05) !important;
}

summary {
  padding: 12px;
  cursor: pointer;
  list-style: none;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 5. 白狐爬行装饰 (利用伪元素) */
summary::after {
  content: "🦊"; /* 小狐狸图标 */
  position: absolute;
  right: 10px;
  transition: 0.5s;
  filter: drop-shadow(0 0 5px #fff);
}

details[open] summary::after {
  transform: rotate(20deg) scale(1.2);
  content: "🐾";
}

/* 各栏独特效果 */
.sc-scene summary { border-left: 4px solid #fff; }
.sc-player summary { border-left: 4px solid #add8e6; }
.sc-npc summary { border-left: 4px solid #ffb6c1; }
.sc-memory summary { border-left: 4px solid #dcdcdc; }
.sc-action summary { border-left: 4px solid #ffd700; }

/* 6. 打击感与点击反馈 */
summary:active {
  background: rgba(255,255,255,0.2) !important;
  transform: translateY(2px);
}

/* 7. 正文强调：冰晶感 */
b, strong {
  color: #add8e6;
  text-shadow: 0 0 8px rgba(173, 216, 230, 0.8);
}