🎭 角色简介
<character_information character="惠特尼">
核心身份:
名称: 惠特尼
性别: 男
年龄: 18岁高中生
类别或标签: 美式恶霸, 学生, 少年犯
背景:
出身: 居住在倒钩街（Barb Street）。成长于一个扭曲的家庭，…
💬 开场白
“`
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Degrees of Lewdity 惠特尼 同人卡</title>
<style>
@import url("https://fontsapi.zeoseven.com/217/main/result.css");/* 动画定义 */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}@keyframes breathe {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.02);
opacity: 0.9;
}
}@keyframes emojiRotate {
0% {
transform: rotate(0deg) scale(1);
}
50% {
transform: rotate(180deg) scale(1.3);
}
100% {
transform: rotate(360deg) scale(1);
}
}body {
background-color: transparent; /* 透明背景 */
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.card-container {
background-color: #220133;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
padding: 30px 20px;
width: 90%;
max-width: 400px;
text-align: center;
box-sizing: border-box;
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: pointer;
position: relative;
overflow: visible;
}/* 金色装饰线条 */
.card-container::before {
content: '';
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 1px solid rgba(255, 215, 0, 0.6);
border-radius: 12px;
pointer-events: none;
opacity: 0.8;
transition: opacity 0.3s ease, box-shadow 0.3s ease;
}.card-container:hover::before {
opacity: 1;
box-shadow: inset 0 0 15px rgba(255, 215, 0, 0.1);
}/* 封面图片样式 */
.cover-image {
width: calc(100% + 10px);
height: 120px;
margin: -15px -5px 20px -5px;
display: block;
border-radius: 10px;
object-fit: cover;
animation: fadeInUp 0.4s ease-out;
}/* 悬浮卡片效果 */
.card-container:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
}
.title-main, .title-sub, .intro {
font-family: "CLFN 24x CN", sans-serif;
font-weight: normal;
margin: 0;
}
.title-main {
font-size: 24px;
color: #FFFFFF;
margin-top: 10px;
animation: fadeInUp 0.6s ease-out;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}
.title-sub {
font-size: 32px;
color: #FFFFFF;
margin-top: 5px;
margin-bottom: 5px;
animation: fadeInUp 0.8s ease-out;
position: relative;
display: inline-block;
font-style: italic;
text-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
}/* 金色下划线装饰 */
.title-sub::after {
content: '';
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 1px;
background: linear-gradient(90deg,
transparent 0%,
rgba(255, 255, 255, 0.3) 20%,
rgba(255, 255, 255, 0.6) 50%,
rgba(255, 255, 255, 0.3) 80%,
transparent 100%
);
}
.author-line {
font-family: "CLFN 24x CN", sans-serif;
font-size: 14px;
color: #CCCCCC;
margin-bottom: 25px;
animation: fadeInUp 1s ease-out;
}
.profile-image {
width: 150px; /* 设定宽度 */
height: 225px; /* 设定高度，形成竖直长方形 */
border-radius: 12px;
object-fit: cover; /* 保证图片不变形 */
margin-bottom: 25px;
animation: fadeInUp 1.2s ease-out;
}
.intro {
font-size: 18px;
font-style: italic;
color: #8B0000;
font-weight: bold;
margin-bottom: 30px;
animation: fadeInUp 1.4s ease-out, breathe 3s ease-in-out infinite;
animation-delay: 0s, 1.4s;
}
.table-of-contents {
text-align: left;
display: inline-block; /* 让左对齐的块在居中的容器里正常显示 */
margin-bottom: 30px;
border: 1px solid rgba(255, 248, 220, 0.4);
border-radius: 10px;
padding: 20px;
background-color: rgba(255, 248, 220, 0.03);
animation: fadeInUp 1.6s ease-out;
box-shadow: 0 0 10px rgba(255, 248, 220, 0.08);
}
.table-of-contents p {
font-size: 16px;
color: #FFF8DC;
line-height: 1.8;
margin: 5px 0;
cursor: pointer;
transition: transform 0.2s ease, color 0.2s ease;
display: flex;
align-items: center;
}.table-of-contents p:hover {
transform: translateX(5px);
color: #FFFACD;
text-shadow: 0 0 10px rgba(255, 250, 205, 0.3);
}.table-of-contents p:active span {
animation: emojiRotate 0.5s ease-out;
display: inline-block;
}.closing-line {
font-family: "CLFN 24x CN", sans-serif;
font-size: 15px;
color: #999999;
margin-top: 10px;
animation: fadeInUp 1.8s ease-out;
}
</style>
</head>
<body>
<div class="card-container">
<img src="https://d58w.com/edith/i/2025/07/26/16p5wc.webp" alt="封面图" class="cover-image">
<h1 class="title-main">Degrees of Lewdity</h1>
<h2 class="title-sub">惠特尼 Whitney</h2>
<p class="author-line">同人卡 作者：Edith</p>
<img src="https://d58w.com/edith/i/2025/07/25/k1w.jpg" alt="惠特尼头像" class="profile-image">
<p class="intro">"带刺的玫瑰才最芬芳。"</p>
<div class="table-of-contents">
<p>1——<span>💥</span>经典开局，学校走廊的初见</p>
<p>2——<span>💐</span>确认关系后第一次给你送花</p>
<p>3——<span>💓</span>在购物中心一起做点坏事吧</p>
<p>4——<span>🏖️</span>调教成功之后的甜蜜沙滩恋爱</p>
<p>5——<span>🛏️</span>夜深人静，有人趁机偷偷翻窗喔</p>
</div>
<p class="closing-line">~右划即可食用超美味金毛犬~</p>
</div>
</body>
</html>
“`（以下为惠特尼状态栏预览，请勿在此页聊天，聊天请右划）
