斗破苍穹

@website {
"userId": "session_a7b1f2d3e4f5",
"event": "age_verification_passed",
"verificationDetails": {
  "isVerified": true,
  "userResponse": "yes_18_plus"
}
}
/* 
 * 【斗破苍穹 × 番茄小说】护眼阅读 & 动态全景海报主题
 * 包含：护眼黄底黑字聊天框、点开展开全图特效、斗气面板、完整角色卡片
 * 状态：终极版（彻底粉碎在场人物img标签实现绝对纯文字，新增蝶，更新美杜莎）
 * 升级：Summary特色外包裹重构，打破全黄扁平感，增加玻璃拟态与卷轴色带
 * 定制：状态栏深黄色、展开正文浅粉色、编辑栏蓝色系、发送按钮改"炎"字 (淡紫色底版)、加载极致填满版 (125%缩放 + 74%深度下压)
 */

.c {
  max-width: 800px; margin: 0 auto;
  /* 番茄小说经典护眼暖黄底色 */
  background: linear-gradient(135deg, #FDFBF7 0%, #F4ECD8 100%); 
  color: #1A1A1A;
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif;
  font-size: 14px; line-height: 1.8;
  border-radius: 16px; padding: 16px;
  box-shadow: 
    0 10px 30px -5px rgba(0,0,0,0.05),
    0 0 0 1px rgba(255,255,255,0.8) inset;
  border: 1px solid #E6D9C3;
}

details { 
  margin-bottom: 14px; 
  border-radius: 10px; 
  overflow: visible; 
  box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
details:hover {
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.08);
}

/* 基础 summary 保留，但加入立体感和过渡 */
summary {
  padding: 12px 16px; font-weight: 800; cursor: pointer;
  list-style: none; 
  color: #1A1A1A !important; 
  text-shadow: none;
  display: flex; justify-content: space-between; align-items: center;
  font-size: 15px; letter-spacing: 1px;
  border-radius: 10px; 
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
summary::-webkit-details-marker { display: none; }

/* 默认简单箭头，给内部子 details 使用 */
summary::after { content: "▼"; font-size: 10px; transition: transform 0.3s; opacity: 0.6; color: #1A1A1A; }
details[open] > summary::after { transform: rotate(180deg); }
details[open] > summary {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* =======================================
 * 主层级 Summary 特色外包裹 (状态栏改为深黄色)
 * ======================================= */
.c > details > summary {
  padding-left: 20px; /* 为左侧色带留空间 */
  background: linear-gradient(135deg, #FFB300 0%, #F57F17 100%) !important; /* 深黄色渐变 */
  color: #1A1A1A !important;
  border: 1px solid #E65100 !important; /* 深橙/黄色边框 */
  box-shadow: 
    inset 0 1px 0 rgba(255, 255, 255, 0.4), 
    0 2px 5px rgba(0,0,0,0.1) !important;
}

.c > details > summary:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #FFCA28 0%, #FF8F00 100%) !important; /* 悬停时更亮的深黄色 */
  box-shadow: 
    inset 0 1px 0 rgba(255, 255, 255, 0.6), 
    0 4px 12px rgba(245, 127, 23, 0.3) !important;
}

/* 左侧卷轴/玉简 装饰色带 */
.c > details > summary::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 6px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px 0 0 10px;
  opacity: 0.85;
  transition: width 0.3s ease, opacity 0.3s ease;
}
.c > details > summary:hover::before {
  width: 8px;
  opacity: 1;
}

/* 右侧指示器升级为精致圆环图标 */
.c > details > summary::after {
  content: "▼"; 
  font-size: 10px; 
  color: #8B6508; 
  background: rgba(255, 255, 255, 0.3);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  opacity: 1;
  box-shadow: inset 0 1px 2px rgba(255,255,255,0.5);
}
.c > details[open] > summary::after {
  background: rgba(0, 0, 0, 0.1);
  color: #1A1A1A;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
.c > details[open] > summary {
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

/* 强制：点开后正文底色变为浅粉色，与状态栏深黄色明显区分 */
.c > details[open] {
    background: #FFEBEE !important; /* 浅粉色 */
    border-color: #FFCDD2 !important;
}

/* 分别定义四个主模块未展开时的底色和内部元素颜色 */
.c > details:nth-of-type(1):not([open]) { background: linear-gradient(to bottom, #FAFAFA, #FFF); }
.c > details:nth-of-type(1) .i, .c > details:nth-of-type(1) .l div, .c > details:nth-of-type(1) .txt div { color: #333; }
.c > details:nth-of-type(1) .i { background: rgba(255,255,255,0.8); border: 1px solid #FFCDD2; }
.c > details:nth-of-type(1) .i span { color: #666; }

.c > details:nth-of-type(2):not([open]) { background: linear-gradient(to bottom, #FFF3E0, #FFF); }
.c > details:nth-of-type(2) .i, .c > details:nth-of-type(2) .txt div, .c > details:nth-of-type(2) .bd { color: #E65100; }
.c > details:nth-of-type(2) .i { background: rgba(255,255,255,0.8); border: 1px solid #FFCDD2; }
.c > details:nth-of-type(2) .i span { color: #F57C00; }

.c > details:nth-of-type(3):not([open]) { background: #F8F9FA; }
.term { padding: 15px; background: radial-gradient(circle at top right, rgba(0, 0, 0, 0.02), transparent); }
.term > div { font-weight: 700; color: #37474F; text-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 6px 0; }
.mon { background: rgba(255, 255, 255, 0.8); border: 1px solid #CFD8DC; color: #1A1A1A !important; border-radius: 4px; margin: 8px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05) inset; }

.c > details:nth-of-type(4):not([open]) { background: linear-gradient(to bottom, #FFF8E1, #FFF); }

.tip {
  position: static; 
  cursor: help;
  border-bottom: 1px dotted rgba(0,0,0,0.4);
  font-weight: bold;
  transition: all 0.2s;
  color: inherit;
}
.tip:hover { color: #D35400; text-shadow: none; }

.pop {
  visibility: hidden;
  background: linear-gradient(135deg, rgba(255, 251, 240, 0.98), rgba(245, 233, 211, 0.98));
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  color: #1A1A1A !important;
  text-align: center;
  border-radius: 12px;
  padding: 16px 20px;
  position: fixed; 
  z-index: 99999; 
  top: 50%; 
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  width: max-content;
  min-width: 200px;
  max-width: min(320px, 90vw); 
  white-space: normal;
  line-height: 1.6;
  font-size: 13px; font-weight: normal;
  border: 1px solid rgba(212, 175, 55, 0.3);
  box-shadow: 
    0 0 0 1px rgba(212, 175, 55, 0.2),
    0 20px 40px rgba(0,0,0,0.15), 
    0 0 30px rgba(212, 175, 55, 0.1);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  pointer-events: none; 
}

.tip:hover .pop, .tip:active .pop {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.pop::before {
  content: "DETAILS / 斗气探查";
  display: block;
  font-size: 10px;
  color: rgba(0,0,0,0.4);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  margin-bottom: 8px;
  padding-bottom: 4px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.b { padding: 14px; }
.g { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 12px; }
.compact { grid-template-columns: 1fr 1fr; }
.i { padding: 8px; border-radius: 8px; text-align: center; font-weight: bold; background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.i span { display: block; font-size: 10px; font-weight: normal; margin-bottom: 3px; opacity: 0.7; }
.s { padding: 10px; border-radius: 8px; margin-bottom: 10px; background: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.9); box-shadow: 0 2px 8px rgba(0,0,0,0.03); font-weight: bold; }
.c > details:nth-of-type(1) .s { color: #333; }
.c > details:nth-of-type(2) .s { color: #D84315; }
.p { display: flex; align-items: center; gap: 8px; font-size: 11px; margin-top: 5px; }
.t { flex: 1; height: 12px; background: rgba(0,0,0,0.08); border-radius: 6px; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); overflow: hidden; }
.f { height: 100%; border-radius: 6px; background: linear-gradient(90deg, #FFB74D, #F57C00); box-shadow: 0 0 5px rgba(245, 124, 0, 0.2); }
.l div, .txt div, .lo div { padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,0.1); }
.l div::before, .txt div::before, .lo div::before { content: "◈"; margin-right: 6px; color: inherit; opacity: 0.5; }
.sb { margin: 10px 0; border: 1px solid rgba(0,0,0,0.06); background: rgba(255,255,255,0.6); border-radius: 8px; }
.sb > summary { background: rgba(255,255,255,0.8) !important; color: #333 !important; font-size: 13px; padding: 8px 12px; text-shadow: none; border-bottom: 1px solid rgba(0,0,0,0.05); border-radius: 8px; box-shadow: none !important; border: none !important; }
.in { padding: 10px 12px; font-size: 13px; line-height: 1.6; }
.c > details:nth-of-type(1) .in { color: #444; }
.c > details:nth-of-type(2) .in { color: #D84315; }
.md { background: rgba(255,248,225,0.8); padding: 12px; border-radius: 8px; color: #5D4037; margin-top: 10px; border-left: 4px solid #FFCA28; font-style: italic; }
.r18 { border-color: #FFCDD2; background: rgba(255,255,255,0.6); }
.r18 summary { background: #FFEBEE !important; color: #D32F2F !important; }
.r18 .g div { background: #FFEBEE; border: 1px solid #EF9A9A; color: #B71C1C; font-weight: bold; }
.cm { border-left: 3px solid #81C784; background: rgba(129, 199, 132, 0.1); padding: 10px; color: #2E7D32; margin: 10px 0; border-radius: 0 4px 4px 0; }
.tb { width: 100%; border-collapse: collapse; margin-top: 8px; }
.tb th { color: #F57C00; border-bottom: 1px solid rgba(0,0,0,0.1); text-align: left; padding: 6px; font-size: 13px; }
.tb td { border-bottom: 1px solid rgba(0,0,0,0.05); color: #333; padding: 6px; font-size: 13px; }
.mem { background: rgba(255,255,255,0.5); border: 1px solid rgba(0,0,0,0.1); color: #333; margin-top: 6px; border-radius: 6px;}
.mem summary { background: rgba(0,0,0,0.03) !important; color: #1A1A1A !important; border: none !important; box-shadow: none !important; font-size: 13px; }
.opt button { background: #fff; border: 1px solid #E6D9C3; border-left: 5px solid #FFCA28; padding: 14px; border-radius: 6px; cursor: pointer; font-weight: bold; color: #E65100; margin-bottom: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.02); transition: all 0.2s; position: relative; overflow: hidden; }
.opt button:hover { background: #FFF8E1; color: #BF360C; padding-left: 20px; box-shadow: 0 4px 8px rgba(255, 160, 0, 0.1); }

/* =======================================
 * 在场人物面板：终极纯文字化，连带底层img标签一起抹除
 * ======================================= */
.npc { 
    background: rgba(255,255,255,0.7); 
    padding: 12px 20px; 
    border-radius: 8px; 
    border: 1px solid rgba(230,217,195,0.6); 
    box-shadow: 0 3px 10px rgba(0,0,0,0.02); 
    display: flex; 
    gap: 15px; 
    align-items: center; 
    margin-bottom: 14px; 
}
/* 强力抹除所有非档案区域的图片容器、占位格，甚至Markdown生成的img标签 */
.npc img,
.npc .npc-avatar-face,
.npc .npc-avatar-col,
.npc [class*="avatar"],
.c > .npc-avatar-face,
.c > .npc-layout-grid .npc-avatar-col,
.c > .npc-layout-grid .npc-avatar-face {
    display: none !important;
    border: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}
.ni { flex: 1; font-weight: 800; font-size: 16px; color: #1A1A1A; letter-spacing: 0.5px; }
.nt span { font-size: 11px; background: linear-gradient(135deg, #FFB74D, #F57C00); border: none; color: #fff; padding: 3px 10px; border-radius: 12px; margin-right: 5px; font-weight: bold; box-shadow: 0 2px 4px rgba(245, 124, 0, 0.2); }

/* =======================================
 * 档案卡片【核心黑科技】：点开前小头像，点开后左图右文全景海报
 * ======================================= */

/* 默认状态 / 折叠状态：档案内恢复显示正常小头像 */
details .npc-avatar-face {
    display: block !important; 
    width: 80px; 
    height: 80px; 
    border-radius: 50%; 
    border: 3px solid #FFF;
    box-shadow: 0 0 0 2px #D4AF37, 0 4px 8px rgba(0,0,0,0.1);
    background-color: #F8F3E9; 
    background-size: cover; 
    background-position: top center;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

details .npc-layout-grid {
    display: flex; 
    gap: 15px; 
    align-items: center; 
    margin-bottom: 10px;
    transition: all 0.5s ease;
}

details .npc-info-col { 
    flex: 1; 
    min-width: 0; 
    transition: all 0.5s ease;
}

/* 展开状态：左图右文，全景海报大赏 */
details[open] .npc-layout-grid {
    align-items: stretch; /* 让左右两列等高 */
    background: rgba(255,255,255,0.7); /* 粉色背景下的半透明白，保证阅读性 */
    border: 1px solid rgba(230,217,195,0.8);
    border-radius: 12px;
    padding: 15px;
    margin-top: 15px;
 

/* 预览已截断；下载 CSS 可查看完整内容。 */

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