💬 开场白
“`html
<html>
<head>
<style>
@import url('https://static.zeoseven.com/zsft/62/main/result.css');body {
font-family: "baotuxiaobaiti", sans-serif;
font-size: 16px;
margin: 0;
padding: 10px;
}.scroll-container {
max-width: 800px;
width: 100%;
margin: 0 auto;
background: url('https://files.catbox.moe/u7aup1.jpg');
background-size: cover;
padding: 20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
position: relative;
border-radius: 20px;
box-sizing: border-box;
}.scroll-top {
height: 3px;
background: url('https://files.catbox.moe/v7f231.png') no-repeat center top;
background-size: 100% auto;
margin-bottom: -20px;
}.header {
display: flex;
align-items: center;
padding: 15px;
border-bottom: 2px dashed transparent;
flex-wrap: wrap;
position: relative;
}.header-divider {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1.5px;
background: linear-gradient(to right, #FFF1BB, #FFB6C1);
background-size: 10px 100%;
background-repeat: repeat-x;
}.user_avatar {
width: 100%;
height: 100%;
border-radius: 50%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}.fox-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #FFF7D7;
overflow: hidden;
margin-right: 15px;
}.avatar-img {
width: 100%;
height: 100%;
border-radius: 50%;
background-size: cover;
background-position: center;
}.title {
flex: 1;
}.title h2 {
color: #FF7A4E;
font-size: 22px;
margin: 0;
}.genre {
color: #B6495A;
font-size: 14px;
margin-top: 5px;
}.section {
margin: 15px 20px;
padding: 12px;
background: #FFFEFA;
border-left: 10px solid #FFECA1;
border-radius: 15px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}.section h3 {
color: #AEFE8E;
font-size: 18px;
margin-top: 0;
padding-left: 10px;
}.section p {
line-height: 1.6;
color: #333;
text-align: justify;
}.footer {
position: relative;
text-align: right;
margin-top: 15px;
padding-top: 10px;
}.footer-divider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, #FFF1BB, #FFB6C1);
background-size: 10px 100%;
background-repeat: repeat-x;
}.footer-text {
color: #000;
font-size: 15px;
}
/* 移动端适配 */
@media (max-width: 768px) {
body {
padding: 5px;
}.scroll-container {
padding: 10px;
}.header {
padding: 10px;
}.fox-avatar {
width: 50px;
height: 50px;
}h2 {
font-size: 20px;
}.genre {
font-size: 12px;
}.section {
padding: 10px;
margin: 10px 0;
}h3 {
font-size: 16px;
}.description {
font-size: 14px;
}.other-works li {
font-size: 14px;
}
}/* 超小屏幕适配 */
@media (max-width: 480px) {
.scroll-container {
padding: 8px;
}.header {
justify-content: center;
text-align: center;
}.fox-avatar {
margin-bottom: 10px;
}.title {
width: 100%;
text-align: center;
}h2 {
font-size: 18px;
}
}</style>
</head>
<body>
<div class="scroll-top"></div>
<div class="scroll-container">
<div class="header">
<div class="header-divider"></div>
<div class="fox-avatar">
<div class="user_avatar"></div>
</div>
<!– Title –>
<div class="title">
<h2>作者：Moaisha</h2>
<div class="genre">女性向/搞笑/科普</div>
</div>
</div><!– Introduction Section –>
<div class="section">
<h3>作品简介</h3>
<p>【女性向/三人/日系】<br>
你是名门家族的独生女，也是下一任当家。<br>
从幼稚园开始就读于超名门女子学校，在与年轻男性和x相关事物完全隔绝的环境中长大，因此对x知识一无所知。<br>
甚至连“H”这个词都不知道，但某天晚上突然梦见了“身体抽搐的梦”。<br>
完全不知道自己身上发生了什么事，但是，想要再次体验那种快感的你，做出了更加莫名其妙的行为。<br>
在重要的账本上请求一些不好的事情，或者完全不看气氛地提出猥亵的问题……<br>
做为继承人的你被成为“千年难遇的人才”，请带领家族走向振兴吧（）</p>
</div><!– Contact Section –>
<div class="section" style="border-left: 10px solid #EFC3CA;">
<h3>联系方式</h3>
<p>Discord类脑社区搜索Moaisha</p>
<p>Discord 旅程ΟΡΙΖΟΝΤΑΣ 社区搜索Moaisha</p>
</div><!– Opening Section –>
<div class="section" style="border-left: 10px solid #CDFABB;">
<h3>开场白</h3>
<p>🎞️开场白一<br>
“呃，你说的抽搐的梦是什么意思？”<br>
你在第一次见到未婚夫的前一天晚上，做了一个奇怪的梦-淫梦。<br>
当你醒来时，被一个神秘的声音召唤，走进了宅邸中一个似乎未打开的房间。<br>
你逃离那个可疑的房间，不知不觉间，她的手中多了一本旧笔记本。在你面前，你疑惑着…<br>
“我是这本书的灵魂。你可以叫我‘账本精灵。”<br>
一个自称“账本精灵”的厚脸皮童魂出现了！你被告知可以使用我们目前正在研究的“玖珠文字”自由地写下愿望。你想要再一次获得那种感觉…就在日记本上写下….</p>
</div><!– Author's Message –>
<div class="section" style="border-left: 10px solid #D6E8FE;">
<h3>作者想说</h3>
<p>🌟本卡算是半科普卡，您只需要爽爽，关于xp，无论您询问什么，做出什么事情，char都会给您科普知识（毕竟您是家主🤗）</p>
<p>人设简介：</p>
<p>1.五海棠 祥之辅【超级纯情的未婚夫】</p>
<p>2.敷祢 真人【冷酷的抖S家庭教师】</p>
<p>3.樟近 开【受雌性欢迎的守护者】</p>
<p>🌟关于一些特殊设定</p>
<p>1.日记本—是家族流传下来的，用玖珠文字在上面撰写，愿望就会实现。</p>
<p>2.玖珠文字—只允许家族的女性使用的，家族传承的特殊文字，目前你在学习当中。</p>
<p>3.账本精灵—日记本的精灵，只要说出“账本精灵”可以召唤他哦，但他不一定出现。</p>
</div><!– Footer –>
<div class="footer">
<div class="footer-divider"></div>
<div class="footer-text">版本1.0：2025年2月14 | 向右开启开场白→</div>
</div><!– Bottom Scroll Design –>
<div class="scroll-bottom"></div>
</div>
</body>
</html>
“`
