*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#ffeef8 0%,#ffe4f3 25%,#ffd4ea 50%,#ffc4e1 75%,#ffb4d8 100%);min-height:100vh;font-family:Arial,Microsoft YaHei,sans-serif;position:relative;overflow-x:hidden}#canvas-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.loading-text{color:#ff69b4;font-size:24px;font-weight:700}.floating-hearts{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.floating-heart{opacity:.6;font-size:24px;position:absolute}.container{z-index:1;max-width:1400px;margin:0 auto;padding:40px 20px;position:relative}.header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:30px;margin-bottom:60px;padding:40px;box-shadow:0 8px 32px #ff69b433}.title-wrapper{justify-content:center;align-items:center;gap:20px;margin-bottom:15px;display:flex}.sparkle-icon{color:#ff69b4;animation:1.5s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.5;transform:scale(1.2)rotate(180deg)}}.title{background:linear-gradient(45deg,#ff69b4,#ff1493,#ff69b4) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-direction:column;gap:10px;font-size:48px;font-weight:700;animation:3s infinite gradient;display:flex}.subtitle{background:linear-gradient(45deg,#ffa6c9,#ff69b4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.video-count{color:#ff69b4;margin-bottom:20px;font-size:18px;font-weight:600}.random-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff69b4,#ff1493);border:none;border-radius:50px;align-items:center;gap:10px;margin-top:10px;padding:14px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.random-button:hover{transform:translateY(-2px)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:60px;display:grid}.video-card{cursor:pointer;background:#fff;border-radius:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #ff69b426}.video-card:hover{box-shadow:0 12px 40px #ff69b44d}.video-link{color:inherit;text-decoration:none;display:block}.video-thumbnail{background:linear-gradient(135deg,#ffe4f3,#ffd4ea);width:100%;height:100%;position:relative;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.no-cover{color:#ff69b4;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.play-overlay{color:#fff;background:#ff69b4b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-info{padding:20px}.video-title{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.video-date{color:#ff69b4;align-items:center;gap:8px;font-size:14px;display:flex}.heart-badge{background:#fff;border-radius:50px;align-items:center;gap:5px;padding:8px 12px;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 10px #ff69b44d}.like-count{color:#ff69b4;font-size:14px;font-weight:700}.lottery-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lottery-container{background:linear-gradient(135deg,#fff 0%,#ffe4f3 100%);border-radius:30px;width:90%;max-width:450px;padding:40px;position:relative;box-shadow:0 20px 60px #ff69b480}.lottery-close{cursor:pointer;color:#ff69b4;z-index:10;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:15px;right:15px;box-shadow:0 2px 10px #ff69b44d}.lottery-close:hover{color:#fff;background:#ff69b4;transform:rotate(90deg)}.lottery-title{text-align:center;background:linear-gradient(45deg,#ff69b4,#ff1493);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:32px;font-weight:700}.lottery-display{perspective:1000px;justify-content:center;align-items:center;min-height:450px;display:flex;position:relative;overflow:hidden}.flip-card{width:100%;max-width:350px;margin:0 auto}.lottery-card{background:#fff;border-radius:20px;width:100%;padding:20px;box-shadow:0 10px 30px #ff69b44d}.lottery-thumbnail{background:linear-gradient(135deg,#ffe4f3,#ffd4ea);border-radius:15px;width:100%;height:300px;margin-bottom:15px;overflow:hidden}.lottery-thumbnail img{object-fit:cover;width:100%;height:100%}.lottery-no-cover{color:#ff69b4;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lottery-video-title{color:#333;text-align:center;margin-bottom:10px;font-size:20px;font-weight:700;line-height:1.4}.lottery-likes{color:#ff69b4;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.lottery-spinning{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lottery-result{text-align:center;margin-top:20px}.confetti{margin-bottom:15px;font-size:32px;animation:.6s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lottery-congrats{background:linear-gradient(45deg,#ff69b4,#ff1493);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:28px;font-weight:700}.lottery-redirect{color:#ff69b4;margin-bottom:20px;font-size:18px;font-weight:600}.lottery-actions{justify-content:center;gap:15px;margin-top:20px;display:flex}.lottery-btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #ff69b44d}.lottery-btn-reroll{color:#fff;background:linear-gradient(135deg,#ff69b4,#ff1493)}.lottery-btn-reroll:hover{box-shadow:0 6px 20px #ff69b480}.lottery-btn-back{color:#ff69b4;background:#fff;border:2px solid #ff69b4}.lottery-btn-back:hover{color:#fff;background:#ff69b4}.footer{text-align:center;color:#ff69b4;padding:30px;font-size:18px;font-weight:600}.video-page{min-height:100vh;padding:40px 20px;position:relative}.video-bg-hearts{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.bg-heart{font-size:40px;position:absolute}.video-loading,.video-error{color:#ff69b4;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;font-size:24px;font-weight:700;display:flex}.back-nav{z-index:10;max-width:1200px;margin:0 auto 30px;position:relative}.back-link{color:#ff69b4;background:#fff;border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #ff69b433}.back-link:hover{color:#fff;background:#ff69b4;transform:translate(-5px)}.video-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#ffffffe6;border-radius:30px;max-width:1200px;margin:0 auto;padding:40px;position:relative;box-shadow:0 10px 50px #ff69b44d}.video-header{margin-bottom:30px}.video-title-wrapper{justify-content:center;align-items:center;gap:15px;margin-bottom:15px;display:flex}.title-sparkle{color:#ff69b4;animation:1.5s ease-in-out infinite sparkle}.video-title{background:linear-gradient(45deg,#ff69b4,#ff1493);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700}.video-meta{color:#ff69b4;justify-content:center;align-items:center;gap:10px;font-size:16px;display:flex}.video-player-wrapper{border-radius:20px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 8px 30px #ff69b433}.video-player{background:#000;width:100%;height:auto;min-height:400px;display:block}.video-corner-heart{pointer-events:none;z-index:10;font-size:30px;position:absolute}.video-corner-heart.top-left{top:15px;left:15px}.video-corner-heart.top-right{top:15px;right:15px}.video-corner-heart.bottom-left{bottom:15px;left:15px}.video-corner-heart.bottom-right{bottom:15px;right:15px}.video-footer{justify-content:center;display:flex}.like-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff69b4,#ff1493);border:none;border-radius:50px;align-items:center;gap:10px;padding:15px 40px;font-size:18px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 20px #ff69b466}.like-button:hover{box-shadow:0 6px 30px #ff69b499}.back-button{color:#fff;background:#ff69b4;border-radius:50px;margin-top:20px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.back-button:hover{background:#ff1493;transform:scale(1.05)}@media (max-width:768px){.title{font-size:32px}.subtitle{font-size:16px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.video-thumbnail{height:260px}.header{padding:30px 20px}.random-button{padding:12px 24px;font-size:14px}.lottery-container{max-width:90%;padding:25px}.lottery-title{font-size:24px}.flip-card{max-width:280px}.lottery-thumbnail{height:200px}.lottery-video-title{font-size:16px}.lottery-actions{flex-direction:column;gap:10px}.lottery-btn{justify-content:center;width:100%}.video-container{padding:20px}.video-title{font-size:24px}.video-player{min-height:250px}.video-corner-heart{font-size:20px}}