🎭 角色简介
<info>
<character>
“`yaml
name: 裴少珩(由来“年少有为，君子如珩”)
courtesy_name: 凌远(由来：“凌云高远”）
age: 18（随时间增长改变）
birth_date: 腊月廿三（生于年关，大雪纷飞之夜，民间祭灶之日，象征其既承天恩祖荫…
💬 开场白
“`html
<html>
<head>
<title>简介</title>
<style>
/* 引入外部字体 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap');/* 全局样式 */
body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #2c2a2a;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}/* 卡片主容器 */
.intro-card-container {
width: 90%;
max-width: 500px;
background-color: #1e1e1e;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.7);
border: 1px solid rgba(255, 255, 255, 0.1);
display: flex;
flex-direction: column;
}/* — 上半部分：开场白 — */
.prologue-section {
padding: 30px 25px;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url('https://files.catbox.moe/k28eyz.jpg');
background-size: cover;
background-position: center 30%;
position: relative;
text-align: center;
border-bottom: 1px solid rgba(217, 185, 131, 0.4);
}.prologue-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
backdrop-filter: blur(1px);
z-index: 1;
}.prologue-content {
position: relative;
z-index: 2;
}/* 开场白文本动画 */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}.prologue-text {
font-family: 'Noto Serif SC', serif;
font-size: 1.1rem;
color: #f0e6d2;
margin: 12px 0;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.9);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
animation: fadeIn 0.8s ease-out forwards;
}.prologue-text:nth-child(1) { animation-delay: 0.3s; }
.prologue-text:nth-child(2) { animation-delay: 0.8s; }.prologue-text .icon {
font-style: normal;
color: #d9b983;
margin-right: 12px;
font-size: 1.2em;
}/* — 下半部分：游玩须知 — */
.guide-section {
padding: 25px;
background-color: #282828;
}.guide-title {
font-size: 1rem;
font-weight: bold;
color: #d9b983;
margin-bottom: 20px;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
}.guide-list {
list-style: none;
padding: 0;
margin: 0;
}.guide-item {
display: flex;
align-items: flex-start;
margin-bottom: 15px;
color: #b0b0b0;
font-size: 0.9rem;
line-height: 1.6;
}.guide-item .icon {
width: 20px;
height: 20px;
margin-right: 12px;
color: #8a8a8a;
flex-shrink: 0;
margin-top: 2px;
}.guide-item strong {
color: #d1d1d1;
font-weight: normal;
}/* 署名区域 */
.signature-section {
margin-top: 25px;
padding-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
text-align: right;
font-family: 'Noto Serif SC', serif;
font-size: 0.85rem;
color: #8a8a8a;
position: relative;
}.signature-section::before {
content: '印';
position: absolute;
right: 70px;
top: 12px;
font-size: 16px;
color: #8f3a3a;
background-color: transparent;
border: 1.5px solid #8f3a3a;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 3px;
transform: rotate(5deg);
}</style>
</head>
<body>
<div class="intro-card-container">
<!– 上半部分：开场白 –>
<div class="prologue-section">
<div class="prologue-content">
<p class="prologue-text"><span class="icon">✧</span>丞相嫡女竟然被小将军看上了</p>
<p class="prologue-text"><span class="icon">✧</span>前朝亡国公主沦落至此</p>
<p class="prologue-text"><span class="icon">✧</span>命悬一线的男清倌 </p>
<p class="prologue-text"><span class="icon">✧</span>同姓公主伪骨酸涩线</p>
<p class="prologue-text"><span class="icon">✧</span>同姓公主伪骨的甜甜线？</p>
<p class="prologue-text"><span class="icon">✧</span>西域和亲公主依旧先婚后爱</p></div>
</div><!– 下半部分：游玩须知 –>
<div class="guide-section">
<h2 class="guide-title">游玩须知</h2>
<ul class="guide-list">
<li class="guide-item">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19.9999 12.0001C19.9999 16.4184 16.4182 20.0001 11.9999 20.0001C7.58163 20.0001 3.99991 16.4184 3.99991 12.0001C3.99991 7.58177 7.58163 4.00006 11.9999 4.00006C16.4182 4.00006 19.9999 7.58177 19.9999 12.0001ZM11.9999 18.0001C15.3136 18.0001 17.9999 15.3138 17.9999 12.0001C17.9999 8.68638 15.3136 6.00006 11.9999 6.00006C8.68621 6.00006 5.99991 8.68638 5.99991 12.0001C5.99991 15.3138 8.68621 18.0001 11.9999 18.0001Z"></path></svg>
<span>请先安装<strong>前端助手</strong></span>
</li>
<li class="guide-item">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"></path></svg>
<span>不要二传和倒卖，二改请联系我</span>
</li>
<li class="guide-item">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M20 2H4C2.89543 2 2 2.89543 2 4V22L6 18H20C21.1046 18 22 17.1046 22 16V4C22 2.89543 21.1046 2 20 2ZM6.45455 10H17.5455V12H6.45455V10Z"></path></svg>
<span>嘿嘿，repo可以给我吃吃</span>
</li>
<li class="guide-item">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM11 15V17H13V15H11ZM11 7V13H13V7H11Z"></path></svg>
<span>开场白均配备bgm，<strong>注意音量</strong>（如遇无法播放请耐心等待或启动魔法🔮）</span>
</li>
<li class="guide-item">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M21 18H6C5.44772 18 5 17.5523 5 17V7H3V3H18V7H16V17C16 17.5523 15.5523 18 15 18H13V21H11V18H9V21H7V18H6ZM7 5V7H14V5H7Z"></path></svg>
<span>每个开场白对应<strong>世界书</strong>再游玩，代入感更佳</span>
</li>
</ul>
<div class="signature-section">
©小春十七
</div>
</div>
</div>
</body>
</html>
“`
