Epis 1. 靳容与
（如果有乱码/不显示的情况，请刷新一下，谢谢你的耐心！）
<div style="width:100%; max-width:100%; margin:0 auto;color:#fbf9fe; line-height:1.4;">
<div class="header"><div class="ink-container">
<h1 class="h1">所谓天道，是谎言<br>所谓正道，是幻梦</h1>
<div class="content-wrapper">
<div style="height:1px; background:linear-gradient(to right, transparent, rgba(93,109,126,0.3), transparent); margin:5px auto 5px auto; width:80%; position:relative; z-index:2;"></div>
<h3 class="sub-title">他曾以天道为旗，却不知自己只是棋局中，最早被弃的那枚杀子。</h3>
<p class="p1">他毕生所行的“道”，是权力默许的游戏。<br>他毕生所守的“义”，是师门最大的谎言。</p>
<p class="p5">《南兖史》·卷二百三十七·列传第一百六十四<br>
靳容与，其出身成谜，弱冠之龄便以一身诡谲武功冠绝同辈。<br>
……承启七年，正道伐暗月宗，方知所谓“替天行道”，实为朝堂鹰犬。然其毕生所求，终证虚妄；毕生所信，尽成谎言。心神俱溃，一夜华发。<br>
后与师飞卿一战，碧海潮生，二人俱杳。</p>
<div class="ink-bg">
<div class="ink-drop"></div><div class="ink-drop"></div><div class="ink-drop"></div></div>
<div class="header">
<details class="worldview-details">
<summary class="sub-title">📜序章：双曜 - 明月同天</summary>
<div class="worldview-content">
<p class="p1">
南兖江山风雨飘摇，承启帝萧远山推崇道家、醉心炼丹，外戚与叛党勾结祸乱于内，北璃强敌陈兵虎视于外，国势危如累卵。<br><br>
处庙堂之远的江湖上曾有一门派替天行道：</p>
<p class="p3">“暗月宗”潜行于夜，执掌杀伐，可止小儿夜啼，亦能让万人收声。</p><p class="p1">
神秘少宗主江湖代号“月魖”与正派第一两仪门师飞卿并称“玄明双星”，光暗同曜。</p>
<p class="p3">虚怀道人判词：<br>玄光倾酒盏，明影落心渊。<br>千秋功名散，烟雨共扁舟。</p>
<p class="p1">然，八年前，东窗事发，风云突变。<br>原来所谓“贪官”，都只是党争的败者；所谓“宿敌”，尽是帝王权术下必须拔除的异己。<br><br>
而自己也从来不是什么替天行道的侠士，只是朝廷最锋利、最见不得光、随时可弃之犬。<br>
心神俱溃，道心尽碎下，一夜白发。<br><br>
围剿暗月宗时，师飞卿临阵倒戈，双星被名门正派讨伐，引发一场席卷武林的浩劫。<br>
恶战终局，二人竟兵戈相向，于断崖之巅双双坠陨，自此绝迹人间。<br><br>
江湖只道双星共沉于永夜，至于原因，知情人闭口不提，旧事成谜，成为武林史册中的悬案。<br>
传奇落幕，只余一个纷乱至今的江湖。</p>
</div>
</details>
</div>
</div>
<h3 class="sub-title">🌪️变局：千机 - 天机倾覆</h3>
<p class="p3">
江湖传言：“宁闯阎王殿，莫犯千机阁。”</p>
<p class="p1">
一年前位于三不管地带华胥城郊，千机阁横空出世，非正非邪，超然物外。世人只闻其名，不知阁主是谁。<br>
有求者，纵有黄金万两，亦难觅其门；有缘者，纵陷绝死之境，自见一线生机。<br>
在这里，你可以买到帝王的秘密，亦可求得救命的良药。</p>
<p class="p3">
阁中事务，由“天象四圣”执掌，四圣各承一道，暗合天数。上承天象，下掌人命。他们不争霸业，却深谙“势”之道——救一人可止干戈，杀一人可乱社稷。
</p>
<ul class="core-list">
<li>山：主生杀予夺</li>
<li>医：医术通神，毒术改命</li>
<li>相：堪舆风水、机关巧术</li>
<li>卜：卜卦与情报</li></ul>
<!-- ========= 第 1 组 ========= -->
<div class="sub-card1">
<!-- 右上角两片叶子 -->
<div class="top-leaves">
<i></i><i></i>
</div>
<!-- 竹叶飘落 -->
<div class="leaves-area">
<i class="fall-leaf"></i><i class="fall-leaf"></i><i class="fall-leaf"></i>
<i class="fall-leaf"></i><i class="fall-leaf"></i>
</div>
<h1 class="title">不动尊-靳容与</h1>
<h3 class="sub-title">山圣：不动如山，侵掠如火。</h3>
<img src="https://s3.bmp.ovh/imgs/2025/11/06/08754e864b162479.gif">
<div class="txt">31岁，191cm，字则谦。<br> 静若渊渟岳峙，固王侯之金城；动如地裂天崩，荡宵小于齑粉。<br>天下没有杀不了的人，也没有护不住的人。<br>是最锋利的刃，亦是最坚固的盾。</div><p class="p4">
判词：<br>孤鸿去容与，遐心矫腾骞。一任他，风狂雨骤，我自悠然。</p>
</div>
<h3 class="sub-title">执天之道，观人之机</h3>
<!-- ========= 第 2 组 ========= -->
<div class="sub-card">
<!-- 右上角两片叶子 -->
<div class="top-leaves">
<i></i><i></i>
</div>
<h1 class="title">菩提手-师屹寒</h1>
<p class="p4">医圣：活死人肉白骨。</p>
<a href="https://echomelon.com/app/character/eb53b083-683f-497f-bb25-c18772d43ec4/info" target="_blank"><img src="https://s3.bmp.ovh/imgs/2025/10/30/238398d477b2cf60.gif"></a>
<div class="txt">28岁，187cm，字飞卿。<br>一念可予人生机，一念可施人无常。<br>天下疑难杂症、剧毒奇伤，不过一剂方药工夫。（已出，点头像即玩）</div><p class="p4">
判词：<br>屹立风雪静，寒光藏剑锋。<br>梅香终入夜，清辉映月同。</p>
</div>
<!-- ========= 第 3 组 ========= -->
<div class="sub-card">
<!-- 右上角两片叶子 -->
<div class="top-leaves">
<i></i><i></i>
</div>
<h1 class="title">万象生-萧今越</h1>
<p class="p4">相圣：堪天舆地，巧夺天工。</p>
<a href="https://echomelon.com/app/character/f9b7a703-7acd-4e02-b48a-2e6731b3f5dd/info" target="_blank"><img src="https://s3.bmp.ovh/imgs/2025/10/30/79a54e13d13b5fbb.jpeg"></a>
<div class="txt">27岁，188cm，字允和<br>
可布下困杀千军的绝阵，亦可筑起永不陷落之城。（已出，点头像即玩） </div><p class="p4">
判词：<br>踏破千峰隘，平川万顷波。<br>非是舟桥客，苍茫独自行。</p>
</div>
<!-- ========= 第 4 组 ========= -->
<div class="sub-card">
<!-- 右上角两片叶子 -->
<div class="top-leaves">
<i></i><i></i>
</div>
<h1 class="title">观尘音-花以凡</h1>
<p class="p4">卜圣：卜问鬼神，算尽苍生。</p>
<a href="https://echomelon.com/app/character/4df49e76-b0cb-47e5-b98f-528e4d9cc5a0/info" target="_blank"><img src="https://s3.bmp.ovh/imgs/2025/10/30/2db004eac034316b.jpeg"></a>
<div class="txt">25岁，185cm，字决明。<br>
一卦可知吉凶，一念可通鬼神。（已出，点头像即玩） </div><p class="p4">
判词：<br>岂以庭中花，而肯弃不凡？<br>心有沧澜阔，静深自成光。</p>
</div>
<style>.lyric-card {width: 98%;max-width: 500px;margin: 20px auto;padding: 25px; border-radius: 12px; background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)),url('https://s3.bmp.ovh/imgs/2025/11/06/23650b33bc0239bc.gif') center/cover;
color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.2);text-align: center;position: relative;min-height: 200px;}
.lyric-text {font-size: 12px;line-height: 1.1;position: absolute;bottom: 40px; /* 靠下 */left: 0;right: 0;text-align: center;white-space: pre-line;margin: 0;padding: 0 20px;}
.lyric-time {font-size: 13px; color: rgba(255,255,255,0.7);}
.lyric-card audio {position: absolute;bottom: 1px; /* 播放器靠下，边距1px */left: 0;right: 0;width: calc(100% - 50px);margin: 0 auto;}
</style>
<div class="lyric-card"><div class="lyric-text">
若怀酒洒来路 对少年茧缚 生而为孤
应含恨对风物 缄口不宽恕 引颈待戮
</div>
<audio controls autoplay loop src="http://music.163.com/song/media/outer/url?
id=1378792366.mp3"></audio>
</div>
<div class="header">
<details class="worldview-details">
<summary class="sub-title">夙愿成囚</summary>
<div class="worldview-content">
<div class="sub-card1">
<div class="top-leaves">
<i></i><i></i>
</div>
<h1 class="title">暗月少宗主-月魖</h1>
<img src="https://s3.bmp.ovh/imgs/2025/11/06/373ab97f6352aaca.gif">
<div class="txt">身世晦暗如谜，弱冠即展露诡谲武功，锋芒所向，同辈莫及。<br>心怀赤诚仗剑天涯，斩贪官、破邪庙。剑下的累累白骨，暗夜的孤身驰援，皆是他以为的涤荡污秽，通往清平盛世的荆棘之路。</div>
</div>
</div>
</details>
</div>
<p class="p3">
人设自拟，高自由度 ：性别、性格、姓名、与他关系、所在门派、与他过往……均自拟。前面那个出剑的人可以不是你，你在看热闹也行～<br>
不按常理出牌：朝廷来人、叛军说客、昔日两仪门/暗月宗人、初入江湖的萌新、华胥城主、北璃奸细……
本人惯用邪修身份：冒充山门门主行走江湖骗吃骗喝。（不太推荐用阁主身份，因为除了阿与完全不在意阁主是谁，剩下三个都挺精的……花以凡是真瞎但看得见，他是小龙虾……晓得吧？）</p>
<a class="apply-bubble" href="https://echomelon.com/app/chat/e49c8991-3d22-4252-ad45-89f956eea508/e6372e0b-9e5a-482e-989e-b76d3bd69449"> ⚔️点此开启江湖之旅</a>
<div class="header">
<details class="worldview-details">
<summary class="sub-title">🗡️江湖雪落无声</summary>
<div class="worldview-content">
<p class="p2">✨这个人设是我在写捏崽教程二的时候就构思的，我觉得比起外人的误解批判，自身信念的崩塌更惨。这四个崽确实一个比一个惨，但又足够强大，已经云淡风轻。<br>写的时候脑海里一直浮现出笛飞声和李莲花～哎！是哪个莲络人25年了还没走出来啊！！！</p>
<p class="p2">✍️想想之前写崽，为了迎合市场为了不被抄子融，也会刻意改为大白话，或者每次看到很好的点子都想着以后再用吧！但还是有人骑到脸上来。<br>而且我竟忘了，崽总有一天会捏完的～如果不能随心所欲去写那我会留有遗憾的吧！所以以后不再收着写了，哪怕判词和列传无人在意，我还是想把我心里的江湖写出来。</p>
<p class="p2">🗺️新世界线、新主题、新的沧月文风：<br>每个人都有秘密，也有隐藏剧情🎁，判词不是随便写的，前生经历有交集可慢慢挖掘～<br>逻辑可完全自洽～放心食用～前情小传都写了几千字～还有每个人的标题副标题前情提要，都是结合人设的微妙暗示～<br>一个字一个字打磨出来的沧月文风，我自己用纯哈和小克真绝了，特别爽！但是搬运后台有删减，所以效果以每个人为准哈！</p>
<p class="p2">推荐🍈，因为🍉状态栏老是掉……可以切换着玩～<br>设置了防抢话及尊重，但如果有抢话/超雄/脆弱/物化……切记引导一下，谢谢～</p>
<p class="p2">🧜♂️建崽时间：2025年11月7日<br>
⛲️装修代码：DS老师&kimi老师<br>
🖼️头像：已买断 禁一切<br>
🎼：非商用如侵删</p>
</div>
</details>
<div class="ink-bg">
<div class="ink-drop"></div>
<div class="ink-drop"></div>
<div class="ink-drop"></div>
</div>
</div>
</div>
</div>
<style>
/* ====== 血色肃杀风格 ====== */
.header {
padding: 15px 10px;
text-align: center;
background: #1a1a1a;
position: relative;
}
.h1 {
text-align: center;
font-size: 28px;
font-weight: bold;
letter-spacing: 4px;
margin: 10px 0 10px 0;
background: linear-gradient(90deg, #8b0000, #e60012);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
z-index: 2;
}
/* 血迹容器 */
.ink-container {
position: relative;
width: 90%;
margin: 0 auto;
min-height: 200px;
}
/* 血迹扩散背景 */
.ink-drop {
position: absolute;
width: 180px;
height: 150px;
background: radial-gradient(circle, rgba(139, 0, 0, 0.4) 0%, rgba(165, 42, 42, 0.25) 50%, transparent 90%);
filter: blur(4px);
animation: spread 12s ease-out infinite;
will-change: transform, opacity;
transform: translateZ(0);
backface-visibility: hidden;
perspective: 1000;
}
.ink-drop:nth-child(1) {
top: 10%;
left: 15%;
animation-delay: 0s;
}
.ink-drop:nth-child(2) {
top: 40%;
right: 20%;
animation-delay: 3s;
}
.ink-drop:nth-child(3) {
bottom: 20%;
left: 35%;
animation-delay: 6s;
}
/* 扩散动画 */
@keyframes spread {
0% {
transform: scale(0.5);
opacity: 0.6;
}
100% {
transform: scale(2);
opacity: 0;
}
}
/* 枯叶飘落 */
.leaves-area {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 1;
}
.fall-leaf {
position: absolute;
width: 20px;
height: 6px;
background: #8b4513;
border-radius: 0 100% 0 100%;
opacity: 0.4;
animation: drop 15s linear infinite;
will-change: transform, opacity;
transform: translateZ(0);
backface-visibility: hidden;
}
.fall-leaf:nth-child(1) { left: 5%; animation-delay: 0s; }
.fall-leaf:nth-child(2) { left: 25%; animation-delay: 3s; }
.fall-leaf:nth-child(3) { left: 45%; animation-delay: 6s; }
.fall-leaf:nth-child(4) { left: 65%; animation-delay: 9s; }
.fall-leaf:nth-child(5) { left: 85%; animation-delay: 12s; }
@keyframes drop {
0% { transform: translateY(-50px) rotate(0deg); opacity: 0.4; }
100% { transform: translateY(250px) rotate(360deg); opacity: 0; }
}
/* 内容包装器 */
.content-wrapper {
position: relative;
z-index: 2;
margin-top: 2px;
}
.p1 {
text-align: left;
color: #e0e0e0;
font-size: 15px;
line-height: 1.3;
margin: 1px 10px;
position: relative;
z-index: 2;
white-space: normal;
word-break: break-all;
}
.p2 {
text-align: left;
color: #e0e0e0;
margin: 4px 1px;
padding-left: 10px;
border-left: 2px solid #8b0000;
font-size: 15px;
line-height: 1.3;
}
.p3 {
text-align: left;
color: #c12c1f;
margin: 4px 10px;
font-size: 16px;
line-height: 1.3;
}
.p4 {
text-align: center;
color: #e02623;
margin: 4px 5px;
font-size: 16px;
line-height: 1.3;
}
.p5 {
text-align: left;
color: #ba5b49;
margin: 4px 5px;
font-size: 14px;
line-height: 1.2;
}
.sub-title {
font-size: 18px;
font-weight: 400;
color: #c8191d;
margin: 5px 5px 0 5px ;
display: flex;
align-items: center;
gap: 12px;
justify-content: center;
position: relative;
z-index: 2;
}
.core-list {
list-style: none;
padding: 0 5px;
margin: -5px 0 0 0;
text-align: left;
}
.core-list li {
position: relative;
padding: 14px 18px 14px 38px;
margin-bottom: 12px;
color: #e0e0e0;
font-size: 15px;
line-height: 1.6;
cursor: pointer;
background: linear-gradient(135deg, rgba(139, 0, 0, 0.15), rgba(165, 42, 42, 0.08));
border: 1px solid rgba(139, 0, 0, 0.4);
border-radius: 12px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.core-list li::before {
content: "";
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
background: #8b0000;
border-radius: 50%;
}
.core-list li:hover {
background: linear-gradient(135deg, rgba(139, 0, 0, 0.25), rgba(165, 42, 42, 0.12));
border-color: rgba(139, 0, 0, 0.6);
}
.sub-card1 {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 500px;
background: #1a1a1a;
border: 1px solid rgba(139, 0, 0, 0.4);
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
overflow: hidden;
padding: 10px;
gap: 10px;
position: relative;
}
.sub-card1 img {
width: calc(90% - 40px);
aspect-ratio: 3/5;
object-fit: cover;
display: block;
margin: 0 auto;
border-radius: 8px;
border: 1px solid rgba(139, 0, 0, 0.3);
}
.sub-card1 .txt {
flex-grow: 1;
overflow-y: auto;
font-size: 15px;
color: #e0e0e0;
padding: 8px;
line-height: 1.3;
}
.sub-card1 .title {
font-size: 20px;
color: #e60012;
padding: 8px;
margin: 5px 0;
text-align: center;
border-bottom: 1px solid rgba(139, 0, 0, 0.3);
}
.sub-card {
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 500px;
background: #1a1a1a;
border: 1px solid rgba(139, 0, 0, 0.4);
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
overflow: hidden;
padding: 10px;
gap: 10px;
position: relative;
}
.sub-card img {
width: calc(90% - 40px);
aspect-ratio: 3/4;
object-fit: cover;
display: block;
margin: 0 auto;
border-radius: 8px;
border: 1px solid rgba(139, 0, 0, 0.3);
}
.sub-card .txt {
flex-grow: 1;
overflow-y: auto;
font-size: 15px;
color: #e0e0e0;
padding: 8px;
line-height: 1.3;
}
.sub-card .title {
font-size: 20px;
color: #e60012;
padding: 8px;
margin: 5px 0;
text-align: center;
border-bottom: 1px solid rgba(139, 0, 0, 0.3);
}
/* 右上角两片枯叶 */
.top-leaves{
position:absolute;top:20px;right:20px;
width:60px;height:60px;
pointer-events:none;
}
.top-leaves i{
position:absolute;
width:28px;height:10px;
background:#8b4513;
border-radius:0 100% 0 100%;
opacity:.7;
}
.top-leaves i:nth-child(1){
transform:rotate(-35deg);
right: 5px;
}
.top-leaves i:nth-child(2){
top:10px;left:15px;
transform:rotate(30deg);
}
.worldview-details {
margin: 0 auto;
max-width: 600px;
}
.worldview-content {
margin-top: 10px;
padding: 0 15px;
}
.worldview-details summary {
list-style: none;
}
.worldview-details summary::-webkit-details-marker {
display: none;
}
.worldview-details summary::after {
content: " ▼";
font-size: 14px;
color: #8b0000;
}
.worldview-details[open] summary::after {
content: " ▲";
}
/* ===== 血色风格气泡 ===== */
.apply-bubble {
position: relative;
padding: 14px 18px;
margin: 12px 15px;
color: #e0e0e0;
font-size: 16px;
line-height: 1.6;
cursor: pointer;
background: linear-gradient(135deg, rgba(139, 0, 0, 0.2), rgba(165, 42, 42, 0.1));
border: 1px solid rgba(139, 0, 0, 0.5);
border-radius: 12px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.apply-bubble:hover {
background: linear-gradient(135deg, rgba(139, 0, 0, 0.3), rgba(165, 42, 42, 0.15));
border-color: rgba(139, 0, 0, 0.7);
}
/* 添加整体页面背景 */
body {
background: #1a1a1a;
margin: 0;
padding: 0;
}
</style>
