Epis 1. 罗斯伍德学院·美高模拟器
<div style="width:98%; max-width:100%; margin:0 auto; font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif; background:#1c1c1c;
color:#d8d8d8;line-height:1.4;">
（如果有乱码/不显示的情况，请刷新一下，谢谢你的耐心！）
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="header">
<h1 class="title">阴影从不孤单</h1>
<p class="subtitle">光鲜亮丽的玫瑰郡，不为人知的阴暗面</p>
</div>
<div class="image-container">
<img src="https://s3.bmp.ovh/imgs/2025/10/08/8b4d7b09533b2b01.gif" alt="故障霓虹" class="hero-image">
</div>
<div class="content">
<p class="intro">
神秘A如影随形，无所不知——它知晓每个肮脏的秘密，用最亲昵的口吻，下达最恶毒的命令，将人们变成自己掌心的提线木偶。操纵人们互相猜忌，彼此背叛……
</p>
<div class="quote-box">
<div class="final-line">
"一个谎言，需要千万个谎言来圆。"
</div>
</div>
<p class="intro">
守住一个秘密，需要埋葬无数个真相。
</p>
<div class="mystery-block">
<div class="question">但A，究竟是谁？</div>
<div class="answer-row"><span class="tea-red">是那个归来的客人，在暗处冷笑？</span></div>
<div class="answer-row"><span class="tea-green">是她们信赖的长辈，在背后插刀？</span></div>
<div class="answer-row"><span class="tea-purple">是身边最亲密的朋友，早已背叛？</span></div>
</div>
<p class="intro">
在这人人戴着面具的小镇，当最深的恐惧被公之于众<br>你是选择携手沉沦，还是将他人推入深渊，独自求生？
</p>
<div class="final-line">
游戏已经开始。你，无处可藏。
</div>
<a class="apply-bubble" href="https://echomelon.com/app/chat/0cd51993-f901-40a1-8965-d0b54d042ea9/ee38320a-afc8-4686-ae4e-1988ca30b988">点此立刻开启你的高中生涯</a>
<style>
.lyric-card {width:98%;max-width:500px;margin:10px auto;padding:20px;border-radius:12px;background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url('https://s3.bmp.ovh/imgs/2025/10/08/f4144383048e0534.jpeg') center/cover;color:#fff;font-family:'Arial',sans-serif;box-shadow:0 5px 15px rgba(0,0,0,0.2);text-align:center;position:relative;min-height:150px;}
.lyric-text {font-size:14px;line-height:1.5;position:absolute;bottom:40px;left:0;right:0;text-align:center;white-space:pre-line;margin:0;padding:0 20px;}
.lyric-time {font-size:13px;color:rgba(255,255,255,0.7);}
.lyric-card audio {position:absolute;bottom:1px;left:0;right:0;width:calc(100% - 50px);margin:0 auto;}
</style>
<div class="lyric-card">
<div class="lyric-text">
谎言筑成高墙，信任逐一崩坏。
</div>
<audio controls autoplay loop src="https://em-1366813914.cos.ap-guangzhou.myqcloud.com/My%2FSecret.mp3"></audio>
</div>
<div style="background: #1c1c1c; border-radius:4px; padding:5px; margin-top:5px; border: 1px solid #7a3a38;">
<details class="worldview-details">
<summary class="final-line">📓崽妈日记泄密：</summary>
<div class="worldview-content">
<p style="padding-left: 10px; border-left: 2px solid #7a3a38;color:#fff;">🏖️：9-12年级，你的一切自拟，没有限制，为了方便后续NPC给你介绍学校，当转校生比较好哦，请及时在人设里更新重要事件。<br>因为瓜现在审核差不多12小时，还会ban……如果后续看到更新请及时更到最新版，谢谢！</p>
<p style="padding-left: 10px; border-left: 2px solid #7a3a38;color:#fff;">🏫：玫瑰郡内场景可自由探索，可以做尖子生申请学校、加入学生会、也可以当舞会女王……</p>
<p style="padding-left: 10px; border-left: 2px solid #7a3a38;color:#fff;">✨：沿用了美剧的学校名，没有用里面的人设，但好像美高模拟器有老师写了，虽然我还没来得及玩，建议纯体验可以去玩别的老师的～因为热衷暗黑风所以自己做了这锅饭，不会风平浪静就对了～</p>
<p style="padding-left: 10px; border-left: 2px solid #7a3a38;color:#fff;">推荐开头🍈带带人设和状态栏，因为后台真的写太多了🍉读不透！当然了，丰俭由人，中间可以偶尔🍉推进度，发现🍉一重复就回溯或者删除切🍈</p>
<p style="padding-left: 10px; border-left: 2px solid #7a3a38;color:#fff;">
🎼：非商用如侵删<br>
🧜♂️建崽时间：2025年10月9日<br>
⛲️装修代码：K老师！<br>
🖼️头像：已买断 🈲盗🈲垫
</p>
</div>
</div>
<style>
/* ========= 英伦低饱和 ========= */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;900&family=Noto+Sans+SC:wght=900&display=swap');
*{box-sizing:border-box;margin:0;padding:0;}
body{background:#1c1c1c;padding:0;margin:0;}
.header{
padding:3px 2px 3px;
text-align:center;
background:#1c1c1c;}
.title{font-size:2em;font-weight:400;color:#96050c;text-shadow:0 0 1px #4d2b2a,0 0 2px #2a1817;letter-spacing:.2px;text-align: center; margin: 0 auto 2px;}
.subtitle{
font-size:20px;
margin-top:2px;
color:#5a5a5a;
text-shadow:0 0 1px rgba(90,90,90,.4);}
.image-container{
position:relative;
width:100%;
height:300px;
overflow:hidden;
border-top:1px solid #7a3a38;
border-bottom:1px solid #5a5a5a;}
.hero-image{
width:100%;
height:100%;
object-fit:cover;
filter:brightness(.75) contrast(1.1) saturate(.4) hue-rotate(330deg);}
.content{
padding:3px 2px;
background:#1c1c1c;}
.intro{
font-size:16px;
line-height:1.6;
margin-bottom:2px;
text-align:center;
color:#c4c4c4;
word-break:break-word;}
.quote-box{border:2px solid #96050c;overflow:hidden;background: #1c1c1c;border-radius: 10px;padding: 5px;margin: 5px 0;}
.mystery-block{
text-align:center;
margin:3px 0;
padding:2px 2px;
background:rgba(90,90,90,.1);
border-radius:2px;
box-shadow:inset 0 0 3px rgba(90,90,90,.3),0 0 4px rgba(0,0,0,.3);}
.question{
font-size:18px;
font-weight:500;
margin-bottom:2px;
color:#7a3a38;
text-shadow:0 0 1px #7a3a38,0 0 2px #2a1817;}
.answer-row{
margin:2px 0;
font-size:17px;
font-weight:500;
letter-spacing:.1px;
line-height:1.5;
word-break:break-word;}
.tea-red{color:#8a5e5c; text-shadow:0 0 1px #5a3e3d,0 0 2px #2a1e1d;}
.tea-green{color:#6a7b6a; text-shadow:0 0 1px #4a5a4a,0 0 2px #1e2a1e;}
.tea-purple{color:#7a6a8a; text-shadow:0 0 1px #4a3e5a,0 0 2px #2a1e3a;}
.final-line{
font-size:20px;
font-weight:600;
text-align:center;
margin-top:2px;
color:#96050c;
text-shadow:0 0 1px rgba(122,58,56,.6);
word-break:break-word;}
.apply-bubble{
position:relative;
padding:12px 16px 12px 16px;
margin: 0 auto 10px auto;
color:#96050c;
font-size:20px;
line-height:1.5;
cursor:pointer;
background:linear-gradient(135deg,rgba(209,26,45,.20),rgba(209,26,45,.10));
border:2px solid rgba(209,26,45,.55);
border-radius:18px;
box-shadow:
0 4px 15px rgba(0,0,0,.35),
0 0 8px rgba(209,26,45,.45), /* 内发光 */
0 0 20px rgba(209,26,45,.35), /* 外发光 */
inset 0 0 10px rgba(209,26,45,.2);
transition:transform .2s ease, background .25s ease, border-color .25s ease;
/* 添加以下属性确保居中对齐 */
display: block;
width: fit-content;
max-width: 90%;
box-sizing: border-box;}
/* 点击变色+3D按压 */
.apply-bubble:active{
transform:scale(.97) translateY(1px);
background:linear-gradient(135deg,rgba(255,0,204,.25),rgba(255,0,204,.12));border-color:#96050c;}
/* 新增：details样式 */
.worldview-details {
margin: 0 auto;
max-width: 600px;}
.worldview-content {
margin-top: 10px;
padding: 0 15px;}
/* 隐藏默认箭头并添加自定义箭头 */
.worldview-details summary {
list-style: none;}
.worldview-details summary::-webkit-details-marker {
display: none;}
.worldview-details summary::after {
content: " ▼";
font-size: 14px;
color: #96050c;}
.worldview-details[open] summary::after {
content: " ▲";}
</style>
