全家女性都为了满足我的绿帽癖而疯狂出轨

/* =========================================
   绿帽都市物语 - 专属UI美化 CSS
   主题：淡雅柔和 / 高对比度深色文字 / 角色专属色
========================================= */

/* --- 1. 全局变量与配色字典 --- */
:root {
  /* 基础配色 */
  --bg-color: #f7f9fc;          /* 极淡的灰蓝背景 */
  --text-main: #2c3e50;         /* 深灰蓝正文，护眼且清晰 */
  --panel-bg: rgba(255, 255, 255, 0.85); /* 半透明纯白面板 */
  --border-color: #e2e8f0;      /* 柔和的边框色 */
  
  /* 角色专属主题色 (深色系以保证在淡背景上的可读性) */
  --color-player: #0277bd;      /* 玩家：深海蓝 (沉稳) */
  --color-suwanqing: #c62828;   /* 母亲：成熟酒红 (丰韵) */
  --color-sumei: #6a1b9a;       /* 小姨：魅惑深紫 (性感) */
  --color-linruoxi: #00695c;    /* 姐姐：冷艳深青 (清冷) */
  --color-linnian: #e65100;     /* 妹妹：活力深橙 (活泼) */
  --color-baiyueyao: #283593;   /* 妻子：优雅靛蓝 (高贵) */
  --color-npc: #5d4037;         /* 其他NPC：深棕灰 (路人) */
}

/* --- 2. 正文剧情区域美化 --- */
.story-content {
  background-color: var(--bg-color);
  color: var(--text-main);
  padding: 20px;
  border-radius: 12px;
  font-size: 1.05em;
  line-height: 1.7;
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
  margin-bottom: 20px;
}

.story-content p {
  margin-bottom: 1em;
  text-indent: 2em; /* 首行缩进 */
}

/* --- 3. 角色对话专属颜色 (强制生效版) --- */
.dialogue-player { color: #0277bd !important; font-weight: 600 !important; }
.dialogue-suwanqing { color: #c62828 !important; font-weight: 600 !important; }
.dialogue-sumei { color: #6a1b9a !important; font-weight: 600 !important; }
.dialogue-linruoxi { color: #00695c !important; font-weight: 600 !important; }
.dialogue-linnian { color: #e65100 !important; font-weight: 600 !important; }
.dialogue-baiyueyao { color: #283593 !important; font-weight: 600 !important; }
.dialogue-npc { color: #5d4037 !important; font-weight: 600 !important; font-style: italic !important; }

/* --- 4. 状态栏 UI 面板全局设定 --- */
.ui-dashboard {
  background: var(--bg-color);
  padding: 15px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* 折叠面板基础美化 */
.ui-panel {
  margin-bottom: 12px;
  background: var(--panel-bg);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  overflow: hidden;
}

/* 隐藏默认的小三角 */
.ui-panel summary::-webkit-details-marker { display: none; }
.ui-panel summary { list-style: none; }

/* 标题栏样式 */
.panel-title {
  padding: 12px 15px;
  background: linear-gradient(to right, #edf2f7, #f7fafc);
  color: #1a202c;
  cursor: pointer;
  user-select: none;
  font-size: 1em;
  border-bottom: 1px solid var(--border-color);
  transition: background 0.2s ease;
}
.panel-title:hover { background: #e2e8f0; }
.panel-content { padding: 15px; font-size: 0.9em; color: var(--text-main); }

/* --- 5. 信息行排版 --- */
.info-row {
  display: flex;
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed #cbd5e0;
}
.info-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.info-row .label { font-weight: bold; width: 70px; flex-shrink: 0; color: #4a5568; }
.info-row .value { flex-grow: 1; }

/* --- 6. NPC 网格与卡片设计 (核心亮点) --- */
.npc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 15px;
}

.npc-card {
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  overflow: hidden;
  transition: transform 0.2s ease;
}
.npc-card:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.1); }

.npc-header {
  padding: 8px 12px !important;
  font-weight: bold !important;
  color: #ffffff !important; /* 强制文字为纯白 */
  text-align: center !important;
  font-size: 0.95em !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important; /* 加深一点阴影让文字更立体 */
  background-color: #4a5568 !important; /* 增加一个默认深灰底色兜底 */
}

/* 强制写入十六进制颜色，弃用变量，并强制覆盖背景 */
.char-suwanqing .npc-header { background: linear-gradient(135deg, #e53935, #c62828) !important; }
.char-sumei .npc-header { background: linear-gradient(135deg, #8e24aa, #6a1b9a) !important; }
.char-linruoxi .npc-header { background: linear-gradient(135deg, #00897b, #00695c) !important; }
.char-linnian .npc-header { background: linear-gradient(135deg, #fb8c00, #e65100) !important; }
.char-baiyueyao .npc-header { background: linear-gradient(135deg, #3949ab, #283593) !important; }

/* 背叛度高亮显示 */
.ntr-bar .value { color: #d32f2f; font-weight: bold; }

/* --- 7. 记忆中枢美化 --- */
.memory-block { margin-bottom: 15px; }
.memory-block:last-child { margin-bottom: 0; }
.memory-title {
  font-weight: bold;
  color: #2d3748;
  border-left: 4px solid #4299e1;
  padding-left: 8px;
  margin-bottom: 8px;
}
.memory-list { margin: 0; padding-left: 20px; color: #4a5568; }
.memory-list li { margin-bottom: 4px; }

/* --- 8. 推荐行动面板 (游戏选项风格) --- */
.action-panel {
  margin-top: 20px;
  background: var(--panel-bg);
  padding: 15px;
  border-radius: 12px;
  border: 1px solid #b2f5ea;
  box-shadow: 0 4px 10px rgba(49, 151, 149, 0.1);
}
.action-title {
  font-size: 1.1em;
  font-weight: bold;
  color: #234e52;
  margin-bottom: 12px;
  text-align: center;
}
.action-list { list-style: none; padding: 0; margin: 0; }
.action-item {
  background: #e6fffa;
  border: 1px solid #81e6d9;
  color: #285e61;
  padding: 10px 15px;
  margin-bottom: 8px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
}
.action-item:last-child { margin-bottom: 0; }
.action-item:hover {
  background: #b2f5ea;
  transform: translateX(5px);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.05);
}

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。