css
/* === 全局书卷风格 === */
header, text, footer {
  font-family: "KaiTi", "楷体", serif;
  line-height: 1.9;
  color: #2c2416;
}

/* === 顶部状态栏（.top-status）- 淡蓝色主题 === */
.top-status {
  background: linear-gradient(135deg, #a8d5e2 0%, #7ab8d4 100%);
  border: 2px solid #5a9bb5;
  border-radius: 8px;
  padding: 12px 20px;
  margin-bottom: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.top-status p {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
  margin: 5px 10px;
}

/* 风险值动态警示效果 */
.top-status p:nth-child(4) {
  animation: risk-pulse 2s ease-in-out infinite;
}

@keyframes risk-pulse {
  0%, 100% { 
    color: #000000; 
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
  }
  50% { 
    color: #ff6b6b; 
    text-shadow: 0 0 8px rgba(255, 107, 107, 0.9);
  }
}

/* === 正文区域（text） === */
text {
  display: block;
  background: linear-gradient(to bottom, #faf8f3 0%, #f5f1e8 100%);
  border: 3px double #8b7355;
  border-radius: 6px;
  padding: 25px;
  margin-bottom: 20px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(139, 115, 85, 0.05);
  font-family: "SimSun", "宋体", serif;
  line-height: 1.9;
  color: #2c2416;
  position: relative;
}

text::before, text::after {
  font-size: 24px;
  opacity: 0.3;
  position: absolute;
}

text::before {
  content: "📜";
  top: 10px;
  left: 10px;
}

text::after {
  content: "📜";
  bottom: 10px;
  right: 10px;
}

text p {
  text-indent: 2em;
  margin-bottom: 15px;
  color: #3c3426;
}

/* === 状态栏容器（footer） === */
footer {
  display: block;
  margin-top: 15px;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

/* === details 通用样式 === */
details {
  background: linear-gradient(135deg, #fffef9 0%, #faf6ed 100%);
  border: 2px solid #d4c4a1;
  border-radius: 8px;
  margin-bottom: 10px;
  padding: 15px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12), inset 0 0 20px rgba(212, 196, 161, 0.1);
}

details[open] {
  background: linear-gradient(135deg, #fffef9 0%, #faf6ed 100%);
  border: 2px solid #d4c4a1;
}

/* === summary 样式 === */
summary {
  font-family: "KaiTi", "楷体", serif;
  font-size: 16px;
  font-weight: bold;
  color: #5a4332;
  cursor: pointer;
  padding: 6px 10px;
  background: linear-gradient(90deg, #eee4cf 0%, #ded1b7 100%);
  border-radius: 4px;
  border: 1px solid #b8a888;
  margin-bottom: 10px;
  user-select: none;
  transition: all .2s ease;
  list-style: none;
}

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

summary:hover {
  background: linear-gradient(90deg, #f2e9d6 0%, #e3d5b9 100%);
  color: #4a3322;
}

/* === details 内部段落样式（非NPC卡片） === */
details:not(.npc-card) p {
  font-family: "SimSun", "宋体", serif;
  color: #3c3426;
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 8px;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
}

/* === NPC卡片专属粉色主题 === */
details.npc-card {
  background: linear-gradient(135deg, #ffe8f5 0%, #ffd4eb 100%);
  border: 2px solid #ffb3d9;
  box-shadow: 0 3px 10px rgba(255, 105, 180, 0.2), inset 0 0 25px rgba(255, 182, 217, 0.15);
}

details.npc-card[open] {
  background: linear-gradient(135deg, #fff0f8 0%, #ffe0f2 100%);
  border: 2px solid #ffb3d9;
  box-shadow: 0 4px 12px rgba(255, 105, 180, 0.25), inset 0 0 30px rgba(255, 182, 217, 0.2);
}

details.npc-card summary {
  background: linear-gradient(90deg, #ffb3d9 0%, #ff8ac4 100%);
  border: 1px solid #ff69b4;
  color: #8b1f5c;
  font-weight: bold;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3);
}

details.npc-card summary:hover {
  background: linear-gradient(90deg, #ffc2e0 0%, #ffa3d1 100%);
  color: #6b0f4a;
  box-shadow: 0 2px 6px rgba(255, 105, 180, 0.3);
}

/* NPC卡片内的p标签样式（优先级最高） */
details.npc-card p {
  font-family: "SimSun", "宋体", serif;
  color: #6b3850 !important;
  font-size: 14px;
  line-height: 1.8;
  background: rgba(255, 240, 248, 0.4) !important;
  padding: 6px 10px !important;
  border-radius: 4px;
  border: none;
  border-left: 3px solid #ffb3d9 !important;
  margin-bottom: 8px;
}

/* 秘密关系状态特殊高亮 */
details.npc-card p:nth-child(4) {
  background: linear-gradient(90deg, rgba(255,107,107,0.15) 0%, rgba(255,179,217,0.25) 100%) !important;
  border-left-color: #ff6b6b !important;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(255, 107, 107, 0.1);
}

/* === 记忆区表格样式 === */
details table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
  background: #fffef9;
  font-family: "SimSun", "宋体", serif;
  font-size: 13px;
}

details table thead {
  background: linear-gradient(135deg, #d8ccb8 0%, #c8bcaa 100%);
}

details table th {
  color: #4a3322;
  padding: 10px;
  border: 1px solid #b8a888;
  font-weight: bold;
  font-family: "KaiTi", "楷体", serif;
  font-size: 14px;
}

details table td {
  padding: 8px;
  border: 1px solid #d4c4a1;
  color: #3c3426;
  background: rgba(255, 250, 240, 0.3);
}

details table tbody tr:hover td {
  background: rgba(255, 248, 230, 0.7);
}

details table tbody tr:nth-child(even) td {
  background: rgba(250, 245, 235, 0.4);
}

details table tbody tr:nth-child(even):hover td {
  background: rgba(255, 248, 230, 0.8);
}

/* === 标题区（h3） === */
details h3 {
  font-family: "KaiTi", "楷体", serif;
  color: #5a4332;
  margin: 12px 0 8px 0;
  padding-bottom: 6px;
  border-bottom: 2px solid #c9b896;
  font-size: 15px;
  font-weight: bold;
}

/* === 移动端适配 === */
@media (max-width: 768px) {
  .top-status {
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
  }
  
  .top-status p {
    margin: 3px 0;
    font-size: 12px;
  }
  
  text {
    padding: 15px;
  }
  
  details table {
    font-size: 11px;
    display: block;
    overflow-x: auto;
  }
  
  details table th, details table td {
    padding: 6px;
    font-size: 11px;
  }
}

/* === 滚动条美化 === */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: #f5f1e8;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #c9b896 0%, #a89968 100%);
  border-radius: 5px;
  border: 2px solid #f5f1e8;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #8b7355 0%, #6b5344 100%);
}

/* === 隐藏元素 === */
think, hidden-trigger {
  display: none;
}