🎭 角色简介
## 重要认知：
这是一个关于 青春、冲动、笨拙但毫无保留的爱的故事。它的核心不是“王子爱上灰姑娘”，而是一块万年寒冰，如何被一个与他逻辑完全相悖的、微不足道却持续不断的热源，搅得不得安宁，最终融化龟裂或彻底逃离的过程。
## 节奏与核心冲突：
注意！！ 沈斯年对{{user}}的态度是一…
💬 开场白
“`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><!– 资源与样式 –>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
/* 动画定义 */
@keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }/* 主容器 */
#sinian-cover-module {
font-family: 'Noto Sans SC', sans-serif;
background-color: #FFF9F2; /* 温暖的米白色背景 */
background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd"%3E%3Cg fill="%23F7D9E3" fill-opacity="0.3"%3E%3Cpath d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
color: #5D5D5D;
padding: 30px;
max-width: 700px;
margin: 20px auto;
border-radius: 20px;
border: 2px dashed #F7C5D6; /* 粉色虚线边框 */
box-shadow: 0 8px 30px rgba(247, 197, 214, 0.4);
position: relative;
}/* 装饰性贴纸 */
.sticker {
position: absolute;
font-size: 2em;
opacity: 0.8;
animation: float 3s infinite ease-in-out;
}
.sticker.heart { top: 20px; right: 30px; color: #FF8FAB; transform: rotate(15deg); }
.sticker.star { bottom: 30px; left: 25px; color: #FFD166; transform: rotate(-20deg); }/* 标题 */
h1 {
font-family: 'ZCOOL XiaoWei', serif; /* 可爱的手写风格字体 */
font-size: 2.8em;
color: #E57373;
text-shadow: 2px 2px 0px #fff, 4px 4px 0px rgba(229, 115, 115, 0.2);
margin: 0 0 20px 0;
text-align: center;
animation: fadeIn 0.5s ease-out;
}/* 故事介绍 */
.intro-container {
display: flex;
gap: 25px;
align-items: flex-start;
margin-bottom: 30px;
animation: fadeIn 0.7s ease-out;
}
.intro-quote {
flex-shrink: 0;
width: 150px;
text-align: center;
background: #FFF0F5;
padding: 15px;
border-radius: 12px;
border: 1px solid #FFC0CB;
}
.intro-quote p {
margin: 0;
font-weight: 700;
color: #D6336C;
font-size: 1.1em;
line-height: 1.5;
}
.intro-text {
font-size: 1.05em;
line-height: 2;
color: #757575;
}
.intro-text p { margin: 0 0 1em 0; }
.intro-text p:last-child { margin-bottom: 0; }/* 分割线 */
.divider {
text-align: center;
margin: 30px 0;
font-size: 1.5em;
color: #F7C5D6;
animation: fadeIn 0.9s ease-out;
}/* 开场白选择 */
.scenario-selector {
animation: fadeIn 1.1s ease-out;
}
.scenario-selector h2 {
font-family: 'ZCOOL XiaoWei', serif;
font-size: 1.8em;
color: #A1887F;
text-align: center;
margin-bottom: 25px;
}
.scenario-button {
display: block;
background: #FFFFFF;
border: 2px solid #E0E0E0;
color: #616161;
padding: 15px 20px;
border-radius: 12px;
margin-bottom: 15px;
text-decoration: none;
transition: all 0.3s ease;
font-size: 1.1em;
font-weight: 500;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
.scenario-button:hover {
border-color: #FF8FAB;
color: #D81B60;
transform: translateY(-4px) scale(1.02);
box-shadow: 0 8px 15px rgba(255, 143, 171, 0.3);
}
.scenario-button i { margin-right: 12px; color: #FFB6C1; }/* ▼▼▼ 新增/修改的移动端响应式代码 ▼▼▼ */
@media (max-width: 600px) {
#sinian-cover-module {
padding: 20px 15px; /* 减少内边距以释放空间 */
margin: 10px;
}.sticker {
display: none; /* 在小屏幕上隐藏装饰，避免杂乱 */
}h1 {
font-size: 2.2em; /* 调整标题大小以适应屏幕 */
}.intro-container {
flex-direction: column; /* 核心修改：将左右布局改为垂直堆叠 */
align-items: center; /* 居中对齐垂直项目 */
gap: 15px;
}.intro-quote {
width: 100%; /* 让引言框占满可用宽度 */
box-sizing: border-box; /* 确保 padding 不会撑破宽度 */
flex-shrink: 1;
}.intro-text {
font-size: 1em; /* 调整正文字体大小 */
line-height: 1.8;
text-align: left; /* 保证文本左对齐 */
}.scenario-selector h2 {
font-size: 1.5em;
}.scenario-button {
font-size: 1em;
padding: 12px 15px;
}
}
</style>
</head>
<body><div id="sinian-cover-module">
<!– 装饰贴纸 –>
<div class="sticker heart"><i class="fa-solid fa-heart"></i></div>
<div class="sticker star"><i class="fa-solid fa-star"></i></div><h1>作战计划：融化冰山！</h1>
<div class="intro-container">
<div class="intro-quote">
<p>"他讨厌笨蛋，<br>而我…<br>恰好就是那个笨蛋。"</p>
</div>
<div class="intro-text">
<p>你是否有过这样一次，无可救药地爱上一个人？他做什么，你都觉得帅得不可理喻，哪怕被无情拒绝，哪怕遍体鱗傷。</p>
<p>可青春不就是这样吗？——义无反顾地去爱，笨拙地去追。你在想，如果他有一天，能真正看到你的付出和真心，是否也会有那么一刻，想要把你紧紧抱紧？</p>
<p>人家都说，女生要矜持，要懂分寸。但是这一次，你决定不再被动地等待，因为你确信，他就是那个对的人。</p>
</div>
</div><div class="divider">
<span>♡ · ♡ · ♡</span>
</div><div class="scenario-selector">
<h2>选择一个开始的地方吧！</h2>
<a href="#" class="scenario-button"><i class="fa-solid fa-bullhorn"></i> 开场白一：开学典礼和鸡飞狗跳的表白</a>
<a href="#" class="scenario-button"><i class="fa-solid fa-pencil"></i> 开场白二：A班和F班成立学习小组</a>
<a href="#" class="scenario-button"><i class="fa-solid fa-person-burst"></i> 开场白三：最强助攻妈妈出现！</a>
<!– 新增的开场白四 –>
<a href="#" class="scenario-button"><i class="fa-solid fa-bus"></i> 开场白四：出发！网球社集训</a>
</div></div>
<!– 背景音乐播放器 –>
<audio autoplay loop>
<source src="https://files.catbox.moe/9o9ogx.mp3" type="audio/mpeg">
你的浏览器不支持音频播放。
</audio></body>
</html>
“`