小三上位的黑老大不止会操你【闻铮/引导型恋人】

ai {
  display: block;
  /* 关键修改：转换为rgba并加入了0.92的透明度，透出极微弱的底层光泽 */
  background: linear-gradient(180deg, rgba(14,13,12,0.92), rgba(20,18,16,0.92));
  color: #e5e2dc;
  font-family: -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size: 15px;
  line-height: 1.75;
  padding: 24px 20px;
  border-radius: 6px;
  letter-spacing: .01em;
}

/* 顶部状态栏 */
ai hd {
  display: block;
  padding: 6px 4px 22px;
  margin-bottom: 26px;
  position: relative;
}
/* 底部横向分割线：改回渐变，保持2px粗细和100%长度，降低色彩饱和度以增加克制的文学质感 */
ai hd::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px; 
  background: linear-gradient(90deg, transparent, rgba(217,196,138, 0.35), transparent);
}
ai hd loc {
  display: block;
  font-size: 24px;
  font-weight: 600; /* 关键修改：字重从400修改为600，实现加粗但保持优雅 */
  color: #ecd8a5;
  letter-spacing: .15em;
  text-align: left;
  padding: 6px 0 16px;
  font-family: "Cormorant Garamond","Songti SC","STSong",serif;
  text-shadow: 0 0 24px rgba(236,216,165,.3); /* 配合加粗，阴影略微加深一点点以增加质感 */
}
ai hd bar {
  display: flex;
  align-items: center;
  gap: 20px; 
  color: #d9c48a;
}
/* 修复 iOS 空心字：直接使用 transparent，去除易冲突的 fill-color */
ai hd day {
  font-size: 38px;
  font-weight: 300;
  letter-spacing: .05em;
  color: transparent; 
  -webkit-text-stroke: 1px rgba(217,196,138,.75); 
  font-family: "Cormorant Garamond","Songti SC",serif;
  display: flex;
  align-items: center;
}
ai hd ext {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  padding-left: 20px;
  position: relative;
}
/* 左侧竖向分割线：同样使用渐变，保持2px粗细，不刺眼 */
ai hd ext::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5%;
  height: 90%;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(217,196,138, 0.35), transparent);
}
/* 关键修改：从 center 改为 flex-start，防止右侧多行文字导致左侧标签下沉 */
ai hd xg {
  display: flex;
  flex-direction: row;
  align-items: flex-start; 
  gap: 12px;
}
/* 关键修改：增加 flex-shrink 锁死宽度，强制不换行，彻底解决 DATE/INFO 乱码问题 */
ai hd lb {
  font-size: 11px;
  color: #d9c48a;
  letter-spacing: .2em;
  font-weight: 500;
  min-width: 45px;
  flex-shrink: 0;
  white-space: nowrap; 
}
/* 确保右侧长文本自然换行，不挤压左侧 */
ai hd vl {
  font-size: 13px;
  color: #F0E6D2; 
  letter-spacing: .04em;
  font-family: "SF Mono","JetBrains Mono",monospace;
  text-shadow: 0 0 8px rgba(240, 230, 210, 0.4); 
  word-break: break-word;
  line-height: 1.4;
}
ai hd plot {
  display: block;
  margin-top: 18px;
  font-style: italic;
  font-size: 13px;
  color: rgba(229,226,220,.45);
  text-align: center;
  letter-spacing: .1em;
  font-family: "Cormorant Garamond","Songti SC",serif;
}

/* 正文 */
ai article { display: block; padding: 4px 8px; margin-bottom: 28px; }
ai article p {
  margin: 0 0 18px;
  text-align: justify;
  color: #d6d1c7;
  line-height: 1.95;
  font-size: 15px;
  text-indent: 2em;
  /* 关键修改：引入宋体族，提升克制与文学质感 */
  font-family: "Cormorant Garamond", "Songti SC", "STSong", "SimSun", serif;
}
ai article p:first-of-type::first-letter {
  color: #ecd8a5;
  font-size: 1.9em; /* 关键修改：从1.4em进一步放大 */
  font-weight: 400;
  padding-right: 2px;
  vertical-align: -0.05em; /* 微调垂直对齐，让首字更沉稳 */
}

