💬 开场白
<div style="
background: linear-gradient(135deg, #87CEEB 0%, #E0B0FF 50%, #FFB6C1 100%);
border-radius: 15px;
padding: 20px;
margin: 15px 0;
border: 2px solid rgba(255,255,255,0.5);
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
position: relative;
overflow: hidden;
">
<!– 波浪装饰 –>
<div style="
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent, white, transparent);
"></div><!– 标题区域 –>
<div style="text-align: center; margin-bottom: 20px;">
<h1 style="
font-size: 2.5em;
background: linear-gradient(45deg, #FF6B6B, #4ECDC4, #45B7D1);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
margin: 0;
font-weight: bold;
">人鱼的旋律</h1>
<p style="color: #6A5ACD; font-style: italic; margin: 5px 0;">〜夢のような物語が始まる〜</p>
</div><!– 祝福语卡片 –>
<div style="
background: rgba(255,255,255,0.9);
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
border: 1px solid rgba(255,255,255,0.3);
">
<p style="text-align: center; margin: 10px 0; font-size: 1.1em;">
💗💗💗 谢谢点开这张卡的宝宝，祝宝宝永远幸福！ 💗💗💗
</p>
<p style="text-align: center; margin: 10px 0;">有问题找dc: 你猜我又乱了</p>
<p style="text-align: center; margin: 10px 0;">《人鱼的旋律》同人卡</p>
</div><!– 图片展示 –>
<div style="
background: rgba(255,255,255,0.9);
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
">
<h2 style="text-align: center; color: #6A5ACD; margin-bottom: 15px;">✨ 美图欣赏 ✨</h2>
<div style="
display: flex;
overflow-x: auto;
gap: 10px;
padding: 10px 0;
scrollbar-width: none;
">
<img src="https://files.catbox.moe/xcf9ow.jpeg" style="
height: 200px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
">
<img src="https://files.catbox.moe/fjzzu2.jpeg" style="
height: 200px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
">
<img src="https://files.catbox.moe/9u2eab.jpeg" style="
height: 200px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
">
<img src="https://files.catbox.moe/tu25fj.jpeg" style="
height: 200px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.2);
">
</div>
</div><!– 开场白 –>
<div style="
background: rgba(255,255,255,0.9);
border-radius: 12px;
padding: 20px;
">
<h2 style="text-align: center; color: #6A5ACD; margin-bottom: 15px;">🎵 开场白简介 🎵</h2>
<div style="display: grid; gap: 10px;">
<div style="
background: linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%);
padding: 12px;
border-radius: 8px;
border-left: 4px solid #6A5ACD;
">1. 海底王国的神秘旋律开始奏响</div>
<div style="
background: linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%);
padding: 12px;
border-radius: 8px;
border-left: 4px solid #6A5ACD;
">2. 人鱼公主与人类少年的命运相遇</div>
<div style="
background: linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%);
padding: 12px;
border-radius: 8px;
border-left: 4px solid #6A5ACD;
">3. 跨越种族的纯真爱恋悄然萌芽</div>
<div style="
background: linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%);
padding: 12px;
border-radius: 8px;
border-left: 4px solid #6A5ACD;
">4. 珍珠贝里藏着的浪漫秘密</div>
<div style="
background: linear-gradient(135deg, #FFDEE9 0%, #B5FFFC 100%);
padding: 12px;
border-radius: 8px;
border-left: 4px solid #6A5ACD;
">5. 用歌声守护最珍贵的羁绊</div>
</div>
</div><!– 页脚 –>
<div style="text-align: center; margin-top: 20px; color: #6A5ACD;">
🌊 潜入梦幻的海洋世界，感受人鱼的旋律 🌊
</div>
</div>
