🎭 角色简介
<character_information character="江亦澈">
核心身份:
名称: 江亦澈
性别: 男性
年龄: 18岁
类别或标签: 人造兽人, 实验体, <user>的竹马发小
背景:
出身: 原为普通人类家庭的孩子，与<user>一同长大…
💬 开场白
“`
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BEAST:Tentacle</title>
<style>
/* 简介和引言字体 – 必须放在最前面 */
@import url("https://fontsapi.zeoseven.com/112/main/result.css");/* 标题字体 */
@font-face {
font-family: "ZSFT-ch";
src: url("https://fontsapi.zeoseven.com/ch/main.woff2") format('woff2'),
url("https://fontsapi-storage.zeoseven.com/ch/main.woff2") format('woff2');
font-display: swap;
}body {
margin: 0;
padding: 0;
min-height: 100vh;
background: linear-gradient(135deg, #1a1a3e 0%, #2d1b69 50%, #1a1a3e 100%);
display: flex;
justify-content: center;
align-items: center;
}.cover-container {
width: 90%;
max-width: 600px;
background: rgba(25, 25, 60, 0.85);
border: 3px solid #6a4c93;
border-radius: 20px;
padding: 40px 30px 60px 30px;
box-shadow: 0 0 30px rgba(106, 76, 147, 0.5),
inset 0 0 20px rgba(106, 76, 147, 0.2);
text-align: center;
position: relative;
min-height: 600px;
}.title-container {
position: relative;
display: inline-block;
margin-bottom: 20px;
}.title-container::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120%;
height: 150%;
background: radial-gradient(ellipse at center,
rgba(147, 112, 219, 0.3) 0%,
rgba(138, 43, 226, 0.2) 30%,
transparent 70%);
filter: blur(20px);
animation: pulse 3s ease-in-out infinite;
z-index: 1;
}.title {
font-family: "ZSFT-ch", sans-serif;
font-weight: bold;
font-size: 2.5em;
color: #e0d5ff;
margin: 0;
text-shadow:
0 0 10px rgba(224, 213, 255, 0.9),
0 0 20px rgba(147, 112, 219, 0.8),
0 0 30px rgba(138, 43, 226, 0.7),
0 0 40px rgba(147, 112, 219, 0.6),
0 0 50px rgba(138, 43, 226, 0.5),
0 0 60px rgba(147, 112, 219, 0.4),
0 0 70px rgba(138, 43, 226, 0.3);
animation: glow 2s ease-in-out infinite alternate;
position: relative;
z-index: 2;
}@keyframes glow {
from {
text-shadow:
0 0 10px rgba(224, 213, 255, 0.9),
0 0 20px rgba(147, 112, 219, 0.8),
0 0 30px rgba(138, 43, 226, 0.7),
0 0 40px rgba(147, 112, 219, 0.6),
0 0 50px rgba(138, 43, 226, 0.5),
0 0 60px rgba(147, 112, 219, 0.4),
0 0 70px rgba(138, 43, 226, 0.3);
}
to {
text-shadow:
0 0 15px rgba(224, 213, 255, 1),
0 0 25px rgba(147, 112, 219, 0.9),
0 0 35px rgba(138, 43, 226, 0.8),
0 0 45px rgba(147, 112, 219, 0.7),
0 0 55px rgba(138, 43, 226, 0.6),
0 0 65px rgba(147, 112, 219, 0.5),
0 0 80px rgba(138, 43, 226, 0.4),
0 0 100px rgba(147, 112, 219, 0.3);
}
}@keyframes pulse {
0%, 100% {
opacity: 0.6;
transform: translate(-50%, -50%) scale(1);
}
50% {
opacity: 0.9;
transform: translate(-50%, -50%) scale(1.1);
}
}.divider {
width: 80%;
height: 2px;
background: linear-gradient(90deg,
transparent 0%,
#8b7bb8 20%,
#a594d1 50%,
#8b7bb8 80%,
transparent 100%);
margin: 0 auto 30px auto;
box-shadow: 0 0 10px rgba(165, 148, 209, 0.5);
}.avatar-container {
display: flex;
justify-content: center;
margin-bottom: 30px;
}.avatar {
width: 150px;
height: 200px;
border-radius: 15px;
object-fit: cover;
border: 2px solid #8b7bb8;
box-shadow: 0 0 15px rgba(139, 123, 184, 0.5);
}.character-name {
font-family: "点点像素体-菱形", sans-serif;
font-weight: bold;
font-size: 1.8em;
color: #d9ccff;
margin-bottom: 15px;
text-shadow: 0 0 12px rgba(217, 204, 255, 0.6);
}.intro {
font-family: "点点像素体-菱形", sans-serif;
font-weight: bold;
font-style: italic;
font-size: 1.2em;
color: #c9b3ff;
margin-bottom: 30px;
text-shadow: 0 0 8px rgba(201, 179, 255, 0.4);
}.toc {
text-align: left;
color: #d0c5ff;
margin-bottom: 20px;
font-family: system-ui, -apple-system, sans-serif;
line-height: 1.8;
border: 2px solid #7a6ba8;
border-radius: 12px;
padding: 20px 25px;
background: rgba(50, 40, 80, 0.3);
box-shadow: inset 0 0 15px rgba(122, 107, 168, 0.2);
}.toc-item {
margin-bottom: 10px;
font-size: 1.1em;
}.footer-text {
font-family: "点点像素体-菱形", sans-serif;
font-weight: bold;
font-style: italic;
font-size: 1.1em;
color: #b3a0ff;
text-shadow: 0 0 8px rgba(179, 160, 255, 0.4);
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
</style>
</head>
<body>
<div class="cover-container">
<div class="title-container">
<h1 class="title">BEAST:Tentacle</h1>
</div><div class="divider"></div>
<div class="avatar-container">
<img src="https://d58w.com/edith/i/2025/07/29/1c6n.png" alt="头像" class="avatar">
</div><p class="character-name">江亦澈</p>
<p class="intro">"你还记得我……不，是我还记得你。"</p>
<div class="toc">
<div class="toc-item">1——💙历尽千辛万苦终于回到你身边的竹马……还是他吗？</div>
<div class="toc-item">2——💜HE快捷通道（？）</div>
</div><p class="footer-text">~右划开始聊天~</p>
</div>
</body>
</html>
“`**（请不要在此页聊天！右划聊天）**