/* 折叠面板 —— 大标题加金色渐变底 + 装饰线 + 呼吸感 */
ai nav{display:block;padding-top:4px}
ai nav>details{position:relative;margin-bottom:14px}
/* 折叠面板大标题 - 闭合状态（保留边缘立体感，不与背景融为一体） */
ai nav>details>summary {
  cursor: pointer;
  padding: 19px 10px 19px 34px;
  list-style: none;
  font-size: 14px;
  color: #d9c48a;
  letter-spacing: .16em;
  position: relative;
  transition: all .35s cubic-bezier(.4,0,.2,1);
  user-select: none;
  /* 尾部不再透明，保留微弱色值 */
  background: linear-gradient(90deg, rgba(217,196,138,.1) 0%, rgba(217,196,138,.03) 55%, rgba(255,255,255,.015) 100%);
  border-left: 2px solid rgba(217,196,138,.35);
  margin: 0 6px 0 8px;
  border-radius: 0 4px 4px 0;
  /* 增加右侧极细内阴影，勾勒出面板的物理边缘 */
  box-shadow: inset -1px 0 0 rgba(217,196,138,.06), 0 2px 8px rgba(0,0,0,.2);
}
ai nav>details>summary::-webkit-details-marker{display:none}
ai nav>details>summary:hover{color:#ecd8a5;background:linear-gradient(90deg,rgba(217,196,138,.14) 0%,rgba(217,196,138,.04) 60%,transparent 100%);border-left-color:#ecd8a5;padding-left:38px}
/* 折叠面板大标题 - 展开状态（立体边缘 + 迷人的呼吸外发光） */
ai nav>details[open]>summary {
  color: #ecd8a5;
  background: linear-gradient(90deg, rgba(217,196,138,.2) 0%, rgba(217,196,138,.07) 40%, rgba(217,196,138,.03) 80%, rgba(255,255,255,.02) 100%);
  border-left: 2px solid #ecd8a5;
  border-radius: 0 4px 0 0;
  /* 缝合了 P1 的右侧内阴影边缘，以及 P2 的 24px 柔和外发光 */
  box-shadow: inset 0 -1px 0 rgba(236,216,165,.25), inset -1px 0 0 rgba(217,196,138,.1), 0 0 24px -6px rgba(236,216,165,.45);
}
ai nav>details>summary::before{content:'';position:absolute;left:13px;top:50%;width:8px;height:8px;border:1px solid #d9c48a;background:transparent;transform:translateY(-50%) rotate(45deg);transition:transform .4s cubic-bezier(.5,0,.2,1),background .4s,box-shadow .4s}
ai nav>details[open]>summary::before{background:#ecd8a5;box-shadow:0 0 10px rgba(236,216,165,.7),0 0 3px rgba(255,245,214,.9);transform:translateY(-50%) rotate(225deg)}
ai nav>details>summary::after{content:'';position:absolute;left:28px;top:50%;height:1px;width:0;background:linear-gradient(90deg,rgba(236,216,165,.7),transparent);transform:translateY(-50%);opacity:0;transition:width .45s ease .05s,opacity .3s}
ai nav>details[open]>summary::after{width:28px;opacity:1}

/* 折叠框内浅色底 —— 悬浮毛玻璃特效，拉开与深色背景的差异，不影响外部的大折叠框交互 */
ai .user-panel, ai panel {
  display: block;
  padding: 18px 20px 24px 30px;
  /* 保留黑金渐变底色，稍微调高透明度以配合毛玻璃 */
  background: linear-gradient(180deg, rgba(217,196,138,.07) 0%, rgba(217,196,138,.015) 100%);
  backdrop-filter: blur(8px); /* 引入毛玻璃模糊 */
  -webkit-backdrop-filter: blur(8px); /* 兼容 iOS Safari */
  border-left: 2px solid rgba(217,196,138,.22);
  margin: 0 6px 4px 8px;
  border-radius: 0 0 4px 4px;
  /* 增加顶部一根极细微的高光线和底部的悬浮阴影，增强立体质感 */
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 4px 12px rgba(0,0,0,.15);
}

/* 人物面板 */
ai r{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.05);font-size:13.5px;line-height:1.7}
ai r:last-of-type{border-bottom:none}
ai k{color:#8a8578;font-size:11.5px;letter-spacing:.18em;padding-top:3px;white-space:nowrap;min-width:52px}
ai v{color:#d6d1c7}
ai stats{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding:14px 0;border-bottom:1px dashed rgba(255,255,255,.05)}
ai stat{display:flex;flex-direction:column;gap:4px;min-width:0}
ai sk{color:#8a8578;letter-spacing:.15em;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
ai sv{color:#d9c48a;font-family:"SF Mono",monospace;font-size:13px;letter-spacing:.03em}

/* 手机通讯 */
ai phone {
  display: block;
  background: linear-gradient(160deg, rgba(28,26,23,0.85) 0%, rgba(16,14,12,0.85) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 36px; /* 稍微加大圆角，更贴合现代手机 */
  padding: 24px 8px 12px; /* 增加上下内边距给手机线条留出空间 */
  margin: 20px auto;
  max-width: 400px;
  border: 1px solid rgba(255,255,255,.08);
  /* 阴影大幅度加深扩散，形成极强的悬浮立体感 */
  box-shadow: 0 45px 70px -20px rgba(0,0,0,1), 0 0 35px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.08);
  position: relative;
}

/* 恢复 P4 的顶部刘海/听筒槽 */
ai phone::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 6px;
  background: #000;
  border-radius: 4px;
  box-shadow: inset 0 -1px 1px rgba(255,255,255,0.15);
}

/* 恢复 P4 的底部 Home 指示条 */
ai phone::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 130px;
  height: 4px;
  background: rgba(255,255,255,0.35);
  border-radius: 4px;
}

/* 手机状态栏 —— 时间跟随剧情 */
ai sb-time{display:flex;justify-content:space-between;align-items:center;padding:0 22px;height:22px;color:#e5e2dc;font-size:12px;font-weight:600;font-family:-apple-system,"SF Pro Display",sans-serif;letter-spacing:.02em;border-bottom:1px solid rgba(255,255,255,.04);margin:2px 0 6px;font-variant-numeric:tabular-nums}
ai sb-time::after{content:'';display:block;width:56px;height:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 12'><g fill='%23e5e2dc'><rect x='0' y='8' width='2.4' height='4' rx='.5'/><rect x='3.6' y='6' width='2.4' height='6' rx='.5'/><rect x='7.2' y='4' width='2.4' height='8' rx='.5'/><rect x='10.8' y='1.5' width='2.4' height='10.5' rx='.5'/></g><g fill='none' stroke='%23e5e2dc' stroke-width='1.1' stroke-linecap='round'><path d='M18 7.2c2.7-2.7 7-2.7 9.7 0'/><path d='M20 9.4c1.6-1.6 3.7-1.6 5.3 0'/></g><circle cx='22.6' cy='11' r='.9' fill='%23e5e2dc'/><g><rect x='32' y='3' width='20' height='7' rx='1.5' fill='none' stroke='%23e5e2dc' stroke-width='.9' opacity='.7'/><rect x='33.5' y='4.5' width='15' height='4' rx='.4' fill='%23e5e2dc'/><rect x='52.5' y='5' width='1.5' height='3' rx='.4' fill='%23e5e2dc' opacity='.7'/></g></svg>") no-repeat right center/56px 12px}

ai app{display:block}
ai app>details{border-bottom:1px solid rgba(255,255,255,.04)}
ai app>details:last-child{border-bottom:none}
ai app>details>summary.chatitem{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer;list-style:none;transition:background .2s}
ai app>details>summary.chatitem::-webkit-details-marker{display:none}
ai app>details>summary.chatitem:hover{background:rgba(255,255,255,.02)}
ai ic{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#2c2824,#1a1815);border-radius:13px;font-size:22px;border:1px solid rgba(217,196,138,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
ai tx{display:flex;flex-direction:column;gap:4px;min-width:0}
ai tx n{font-size:14.5px;color:#e5e2dc;font-weight:500;letter-spacing:.02em}
ai tx m{font-size:12px;color:#7a756c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
ai app>details>summary.chatitem t{font-size:10.5px;color:#6b6862;align-self:flex-start;padding-top:4px;white-space:nowrap}

/* 微信风对话 */
ai conv{display:block;margin:2px 6px 10px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.04)}
ai top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:12px 8px;background:linear-gradient(180deg,#1a1815,#16140f);border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}
ai top back,ai top more{color:#d9c48a;font-size:18px;text-align:center;cursor:pointer}
ai top name{color:#e5e2dc;font-weight:500;text-align:center;letter-spacing:.03em}
ai msgs{display:flex;flex-direction:column;gap:12px;padding:14px 10px;background:radial-gradient(ellipse at top,rgba(217,196,138,.02),transparent 60%),#0c0b0a;min-height:100px}
ai day-sep{align-self:center;font-size:10px;color:#7a756c;background:rgba(255,255,255,.05);padding:3px 12px;border-radius:3px;margin:2px 0}
ai cm{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:flex-start}
ai cm av{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#2c2824,#1a1815);display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid rgba(217,196,138,.2)}
ai cm cb{background:#201d19;color:#d6d1c7;padding:9px 13px;border-radius:3px 12px 12px 12px;font-size:13px;line-height:1.6;max-width:230px;word-break:break-word;position:relative}
ai cm cb::before{content:'';position:absolute;left:-5px;top:8px;width:0;height:0;border-style:solid;border-width:4px 6px 4px 0;border-color:transparent #201d19 transparent transparent}
ai cm ts{font-size:10px;color:#5a564f;align-self:flex-end;padding-bottom:4px;white-space:nowrap}
ai cm[r]{grid-template-columns:auto 1fr 32px}
ai cm[r] cb{background:linear-gradient(135deg,#2d6b3d,#1f4d2b);color:#e6f3dc;border-radius:12px 3px 12px 12px;grid-column:2;justify-self:end;border:1px solid rgba(149,236,105,.1)}
ai cm[r] cb::before{left:auto;right:-5px;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #2d6b3d}
ai cm[r] ts{

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

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