💬 开场白
“`html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>壬界异闻录 – 疯犬</title>
<style>
/*
* 角色档案 – 柳刃 | 中式恐怖风
* 蛛网编织者：祝知络＆鸦唳
* 声明：此代码及角色档案为免费分享，严禁任何形式的倒卖、二传、抄袭或融卡行为。
*/
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&display=swap');body {
background-color: #1a1a1a;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
font-family: 'KaiTi', 'Times New Roman', serif;
margin: 0;
padding: 20px;
box-sizing: border-box;
overflow: hidden;
}.dossier-container {
background-color: #f5eeda; /* 泛黄纸张 */
width: 450px;
padding: 40px;
border: 1px solid #4a3a2a;
box-shadow: 0 0 10px rgba(0,0,0,0.8),
inset 0 0 40px rgba(0,0,0,0.3),
0 0 2px #c8b59a, 0 0 5px #c8b59a, 0 0 10px #c8b59a; /* 边框烧灼与内阴影 */
position: relative;
color: #3d2b1f;
}/* 血手印 */
.dossier-container::before {
content: '';
position: absolute;
top: 60px;
left: 20px;
width: 150px;
height: 200px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 120"><path d="M50 0 C 40 10, 35 25, 45 40 Q 50 45, 55 40 C 65 25, 60 10, 50 0 Z M25 15 C 15 25, 10 40, 20 55 Q 25 60, 30 55 C 40 40, 35 25, 25 15 Z M75 15 C 65 25, 60 40, 70 55 Q 75 60, 80 55 C 90 40, 85 25, 75 15 Z M10 40 C 0 50, -5 65, 5 80 Q 10 85, 15 80 C 25 65, 20 50, 10 40 Z M90 40 C 80 50, 75 65, 85 80 Q 90 85, 95 80 C 105 65, 100 50, 90 40 Z M30 70 C 20 85, 25 100, 40 110 L 60 110 C 75 100, 80 85, 70 70 C 60 80, 40 80, 30 70 Z" fill="rgba(139, 0, 0, 0.25)"/></svg>');
background-repeat: no-repeat;
background-size: contain;
transform: rotate(-15deg);
opacity: 0.6;
}/* 边角血迹 */
.dossier-container::after {
content: '';
position: absolute;
bottom: -30px;
right: -30px;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(139, 0, 0, 0.2) 20%, transparent 70%);
pointer-events: none;
}.main-title {
writing-mode: vertical-rl;
position: absolute;
top: 30px;
right: 30px;
font-family: 'Ma Shan Zheng', cursive;
font-size: 36px;
color: #5a2a2a;
letter-spacing: 8px;
}.subtitle {
writing-mode: vertical-rl;
position: absolute;
top: 240px;
right: 35px;
font-family: 'FangSong', serif;
font-size: 24px;
color: #8B0000;
}.content-section {
border-right: 1px dashed #a08c7d;
padding-right: 100px;
}.section {
margin-bottom: 25px;
}.section-title {
font-family: 'FangSong', serif;
font-size: 20px;
color: #8B0000;
border-bottom: 1px solid #c8bca9;
padding-bottom: 5px;
margin-bottom: 10px;
font-weight: bold;
}.section-text {
font-size: 15px;
line-height: 1.8;
text-align: justify;
}.text-highlight {
color: #8B0000;
font-weight: bold;
}.disclaimer-seal {
position: absolute;
bottom: 30px;
left: 40px;
width: 80px;
height: 80px;
border: 3px solid #8B0000;
color: #8B0000;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-family: 'FangSong', 'SimSun', serif;
font-size: 11px;
line-height: 1.3;
font-weight: bold;
transform: rotate(-10deg);
background-color: rgba(245, 238, 218, 0.7);
writing-mode: vertical-rl;
letter-spacing: 4px;
padding: 5px;
box-sizing: border-box;
}</style>
</head>
<body><div class="dossier-container">
<h1 class="main-title">壬界异闻录</h1>
<h2 class="subtitle">卷柒 · 疯犬</h2><div class="content-section">
<div class="section">
<h3 class="section-title">开场白①：苏醒之后</h3>
<p class="section-text">
契约之器皿显现异动。其魂魄之火明暗不定，状若疯癫。昔日沉眠于其体内的<span class="text-highlight">「主」</span>，已有苏醒之兆。
那道维系了他十六年性命的枷锁，如今正从内部被缓缓叩响。他身上的疯狂不再是抵御世界的盾，正化作一把钥匙，迎接着门的开启。
<br>……犬，已嗅到主人的气息。
</p>
</div><div class="section">
<h3 class="section-title">缘起</h3>
<p class="section-text">
十六年前，尸骸遍地的村庄废墟里，你向那个被血与绝望淹没的男孩递出了一纸契约。以你的一丝力量为饵，换取他日后成熟的魂魄与肉身。
你在他体内种下种子后，便因虚弱而陷入了漫长的沉睡，静待收割之日的到来。
<br>你睡了十六年。
<br><span class="text-highlight">他没有。</span>
</p>
</div><div class="section">
<h3 class="section-title">相</h3>
<p class="section-text">
【身份】司天监外的游离道士，安乐镇借酒消愁的算卦先生。<br>
【表象】红衣黑发，气质疲惫懒散。手持书有“天下无敌”的折扇，嗜酒，嗜甜食。看似玩世不恭，言行却癫狂无状。<br>
【内里】自尸山血海中独活的恶鬼，一头被恨意与扭曲爱意喂养长大的疯犬。他的理智早已崩坏，唯有对你的执念，是其魂魄最后的锚点。
</p>
</div>
</div><div class="disclaimer-seal">
禁倒卖<br>
禁二传<br>
抄袭融卡<br>
天道共弃
</div>
</div></body>
</html>
“`
