*{box-sizing:border-box;margin:0;padding:0}.qixi-page{color:#4a2c4a;min-height:100vh;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;position:relative;overflow-x:hidden}.bg-gradient{z-index:-1;background:linear-gradient(135deg,#fce4ec,#f3e5f5,#e8eaf6,#fce4ec) 0 0/400% 400%;animation:12s infinite gradientShift;position:fixed;inset:0}@keyframes gradientShift{0%{background-position:0%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0%}}.floating-hearts{pointer-events:none;z-index:1;position:fixed;inset:0}.heart-burst{pointer-events:none;animation:1.5s ease-out forwards heartFloat;position:absolute}@keyframes heartFloat{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}50%{opacity:.8;transform:translateY(-60px)scale(1.2)rotate(20deg)}to{opacity:0;transform:translateY(-120px)scale(.8)rotate(-10deg)}}.bgm-btn{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#ffffffd9;border:2px solid #9c27b04d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:all .3s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 2px 12px #9c27b026}.bgm-btn:hover{border-color:#9c27b099;transform:scale(1.1);box-shadow:0 4px 20px #9c27b040}.content{z-index:2;max-width:900px;margin:0 auto;padding:40px 20px;position:relative}.header{text-align:center;padding:60px 0 40px}.title{background:linear-gradient(135deg,#e91e63,#9c27b0);-webkit-text-fill-color:transparent;letter-spacing:4px;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.8rem}.subtitle{color:#7b587b;margin-bottom:20px;font-size:1.15rem;line-height:1.8}.divider{justify-content:center;gap:12px;font-size:1.4rem;animation:2s ease-in-out infinite pulse;display:flex}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.section-title{text-align:center;color:#6a3e6a;margin-bottom:24px;font-size:1.5rem}.carousel-section{margin:40px 0}.carousel{align-items:center;gap:8px;display:flex}.carousel-viewport{background:#ffffff4d;border-radius:16px;flex:1;overflow:hidden;box-shadow:0 8px 32px #9c27b026}.carousel-track{transition:transform .6s cubic-bezier(.25,.46,.45,.94);display:flex}.carousel-slide{min-width:100%}.image-wrapper{background:#fff6;justify-content:center;align-items:center;width:100%;height:500px;display:flex;overflow:hidden}.image-wrapper img{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.carousel-btn{color:#fff;cursor:pointer;background:#9c27b0b3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;transition:all .3s;display:flex}.carousel-btn:hover{background:#9c27b0f2;transform:scale(1.1)}.indicators{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.dot{cursor:pointer;background:#d1b3d1;border-radius:50%;width:10px;height:10px;transition:all .3s}.dot.active{background:#9c27b0;border-radius:5px;width:28px}.dot:hover{background:#ce93d8}.text-section{margin:40px 0 60px}.text-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #e91e6326;border-radius:20px;justify-content:center;align-items:center;min-height:180px;padding:48px 36px;display:flex;box-shadow:0 4px 24px #e91e631a}.card-text{text-align:center;color:#5a2d5a;font-size:1.3rem;font-weight:500;line-height:1.9}.text-dot{background:#e8b4d8}.text-dot.active{background:#e91e63}.fade-enter-active,.fade-leave-active{transition:opacity .5s,transform .5s}.fade-enter-from{opacity:0;transform:translateY(20px)}.fade-leave-to{opacity:0;transform:translateY(-20px)}.footer{z-index:2;text-align:center;border-top:1px solid #9c27b026;padding:40px 20px 60px;position:relative}.footer-hearts{margin-bottom:12px;font-size:1.5rem;animation:2s ease-in-out infinite pulse}.footer-text{color:#7b587b;margin-bottom:8px;font-size:1.1rem}.footer-name{color:#9c27b0;margin-bottom:6px;font-size:1rem;font-weight:700}.footer-date{color:#a87ca8;font-size:.9rem}.popup-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-card{text-align:center;background:linear-gradient(135deg,#fff5f7,#f8f0ff);border:1px solid #e91e6333;border-radius:24px;width:90%;max-width:400px;padding:40px 32px;box-shadow:0 20px 60px #9c27b033}.popup-icon{margin-bottom:16px;font-size:3rem;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.popup-card h3{color:#6a3e6a;margin-bottom:16px;font-size:1.4rem}.popup-card p{color:#5a2d5a;margin-bottom:24px;font-size:1rem;line-height:1.8}.popup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e91e63,#9c27b0);border:none;border-radius:50px;padding:12px 36px;font-family:inherit;font-size:1rem;transition:all .3s}.popup-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px #9c27b04d}.popup-enter-active{transition:opacity .4s}.popup-leave-active{transition:opacity .3s}.popup-enter-from,.popup-leave-to{opacity:0}.popup-enter-active .popup-card{animation:.4s popIn}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.title{font-size:1.8rem}.subtitle{font-size:1rem}.image-wrapper{height:380px}.carousel-btn{width:36px;height:36px;font-size:1.2rem}.text-card{min-height:140px;padding:32px 20px}.card-text{font-size:1.1rem}.popup-card{padding:32px 20px}.bgm-btn{width:42px;height:42px;font-size:1.1rem;top:12px;right:12px}}@media (width<=480px){.title{font-size:1.5rem}.header{padding:40px 0 24px}.image-wrapper{height:280px}.carousel{gap:4px}.card-text{font-size:1rem}.footer{padding:30px 16px 40px}.bgm-btn{width:38px;height:38px;font-size:1rem;top:10px;right:10px}}