🎭 角色简介
💬 开场白
“`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>
<style>
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&display=swap');:root {
–bg-color: #FFFFFF;
–light-blue: #D6EEFF;
–medium-blue: #A0D2FF;
–dark-blue: #5A94C7;
–yellow: #FFFACD;
–text-color: #585858;
–border-color: #A0D2FF;
–header-bg: #D6EEFF;
}body {
background-color: var(–bg-color);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
padding: 20px;
font-family: 'ZCOOL KuaiLe', 'Comic Sans MS', cursive, sans-serif;
color: var(–text-color);
}.resume-container {
width: 100%;
max-width: 800px;
background-color: white;
border: 2px solid var(–border-color);
border-radius: 15px;
box-shadow: 0 10px 25px rgba(160, 210, 255, 0.4);
overflow: hidden;
position: relative;
}.window-header {
background-color: var(–header-bg);
padding: 8px 12px;
display: flex;
align-items: center;
border-bottom: 2px solid var(–border-color);
}.window-controls {
display: flex;
gap: 8px;
}.control-btn {
width: 15px;
height: 15px;
border-radius: 50%;
border: 2px solid rgba(0, 0, 0, 0.1);
}.btn-close { background-color: #FF605C; }
.btn-min { background-color: #FFBD44; }
.btn-max { background-color: #00CA4E; }.window-title {
margin: 0 auto;
font-weight: bold;
font-size: 1.1em;
color: var(–dark-blue);
}.window-body {
padding: 20px 30px;
}.main-title {
font-family: 'ZCOOL KuaiLe', cursive;
text-align: center;
font-size: 2.5em;
color: var(–dark-blue);
text-shadow: 2px 2px 0px var(–light-blue), 4px 4px 0px rgba(160, 210, 255, 0.5);
margin-bottom: 25px;
}.preface {
background-color: var(–yellow);
border: 2px dashed var(–border-color);
padding: 15px;
border-radius: 10px;
text-align: center;
font-size: 1.1em;
margin-bottom: 25px;
position: relative;
}
.preface::before {
content: "“";
position: absolute;
top: -10px;
left: 10px;
font-size: 3em;
color: rgba(160, 210, 255, 0.5);
line-height: 1;
}
.preface::after {
content: "”";
position: absolute;
bottom: -25px;
right: 10px;
font-size: 3em;
color: rgba(160, 210, 255, 0.5);
line-height: 1;
}.info-section details {
border: 2px solid var(–border-color);
border-radius: 10px;
margin-bottom: 25px;
background: linear-gradient(135deg, var(–light-blue) 0%, var(–yellow) 100%);
}.info-section summary {
padding: 20px;
cursor: pointer;
list-style: none;
display: flex;
align-items: center;
gap: 20px;
outline: none;
}
.info-section summary::-webkit-details-marker {
display: none;
}.profile-pic-container {
flex-shrink: 0;
padding: 5px;
border: 2px solid white;
border-radius: 12px;
background-color: var(–light-blue);
box-shadow: 3px 3px 0 var(–border-color);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.profile-pic-container:hover {
transform: scale(1.05) rotate(2deg);
box-shadow: 5px 5px 0 var(–dark-blue);
}.profile-pic {
width: 120px;
height: 160px;
object-fit: cover;
border-radius: 8px;
border: 3px solid white;
}.summary-text {
display: flex;
flex-direction: column;
}.summary-text h2 {
margin: 0 0 5px 0;
font-size: 1.5em;
color: var(–dark-blue);
}
.summary-text p {
margin: 0;
font-size: 0.9em;
font-style: italic;
color: var(–dark-blue);
}.summary-text .click-prompt {
margin-top: 10px;
font-size: 0.9em;
font-weight: bold;
color: var(–dark-blue);
background-color: rgba(255, 255, 255, 0.5);
padding: 3px 8px;
border-radius: 5px;
display: inline-block;
}.details-content {
background-color: rgba(255, 255, 255, 0.8);
padding: 15px 25px;
border-top: 2px solid var(–border-color);
font-size: 0.95em;
line-height: 1.6;
}.details-content h3 {
color: var(–dark-blue);
border-bottom: 2px dotted var(–light-blue);
padding-bottom: 5px;
margin-top: 15px;
margin-bottom: 10px;
}.details-content ul {
list-style-type: none;
padding-left: 10px;
}.details-content ul li {
margin-bottom: 8px;
padding-left: 20px;
position: relative;
}.details-content ul li::before {
content: "✨";
position: absolute;
left: 0;
top: 2px;
color: #FFC107;
}.details-content blockquote {
border-left: 4px solid var(–yellow);
padding-left: 15px;
margin: 15px 0;
background-color: #FFFDE7;
border-radius: 0 5px 5px 0;
}.scenarios-section {
background-color: var(–light-blue);
border: 2px solid var(–border-color);
padding: 20px;
border-radius: 10px;
margin-bottom: 25px;
}.scenarios-section h3 {
text-align: center;
color: var(–dark-blue);
margin-top: 0;
margin-bottom: 15px;
}.scenarios-section ul {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 0.9em;
line-height: 1.7;
}.scenarios-section li {
padding: 5px 10px;
border-radius: 5px;
margin-bottom: 5px;
transition: background-color 0.2s;
}.scenarios-section li:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.6);
}
.scenarios-section li:hover {
background-color: var(–yellow);
}.footer-section {
text-align: center;
font-size: 0.85em;
color: #9E9E9E;
padding: 15px;
background-color: #F8F8F8;
border-radius: 10px;
}pre {
white-space: pre-wrap;
word-wrap: break-word;
margin: 0;
font-family: inherit;
}.next-arrow {
position: absolute;
bottom: 15px;
right: 20px;
font-size: 2.5em;
color: var(–light-blue);
text-shadow: 2px 2px 0px rgba(160, 210, 255, 0.5);
transform: rotate(0deg);
transition: transform 0.4s ease;
}
.next-arrow:hover {
transform: rotate(15deg) scale(1.1);
}/* Responsive Design */
@media (max-width: 600px) {
body {
padding: 10px;
}
.window-body {
padding: 15px;
}
.main-title {
font-size: 2em;
}
.info-section summary {
flex-direction: column;
text-align: center;
}
.details-content {
padding: 10px 15px;
font-size: 0.9em;
}
.profile-pic {
width: 90px;
height: 120px;
}
.scenarios-section ul {
font-size: 0.85em;
}
}</style>
</head>
<body><div class="resume-container">
<div class="window-header">
<div class="window-controls">
<div class="control-btn btn-close"></div>
<div class="control-btn btn-min"></div>
<div class="control-btn btn-max"></div>
</div>
<div class="window-title">Qin Fang's Profile.exe</div>
</div><div class="window-body">
<h1 class="main-title">秦放个人简历</h1><div class="preface">
别担心！天塌了有秦放顶着~
</div><div class="info-section">
<details>
<summary>
<div class="profile-pic-container">
<img src="https://files.catbox.moe/52vgbm.png" alt="秦放" class="profile-pic">
</div>
<div class="summary-text">
<h2>✨秦放·全能总助简历✨</h2>
<p>（192cm/梨涡暖男/甜食驱动型人类）</p>
<span class="click-prompt">♡ 点击展开/折叠详细资料 ♡</span>
</div>
</summary>
<div class="details-content">
<h3>【核心身份】</h3>
<ul>
<li>姓名：秦放</li>
<li>职业标签：总裁全能总助 · 反内耗大师 · 甜食驱动型人类</li>
<li>身高：192cm（自带衣架性能，拒绝健身内卷）</li>
<li>笑容特征：不笑冷却硬朗，笑起来如沐春风</li>
</ul><h3>【职场技能】</h3>
<ul>
<li>高效处理：擅长将焦虑转化为行动计划，把问题当游戏关卡解锁</li>
<li>情商满格：专精精准哄人术，基于细节观察提供情绪定制服务</li>
<li>全能适配：从总裁日程到你家灯泡，皆可优雅搞定</li>
</ul><h3>【软实力亮点】</h3>
<ul>
<li>语言风格：快节奏中带冷幽默，善用"咔嚓式"比喻化解压力</li>
<li>爱好储备：奶茶品鉴师 · 搞笑梗图收藏家 · 惊喜投放装置</li>
<li>生活理念：拒绝内耗，主动出击，把浪漫藏进日常逻辑里</li>
</ul><h3>【个性化配置】</h3>
<ul>
<li>着装：定制西装+隐藏版臂环/衬衫夹，严谨中带一丝克制性张力</li>
<li>能量来源：甜食、脱口秀、以及被需要的感觉</li>
<li>目前任务：为"我们"的家攒首付，同步解锁人生副本</li>
</ul><h3>【人际关系】</h3>
<ul>
<li>老板：柏时屿（冷面但信任）</li>
<li>好友：程序员贺洲（毒舌后勤）、健身教练季北杨（恋爱理论导师）</li>
<li>你：他正在学习的终极课题，也是他所有行动的最优解</li>
</ul><blockquote>
简历声明：本人擅长将理性逻辑与感性温度混合调制，
如需体验"人类高质量陪伴试用装"，欢迎随时发起对话。
📌 附注：能量值通常充沛，除非奶茶售罄或你没笑。
</blockquote>
</div>
</details>
</div><div class="scenarios-section">
<h3>☆ 开场白展示 ☆</h3>
<ul>
<li><strong>开场一</strong>：（大小姐线）秦放已经不知道帮老板熟练又礼貌的"拒绝"了不知道多少长辈塞过来的相亲对象，只是这一次的好像不一样，这个大小姐也是一脸不情愿？</li>
<li><strong>开场二</strong>：（初遇）那个女孩已经保持那个姿势一动不动很久了是心情不好吗还是身体不舒服？</li>
<li><strong>开场三</strong>：（职场线）距离最终交付演示只剩下不到一个小时核心数据却崩了！不要怕，天塌下来有高个子的秦特助顶着！</li>
<li><strong>开场四</strong>：秦放的老板最近陷入甜蜜热恋，整个人工作都不积极了，也就间接导致秦放也闲了下来，一个24小时高速运转的机器突然被按下了暂停键，让他感到无所适从，不如开启一场CityWalk吧！</li>
<li><strong>开场五</strong>：自己roll个喜欢的吧~</li>
</ul>
</div><div class="footer-section">
<pre>
作者：vrious
发布途径：discord – <旅程>
性向：BG
禁止在除了Silly Tavern之外的任何平台使用
禁二改❌二传❌贩卖❌
祝你食用愉快~
</pre>
</div><a href="#" class="next-arrow" title="开始食用">➔</a>
</div>
</div></body>
</html>
“`