💬 开场白
<div style="max-width: 320px; width: 100%; margin: 20px auto; padding: 15px; background: linear-gradient(15deg, #f8f4f0 30%, #fff5ee 70%); border: 2px solid #d4c4b5; font-family: 'Georgia', serif; box-shadow: 0 8px 25px rgba(175,131,96,0.1); position: relative; overflow: hidden; border-radius: 8px;">
<!– 彩窗投影 –>
<div style="position: absolute; top: -30%; left: -10%; width: 120%; height: 160%; background: repeating-linear-gradient(45deg,
rgba(135,206,235,0.05) 0px,
rgba(147,112,219,0.05) 20%,
rgba(255,182,193,0.05) 40%
); transform: rotate(15deg);"></div><!– 圣徽装饰 –>
<div style="position: absolute; top: 50%; right: -60px; width: 120px; height: 120px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 5L90 95H10z" fill="none" stroke="%23d4c4b5" stroke-width="2"/></svg>'); opacity: 0.1;"></div><!– 主标题区 –>
<div style="border-bottom: 2px solid #d4c4b5; padding-bottom: 8px; margin-bottom: 15px; position: relative;">
<h1 style="margin: 0; color: #6b4f3a; font-size: 20px; text-align: center; letter-spacing: 2px; font-family: 'Palatino Linotype', serif;">
<span style="background: linear-gradient(to right, #8b7355, #c3a38a); -webkit-background-clip: text; color: transparent;">救赎</span>
<span style="margin: 0 10px; vertical-align: middle;">✞</span>
<span style="background: linear-gradient(to left, #8b7355, #c3a38a); -webkit-background-clip: text; color: transparent;">轮回</span>
</h1>
<div style="position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 40px; height: 4px; background: #d4c4b5;"></div>
</div><!– 角色立绘区 –>
<div style="width: 85%; margin: 0 auto 20px; position: relative; border: 3px double #d4c4b5; padding: 8px; background: #fffaf6;">
<div style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); background: #fffaf6; padding: 0 10px; color: #8b7355; font-size: 12px;"> </div>
<div style="height: 260px; background: repeating-linear-gradient(-45deg,
#f5e6d9 0px,
#f5e6d9 4px,
#fffaf6 4px,
#fffaf6 8px
); display: flex; align-items: center; justify-content: center;">
<img src="https://files.catbox.moe/tt2c8s.jpg" style="width: 100%; height: auto; border: 1px solid #ddd;">
</div>
</div>
<!– 属性标签 –>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 15px;">
<div style="background: #e6d5c3; padding: 4px; text-align: center; font-size: 12px; color: #6b4f3a; clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);">作者</div>
<div style="background: #d4c4b5; padding: 4px; text-align: center; font-size: 12px; color: #fff; clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);"> ˗ˋˏᰔᩚˎˊ˗</div>
<div style="background: #c3b09f; padding: 4px; text-align: center; font-size: 12px; color: #6b4f3a; clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);">黑猫猫团</div>
</div><!– 信息面板 –>
<div style="background: #fffaf6; border: 2px solid #d4c4b5; padding: 15px; position: relative; margin-bottom: 20px;">
<div style="position: absolute; top: -12px; left: 20px; background: #fffaf6; padding: 0 8px; color: #8b7355; font-size: 12px;"></div>
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 15px;">
<div style="position: relative; background: #e6d5c3; padding: 6px; text-align: center;">
<div style="position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #8b7355; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);"></div>
<span style="color: #6b4f3a; font-size: 12px;">以赛亚教皇</span>
</div>
<div style="position: relative; background: #d4c4b5; padding: 6px; text-align: center;">
<div style="position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; background: #fffaf6; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);"></div>
<span style="color: #fff; font-size: 12px;">伊瑟尔</span>
</div>
<div style="position: relative; background: #c3b09f; padding: 6px; text-align: center;">
<div style="position: absolute; top: -3px; right: -3px; width: 8px; height: 8px; background: #8b7355; clip-path: circle(50%);"></div>
<span style="color: #6b4f3a; font-size: 12px;">穿越者</span>
</div>
</div>
<!– 你的特质 –>
<div style="border-top: 1px dashed #d4c4b5; padding-top: 12px;">
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: linear-gradient(90deg, #f5e6d9 50%, transparent 50%); background-size: 200% 100%; transition: 0.3s;">
<div style="width: 16px; height: 16px; margin-right: 8px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="%238b7355" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>')"></div>
<span style="color: #6b4f3a; font-size: 13px;">表：以赛亚教会的最高掌权人，圣女{{user}}的养父，温柔、包容一切、溺爱</span>
</div>
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: linear-gradient(90deg, #f5e6d9 50%, transparent 50%); background-size: 200% 100%; transition: 0.3s;">
<div style="width: 16px; height: 16px; margin-right: 8px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="%238b7355" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>')"></div>
<span style="color: #6b4f3a; font-size: 13px;">里：无数次的轮回，扭曲的感情，已经遗忘的过去</span>
</div>
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: linear-gradient(90deg, #f5e6d9 50%, transparent 50%); background-size: 200% 100%; transition: 0.3s;">
<div style="width: 16px; height: 16px; margin-right: 8px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="%238b7355" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z"/></svg>')"></div>
<span style="color: #6b4f3a; font-size: 13px;">ps：请一定先阅读世界书！</span>
</div>
</div>
</div>
<!– 剧情选项 –>
<div style="border-top: 1px dashed #d4c4b5; padding-top: 12px;">
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: #f5e6d9; transition: all 0.3s;">
<div style="width: 16px; height: 16px; background: #8b7355; margin-right: 8px;"></div>
<span style="color: #6b4f3a; font-size: 13px;">开头1：user逃课被抓包。<br>
算是最温柔的一个开头，是很普通的和伊瑟尔相处的日常！</span>
</div>
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: #f5e6d9; transition: all 0.3s;">
<div style="width: 16px; height: 16px; background: #8b7355; margin-right: 8px;"></div>
<span style="color: #6b4f3a; font-size: 13px;">开头2：user梦到轮回记忆。<br>
这个开头有g向描写！这个时期的伊瑟尔已经彻底疯掉了，是最难搞的一个开头。</span>
</div>
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: #f5e6d9; transition: all 0.3s;">
<div style="width: 16px; height: 16px; background: #8b7355; margin-right: 8px;"></div>
<span style="color: #6b4f3a; font-size: 13px;">开头3：user目睹伊瑟尔崩溃<br>
设定是第十次轮回，这时的伊瑟尔还记得自己的过去自己的故乡，但这次轮回的伊瑟尔已经濒临崩溃了，情绪很不稳定。</span>
</div>
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: #f5e6d9; transition: all 0.3s;">
<div style="width: 16px; height: 16px; background: #8b7355; margin-right: 8px;"></div>
<span style="color: #6b4f3a; font-size: 13px;">开头4：和未穿越的江怀砚（伊瑟尔）第一次见面约会！<br>
刀子减速带！这个开头设定user是和小江一个世界的人，是普普通通的网恋奔现剧情！包甜的。</span>
</div>
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: #f5e6d9; transition: all 0.3s;">
<div style="width: 16px; height: 16px; background: #8b7355; margin-right: 8px;"></div>
<span style="color: #6b4f3a; font-size: 13px;">开头5：路过rua一把小江怀砚<br>
这个开头设定user是从游戏里穿越来拯救小江的，但是时间出现了错误穿越到了小江14岁的时候，记得一定要开特殊设定条目！</span>
</div>
<div style="display: flex; align-items: center; margin-bottom: 8px; padding: 6px; background: #f5e6d9; transition: all 0.3s;">
<div style="width: 16px; height: 16px; background: #8b7355; margin-right: 8px;"></div>
<span style="color: #6b4f3a; font-size: 13px;">开头6：和世界意识自由搏击了！<br>
请一定要看世界意识的条目，避免造成不适的体验！</span>
</div>
</div>
<!– 便签区域 –>
<div style="position: relative; margin: 20px 0; padding: 15px; background: #fff9e6; transform: rotate(-3deg); box-shadow: 3px 3px 5px rgba(0,0,0,0.1);">
<div style="position: absolute; top: -8px; left: 50%; width: 80%; height: 12px; background: rgba(210,180,140,0.2); transform: translateX(-50%);"></div>
<div style="font-family: 'Caveat', cursive; color: #6b4f3a; font-size: 14px; line-height: 1.4;">
卡面和卡内一切图片素材均为作者自己绘制！不喜欢可以更换，请不要拿去当底图跑ai！<br>
这张卡刀子略多，如果被刀到了请打世界意识不要打我TT<br>
感谢我亲友帮我跑状态栏！！！我的再生父母！！
</div>
<div style="position: absolute; bottom: -10px; right: 10px; width: 20px; height: 20px; background: #fff9e6; clip-path: circle(50%); box-shadow: 1px 1px 3px rgba(0,0,0,0.1);"></div>
</div>
<!– 底部装饰 –>
<div style="position: absolute; bottom: -5px; left: 0; right: 0; height: 15px; background: repeating-linear-gradient(90deg,
transparent 0px,
transparent 8px,
#d4c4b5 8px,
#d4c4b5 16px
);"></div><!– 交互按钮 –>
<div style="display: flex; justify-content: space-between; margin-top: 15px;">
<div style="width: 48%; height: 32px; background: linear-gradient(#e6d5c3, #d4c4b5); border: 1px solid #c3b09f; text-align: center; line-height: 32px; color: #6b4f3a; cursor: pointer;">转载需署名</div>
<div style="width: 48%; height: 32px; background: linear-gradient(#d4c4b5, #c3b09f); border: 1px solid #b09f8e; text-align: center; line-height: 32px; color: #fff; cursor: pointer;">禁止二改</div>
</div>
</div>