/* --- 字体引入 --- */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');
/* --- 主场景容器 (修订版：只负责背景和定位，不干涉内部布局) --- */
#sakura-night-scene {
    position: relative; /* 为内部绝对定位的元素提供参考点 */
    width: 100%;
    /* 你可以根据需要设定一个最小高度，以防你的内容过短 */
    min-height: 100vh; 
    background: linear-gradient(to top, #1c1c3c, #3a2d5c, #4f3b6e);
    overflow: hidden; /* 隐藏超出部分的动画元素 */
    font-family: 'M PLUS Rounded 1c', sans-serif; /* 全局字体会影响你的内容 */
}
/* --- 闪烁的星星、月亮、樱花 (这部分代码保持不变) --- */
/* (为了简洁，这里省略了星星、月亮、樱花的CSS代码，请使用我上次提供的完整版即可，无需修改这部分) */
#sakura-night-scene::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; box-shadow: 50vw 20vh #FFF, 10vw 30vh #FFF, 80vw 50vh #FFF, 90vw 10vh #FFF, 30vw 80vh #FFF, 70vw 90vh #FFF, 25vw 60vh #FFF, 65vw 40vh #FFF, 40vw 5vh #FFF, 5vw 95vh #FFF; animation: twinkle 3s infinite alternate; pointer-events: none; }
#sakura-night-scene::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; box-shadow: 5vw 15vh 1px #FFF, 95vw 85vh 1px #FFF, 45vw 55vh 1px #FFF, 75vw 25vh 1px #FFF, 15vw 75vh 1px #FFF; animation: twinkle 5s infinite alternate; pointer-events: none; }
@keyframes twinkle { 0% { opacity: 0.6; } 100% { opacity: 1; } }
#sakura-night-scene .moon { position: absolute; top: 10vh; right: 15vw; width: 80px; height: 80px; background-color: #FFFDE7; border-radius: 50%; box-shadow: 0 0 30px #FFFDE7, 0 0 60px #FFFDE7; z-index: 1; }
#sakura-night-scene .sakura-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 2; }
#sakura-night-scene .sakura-petal { position: absolute; top: -20px; width: 15px; height: 15px; background-color: #FFC0CB; border-radius: 50% 0; opacity: 0.9; animation: fall linear infinite; }
@keyframes fall { to { transform: translateY(105vh) rotate(720deg); opacity: 0; } }
#sakura-night-scene .sakura-petal:nth-child(1) { left: 10%; animation-duration: 15s; animation-delay: 0s; }
#sakura-night-scene .sakura-petal:nth-child(2) { left: 20%; animation-duration: 10s; animation-delay: -5s; }
#sakura-night-scene .sakura-petal:nth-child(3) { left: 30%; animation-duration: 20s; animation-delay: -2s; }
#sakura-night-scene .sakura-petal:nth-child(4) { left: 40%; animation-duration: 12s; animation-delay: -10s; }
#sakura-night-scene .sakura-petal:nth-child(5) { left: 50%; animation-duration: 18s; animation-delay: -7s; }
#sakura-night-scene .sakura-petal:nth-child(6) { left: 60%; animation-duration: 13s; animation-delay: -3s; }
#sakura-night-scene .sakura-petal:nth-child(7) { left: 70%; animation-duration: 16s; animation-delay: -8s; }
#sakura-night-scene .sakura-petal:nth-child(8) { left: 80%; animation-duration: 11s; animation-delay: -1s; }
#sakura-night-scene .sakura-petal:nth-child(9) { left: 90%; animation-duration: 19s; animation-delay: -6s; }
#sakura-night-scene .sakura-petal:nth-child(10) { left: 5%; animation-duration: 14s; animation-delay: -4s; }
#sakura-night-scene .sakura-petal:nth-child(11) { left: 15%; animation-duration: 17s; animation-delay: -9s; }
#sakura-night-scene .sakura-petal:nth-child(12) { left: 25%; animation-duration: 9s; animation-delay: -1s; }
#sakura-night-scene .sakura-petal:nth-child(13) { left: 35%; animation-duration: 22s; animation-delay: -11s; }
#sakura-night-scene .sakura-petal:nth-child(14) { left: 45%; animation-duration: 14s; animation-delay: -2s; }
#sakura-night-scene .sakura-petal:nth-child(15) { left: 55%; animation-duration: 18s; animation-delay: -5s; }
/* --- 让你的内容浮动在背景之上 --- */
#my-original-content {
    position: relative; /* 确保内容在正常文档流中 */
    z-index: 10; /* 设置一个较高的层级，确保它在月亮和樱花之上 */
}