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">凡人以仰望塑他金身，<br>又以目光来焚，静候神祇落凡尘。</h3>
<p class="p1">江湖总是如此，混乱时需要一尊神祇来寄托信仰、指引方向，却又无时无刻不惧怕神挣脱牵绊，不再垂怜世人。期待着祂的崩塌、倾覆、溃散，以证明神与世人并无二致。</p> <p class="p5">
《南兖史》·卷二百三十七·列传第一百六十五<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">
“两仪门”如日方升，光耀天下；<br>
“暗月宗”潜行于夜，执掌杀伐。</p><p class="p1">
分庭抗礼，两足鼎立，维系着微妙的平衡。<br>
两派之主师飞卿与神秘的暗月少宗主，虽素无交集，因一身惊世修为并列武林第一，世人并称“玄明双星”，光暗同曜。</p>
<p class="p3">虚怀道人判词：<br>
玄光倾酒盏，明影落心渊。<br>
千秋功名散，烟雨共扁舟。</p>
<p class="p1">
然，八年前，平衡骤碎，风云突变。<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/10/30/238398d477b2cf60.gif">
<div class="txt">28岁，187cm，字飞卿，剑眉星目。<br>
一念可予人生机，一念可施人无常。<br>天下疑难杂症、剧毒奇伤，不过一剂方药的工夫。</div><p class="p4">
判词：<br>
屹立风雪静，寒光藏剑锋。<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/e49c8991-3d22-4252-ad45-89f956eea508/info" target="_blank"><img src="https://s3.bmp.ovh/imgs/2025/10/30/a15856da55cad2f6.jpeg"></a>
<div class="txt">31岁，191cm，字则谦。<br>
天下没有他们杀不了的人，也没有他们护不住的人。是最锋利的刃，亦是最坚固的盾。（已出，点头像即玩）</div><p class="p4">
判词：<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/10/30/e9ad2ba73643c311.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=1942366331.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/10/31/121c731667b94032.gif">
<div class="txt">18岁，一柄飞卿少剑惊绝江湖。<br>剑光起时，九州侧目。<br>无人知其师承，只道他自创天下第一轻功，缥缈绝尘，踏月无痕。如孤鸿掠影，天下莫及。</div>
</div>
</div>
</details>
</div>
<p class="p3">
所有崽均为高自由度 ，人设自拟：性别、性格、姓名、与他关系、所在门派、与他过往……均自拟。开局那个人不一定是你，只是一个他起身的契机。<br>
不按常理出牌：朝廷来人、叛军说客、昔日两仪门/暗月宗人、初入江湖的萌新、华胥城主、北璃奸细……
邪修：正派医门出身想比试一番的、趁他起身偷走他钱袋的小贼、求死的……</p>
<a class="apply-bubble" href="https://echomelon.com/app/chat/eb53b083-683f-497f-bb25-c18772d43ec4/19d988e7-0d33-4caf-ab24-2197d980b996"> ⚔️点此开启江湖之旅</a>
<div class="header">
<details class="worldview-details">
<summary class="sub-title">🗡️江湖风雨满楼</summary>
<div class="worldview-content">
<p class="p2">✨玩裴英老师的裴铭时来的灵感，那时候觉得有个每天跟他斗嘴的神医，追着他说“裴少已经很久没有笑过了！”很好玩？？？dbq……<br>谢谢裴英老师、谢谢裴铭！<br>写的时候脑海里一直浮现出李莲花～所以就借用了花花的部分经历啦～</p>
<p class="p2">🗺️新世界线、新主题、新的沧月文风：如果没人有意见的话我就叫他们“老弱病残”系列了…<br>每个人都有秘密，也有隐藏剧情🎁，判词不是随便写的，前生经历有交集可慢慢挖掘～但只会在个人档详细描写前情往事～<br>一个字一个字打磨出来的沧月文风，我自己用纯哈和小克真绝了，特别爽！但是搬运后台有删减，所以效果以每个人为准哈！</p>
<p class="p2">推荐🍈，因为🍉状态栏老是掉……<br>设置了防抢话及尊重，但如果有抢话/超雄/脆弱/物化……切记引导一下，谢谢～</p>
<p class="p2">🧜♂️建崽时间：2025年10月30日<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: #f8f7f4;
position: relative;
}
.h1 {
text-align: center;
font-size: 28px;
font-weight: bold;
letter-spacing: 4px;
margin: 10px 0 10px 0;
background: linear-gradient(90deg, #2c3e50, #5d6d7e);
-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(44, 62, 80, 0.25) 0%, rgba(93, 109, 126, 0.15) 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: #5d6d7e;
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: #2d2d2d;
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: #2d2d2d;
margin: 4px 1px;
padding-left: 10px;
border-left: 2px solid #5c87a9;
font-size: 15px;
line-height: 1.3;
}
.p3 {
text-align: left;
color: #15559a;
margin: 4px 10px;
font-size: 16px;
line-height: 1.3;
}
.p4 {
text-align: center;
color: #4994c4;
margin: 4px 5px;
font-size: 16px;
line-height: 1.3;
}
.p5 {
text-align: left;
color: #5d3d21;
margin: 4px 5px;
font-size: 14px;
line-height: 1.2;
}
.sub-title {
font-size: 18px;
font-weight: 400;
color: #5c87a9;
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: #2c3e50;
font-size: 15px;
line-height: 1.6;
cursor: pointer;
background: linear-gradient(135deg, rgba(125, 139, 153, 0.08), rgba(125, 139, 153, 0.04));
border: 1px solid rgba(125, 139, 153, 0.3);
border-radius: 12px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.core-list li::before {
content: "";
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 8px;
background: #5c87a9;
border-radius: 50%;
}
.core-list li:hover {
background: linear-gradient(135deg, rgba(125, 139, 153, 0.12), rgba(125, 139, 153, 0.06));
border-color: rgba(125, 139, 153, 0.5);
}
.sub-card1 {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 500px;
background: #f8f7f4;
border: 1px solid rgba(125, 139, 153, 0.3);
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
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(125, 139, 153, 0.2);
}
.sub-card1 .txt {
flex-grow: 1;
overflow-y: auto;
font-size: 15px;
color: #2c3e50;
padding: 8px;
line-height: 1.3;
}
.sub-card1 .title {
font-size: 20px;
color: #5d6d7e;
padding: 8px;
margin: 5px 0;
text-align: center;
border-bottom: 1px solid rgba(125, 139, 153, 0.2);
}
.sub-card {
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 500px;
background: #f8f7f4;
border: 1px solid rgba(125, 139, 153, 0.3);
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
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(125, 139, 153, 0.2);
}
.sub-card .txt {
flex-grow: 1;
overflow-y: auto;
font-size: 15px;
color: #2c3e50;
padding: 8px;
line-height: 1.3;
}
.sub-card .title {
font-size: 20px;
color: #5d6d7e;
padding: 8px;
margin: 5px 0;
text-align: center;
border-bottom: 1px solid rgba(125, 139, 153, 0.2);
}
/* 右上角两片叶子 */
.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:#222;
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: #5c87a9;
}
.worldview-details[open] summary::after {
content: " ▲";
}
/* ===== 水墨风格气泡 ===== */
.apply-bubble {
position: relative;
padding: 14px 18px;
margin: 12px 15px;
color: #2c3e50;
font-size: 16px;
line-height: 1.6;
cursor: pointer;
background: linear-gradient(135deg, rgba(93, 109, 126, 0.1), rgba(125, 139, 153, 0.05));
border: 1px solid rgba(93, 109, 126, 0.4);
border-radius: 12px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.apply-bubble:hover {
background: linear-gradient(135deg, rgba(93, 109, 126, 0.15), rgba(125, 139, 153, 0.08));
border-color: rgba(93, 109, 126, 0.6);
}
</style>
