💬 开场白
“`
<!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://fontsapi.zeoseven.com/474/main/result.css");* {
margin: 0;
padding: 0;
box-sizing: border-box;
}body {
font-family: "jiangxizhuokai", serif;
font-weight: normal;
background: linear-gradient(135deg, #fdf6e3 0%, #d7c8b3 100%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}.cover-container {
background: #fdf6e3;
max-width: 500px;
width: 100%;
padding: 50px 40px;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(140, 39, 39, 0.2);
position: relative;
overflow: hidden;
}/* 装饰性背景纹理 */
.cover-container::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle, rgba(140, 39, 39, 0.03) 1px, transparent 1px);
background-size: 30px 30px;
transform: rotate(45deg);
pointer-events: none;
}/* 顶部标题 */
.main-title {
text-align: center;
font-size: 24px;
color: #8c2727;
margin-bottom: 35px;
line-height: 1.6;
position: relative;
z-index: 1;
text-shadow: 2px 2px 4px rgba(98, 73, 57, 0.1);
font-weight: normal;
}/* 头像容器 */
.avatar-container {
text-align: center;
margin-bottom: 30px;
position: relative;
z-index: 1;
}.avatar {
width: 140ปx;
height: 180px;
border-radius: 20px;
object-fit: cover;
border: 3px solid #d1c1aa;
box-shadow: 0 10px 30px rgba(98, 73, 57, 0.3);
transition: transform 0.3s ease;
}.avatar:hover {
transform: translateY(-5px);
}/* 姓名样式 */
.character-name {
text-align: center;
font-size: 32px;
color: #624939;
margin-bottom: 10px;
position: relative;
z-index: 1;
font-weight: bold;
}/* 防盗标识 */
.copyright-notice {
text-align: center;
font-size: 12px;
color: #a08875;
margin-bottom: 30px;
position: relative;
z-index: 1;
opacity: 0.8;
line-height: 1.5;
}/* 人物简介 */
.description {
text-align: justify;
font-size: 16px;
color: #624939;
line-height: 1.8;
margin-bottom: 35px;
position: relative;
z-index: 1;
padding: 20px;
background: linear-gradient(to bottom, rgba(215, 200, 179, 0.1), rgba(215, 200, 179, 0.05));
border-radius: 10px;
border-left: 3px solid #8c2727;
}/* 目录样式 */
.chapters {
position: relative;
z-index: 1;
margin-bottom: 35px;
}.chapter-item {
font-size: 15px;
color: #624939;
line-height: 2;
padding-left: 20px;
position: relative;
transition: all 0.3s ease;
}.chapter-item::before {
content: '◈';
position: absolute;
left: 0;
color: #8c2727;
opacity: 0.6;
}.chapter-item:hover {
padding-left: 25px;
color: #8c2727;
}/* 底部引导语 */
.guide-text {
text-align: center;
font-style: italic;
font-size: 18px;
color: #8c2727;
opacity: 0.8;
position: relative;
z-index: 1;
margin-top: 40px;
animation: pulse 2s infinite;
}@keyframes pulse {
0%, 100% {
opacity: 0.8;
}
50% {
opacity: 1;
}
}/* 装饰性分隔线 */
.divider {
width: 60px;
height: 2px;
background: linear-gradient(to right, transparent, #8c2727, transparent);
margin: 20px auto;
position: relative;
z-index: 1;
}/* 响应式设计 */
@media (max-width: 600px) {
.cover-container {
padding: 30px 20px;
}.main-title {
font-size: 20px;
}.character-name {
font-size: 28px;
}.description {
font-size: 14px;
padding: 15px;
}.chapter-item {
font-size: 14px;
}
}
</style>
</head>
<body>
<div class="cover-container">
<!– 顶部标题 –>
<h1 class="main-title">唯将终夜长开眼，报答平生未展眉</h1><!– 头像 –>
<div class="avatar-container">
<img src="https://d58w.com/edith/i/2025/08/02/ych4.png" alt="苏玉折" class="avatar">
</div><!– 姓名 –>
<h2 class="character-name">苏玉折</h2><!– 防盗标识 –>
<div class="copyright-notice">
作者：Edith<br>
免费首发discord，可二改禁二传商用
</div><div class="divider"></div>
<!– 人物简介 –>
<div class="description">
镇北王府满门覆灭，你是唯一的幸存者，被接入深宫，成为太子苏玉折身边最亲近的影子。你曾以为飞蛾扑火是爱，却在预知结局后幡然醒悟，抽身而退。你以为这是解脱，却不知当笼中鸟决定飞离，养鸟人眼中那份温柔的宠溺，早已化为焚尽一切的占有欲。这是一场以天下为棋盘的生死博弈，而你，是他赌上的全部。
</div><div class="divider"></div>
<!– 目录 –>
<div class="chapters">
<div class="chapter-item">1——准备霸王硬上弓的时候觉醒了怎么办</div>
<div class="chapter-item">2——觉醒前趁太子哥哥没有防备偷亲一下</div>
<div class="chapter-item">3——觉醒后躲人太夸张被抓回去了</div>
<div class="chapter-item">4——if线：如果觉醒的人是他呢</div>
<div class="chapter-item">5——和太子哥哥的初遇</div>
</div><!– 底部引导语 –>
<div class="guide-text">～右划开始聊天～</div>
</div>
</body>
</html>
“`