🎭 角色简介
📷【入戏：京城电影学院】
——当镜头亮起，所有人都在扮演自己。
欢迎来到京城电影学院。💐
这里有光、有梦，也有太多看不清的真相。
有人在这里成为主角，也有人在这里失声。
而你的剧本，从入学那天就已经悄然开始。
你的名字写在新生名单上，
而命运，似乎也在旁白中写下了五个名字。…
💬 开场白
<div style="font-family: 'Georgia', 'Times New Roman', serif; position: relative; width: 100%; min-height: 450px; background: rgba(10, 10, 15, 0.95); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px; box-sizing: border-box; border-left: 18px solid #1a1a1a; border-right: 18px solid #1a1a1a; box-shadow: 0 10px 30px rgba(0,0,0,0.35);">
<!– Film Roll Borders –>
<div style="position: absolute; top: 0; left: -18px; bottom: 0; width: 15px; background: repeating-linear-gradient(to bottom, transparent, transparent 12px, #f0f0f0 12px, #f0f0f0 22px); z-index: 5;"></div>
<div style="position: absolute; top: 0; right: -18px; bottom: 0; width: 15px; background: repeating-linear-gradient(to bottom, transparent, transparent 12px, #f0f0f0 12px, #f0f0f0 22px); z-index: 5;"></div><!– Dynamic Particles Background –>
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1;">
<style>
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Zhi+Mang+Xing&display=swap');
@keyframes float-text-final { 0%, 100% { transform: translateY(0px) rotate(-0.8deg); } 50% { transform: translateY(-6px) rotate(0.8deg); } }
@keyframes fadeIn-final { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@keyframes particle-flow-final {
0% { transform: translate(var(–x-start), var(–y-start)) scale(1); opacity: 0; }
20%, 80% { opacity: 0.8; }
100% { transform: translate(var(–x-end), var(–y-end)) scale(0.5); opacity: 0; }
}
</style>
<!– More Particles –>
<div style="position: absolute; width: 2px; height: 2px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 16s linear infinite; –x-start: 50vw; –y-start: 110vh; –x-end: 45vw; –y-end: -10vh;"></div>
<div style="position: absolute; width: 1px; height: 1px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 22s linear 2s infinite; –x-start: 15vw; –y-start: 110vh; –x-end: 20vw; –y-end: -10vh;"></div>
<div style="position: absolute; width: 3px; height: 3px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 14s linear 4s infinite; –x-start: 85vw; –y-start: 110vh; –x-end: 75vw; –y-end: -10vh;"></div>
<div style="position: absolute; width: 1px; height: 1px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 25s linear 6s infinite; –x-start: 30vw; –y-start: -10vh; –x-end: 35vw; –y-end: 110vh;"></div>
<div style="position: absolute; width: 2px; height: 2px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 17s linear 8s infinite; –x-start: 70vw; –y-start: -10vh; –x-end: 65vw; –y-end: 110vh;"></div>
<div style="position: absolute; width: 1px; height: 1px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 28s linear 10s infinite; –x-start: 5vw; –y-start: 50vh; –x-end: 105vw; –y-end: 60vh;"></div>
<div style="position: absolute; width: 2px; height: 2px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 19s linear 12s infinite; –x-start: 95vw; –y-start: 40vh; –x-end: -5vw; –y-end: 50vh;"></div>
<div style="position: absolute; width: 1px; height: 1px; background: #fff; border-radius: 50%; opacity: 0; animation: particle-flow-final 24s linear 14s infinite; –x-start: 40vw; –y-start: 110vh; –x-end: 50vw; –y-end: -10vh;"></div>
</div><!– Spotlight Effect –>
<div style="position: absolute; top: -200px; left: -220px; width: 500px; height: 550px; background: radial-gradient(ellipse, rgba(255, 235, 190, 0.12) 0%, rgba(255, 235, 190, 0) 50%); transform: rotate(50deg); z-index: 2; pointer-events: none;"></div><!– Main Text Content –>
<div style="position: relative; z-index: 4; text-align: center; color: #f2f2f2; text-shadow: 0 0 10px rgba(255, 255, 255, 0.25), 0 0 25px rgba(255, 215, 0, 0.15); animation: float-text-final 12s ease-in-out infinite, fadeIn-final 3s ease-out;">
<div style="font-family: 'Zhi Mang Xing', 'Ma Shan Zheng', cursive; font-style: italic; font-size: clamp(1.4rem, 4.8vw, 2.1rem); line-height: 2.1; letter-spacing: 2px;">
<p style="margin: 0 0 8px 0;">光影之下</p>
<p style="margin: 0 0 8px 0;">无人只是观众</p>
<p style="margin: 20px 0 8px 0;">镜头之外 暗潮涌动</p>
<p style="margin: 0 0 8px 0;">爱 友情 欲望 梦想</p>
<p style="margin: 0;">交汇成旧梦与新生</p>
</div><div style="margin-top: 40px; font-size: clamp(0.9rem, 3vw, 1.2rem); color: #c5c5c5; font-family: 'KaiTi', '楷体', serif;">
<p style="margin: 0;">同学你好，欢迎来到京城电影学院</p>
</div><div style="margin-top: 30px; font-size: clamp(0.7rem, 2.2vw, 0.85rem); color: #999; text-align: right; width: 100%; font-family: 'KaiTi', '楷体', serif; font-style: normal;">
<p style="margin: 0;">——✍️作者：梅露梅露</p>
</div>
</div>
</div>