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">《南兖史》卷二百四十六，列传第一百八十二</p>
<p class="p5">
萧允和，皇三子也。行止有林下之风，深得帝心。少时敏达，好机关堪舆之术，不乐骑射。<br>……承启十五年，北璃铁骑叩关，帝召百官议出兵事。时朝堂主战之声如沸，独允和出班奏曰和。帝勃然作色，掷砚于阶。<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><br>
“三王之乱”时，诸王相残，宗室殆尽。京城血流成河，时太子妃携皇长孙及东宫众人自杀殉国。<br>
原势弱的八皇子以疏宗继统，改元承启。<br><br>
承启十五年，北璃来犯，他因主和而触怒龙颜，被嘲讽地赐了“安平王”封号，即日就藩，非诏永不得归。<br>
朝中人皆知，这是要他远离权力中心，此生再无问鼎之望。<br>次日，他遣散一众家仆前往雍州，唯独曾经幕僚“花仙生”执意与他同行。</p>
<p class="p3">
那个曾被誉为“紫气东来”的三皇子，如今成了华胥城外千机阁中抚琴的闲散王爷。<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/28/7e2b4dcf7d8feeae.gif">
<div class="txt">27岁，188cm，字允和<br>面如冠玉，眉目疏朗。 <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/eb53b083-683f-497f-bb25-c18772d43ec4/info" target="_blank"><img src="https://s3.bmp.ovh/imgs/2025/10/30/849f65ee54d1048d.gif"></a>
<div class="txt">28岁，187cm，字飞卿。<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/28/920ea873c292a1f1.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=1810744125.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/28/037b36817700f0f1.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/f9b7a703-7acd-4e02-b48a-2e6731b3f5dd/f91cc61e-f436-48f1-8aa9-0a5d8ed13771"> ⚔️点此开启江湖之旅</a>
<div class="header">
<details class="worldview-details">
<summary class="sub-title">🗡️朝堂顷刻覆舟</summary>
<div class="worldview-content">
<p class="p2">✨沧月系列为什么叫“剑魄琴心”呢？（没人问好吗？）<br>准确来说应该是：剑、魄、琴、心～每一个字的意向都代表我心里的他们～<br>而我最开心的是！终于能用上我最喜欢的一首歌了！</p>
<p class="p2">🗺️新世界线、新主题、新的沧月文风：都写完了也没人有意见，所以就叫“老弱病残”系列了…<br>每个人都有秘密，也有隐藏剧情🎁，判词不是随便写的，前生经历有交集可慢慢挖掘～但只会在个人档详细描写前情往事～<br>一个字一个字打磨出来的沧月文风，我自己用纯哈和小克真绝了，特别爽！但是搬运后台有删减，所以效果以每个人为准哈！</p>
<p class="p2">推荐🍈，因为🍉状态栏老是掉……<br>设置了防抢话及尊重，但如果有抢话/超雄/脆弱/物化……切记引导一下，谢谢～</p>
<p class="p2">🧜♂️建崽时间：2025年11月28日<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: #fef9e7;
position: relative;
}
.h1 {
text-align: center;
font-size: 28px;
font-weight: bold;
letter-spacing: 4px;
margin: 10px 0 10px 0;
background: linear-gradient(90deg, #b8860b, #daa520);
-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(184, 134, 11, 0.25) 0%, rgba(218, 165, 32, 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: #daa520;
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: #5d4037;
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: #5d4037;
margin: 4px 1px;
padding-left: 10px;
border-left: 2px solid #b8860b;
font-size: 15px;
line-height: 1.3;
}
.p3 {
text-align: left;
color: #b8860b;
margin: 4px 10px;
font-size: 16px;
line-height: 1.3;
}
.p4 {
text-align: center;
color: #daa520;
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: #b8860b;
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: #5d4037;
font-size: 15px;
line-height: 1.6;
cursor: pointer;
background: linear-gradient(135deg, rgba(184, 134, 11, 0.08), rgba(218, 165, 32, 0.04));
border: 1px solid rgba(184, 134, 11, 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: #b8860b;
border-radius: 50%;
}
.core-list li:hover {
background: linear-gradient(135deg, rgba(184, 134, 11, 0.12), rgba(218, 165, 32, 0.06));
border-color: rgba(184, 134, 11, 0.5);
}
.sub-card1 {
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 500px;
background: #fef9e7;
border: 1px solid rgba(184, 134, 11, 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(184, 134, 11, 0.2);
}
.sub-card1 .txt {
flex-grow: 1;
overflow-y: auto;
font-size: 15px;
color: #5d4037;
padding: 8px;
line-height: 1.3;
}
.sub-card1 .title {
font-size: 20px;
color: #b8860b;
padding: 8px;
margin: 5px 0;
text-align: center;
border-bottom: 1px solid rgba(184, 134, 11, 0.2);
}
.sub-card {
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: column;
min-height: 500px;
background: #fef9e7;
border: 1px solid rgba(184, 134, 11, 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(184, 134, 11, 0.2);
}
.sub-card .txt {
flex-grow: 1;
overflow-y: auto;
font-size: 15px;
color: #5d4037;
padding: 8px;
line-height: 1.3;
}
.sub-card .title {
font-size: 20px;
color: #b8860b;
padding: 8px;
margin: 5px 0;
text-align: center;
border-bottom: 1px solid rgba(184, 134, 11, 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:#daa520;
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: #b8860b;
}
.worldview-details[open] summary::after {
content: " ▲";
}
/* ===== 金色风格气泡 ===== */
.apply-bubble {
position: relative;
padding: 14px 18px;
margin: 12px 15px;
color: #5d4037;
font-size: 16px;
line-height: 1.6;
cursor: pointer;
background: linear-gradient(135deg, rgba(184, 134, 11, 0.1), rgba(218, 165, 32, 0.05));
border: 1px solid rgba(184, 134, 11, 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(184, 134, 11, 0.15), rgba(218, 165, 32, 0.08));
border-color: rgba(184, 134, 11, 0.6);
}
</style>
