*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before,body:after{content:"";position:fixed;width:900px;height:900px;background:radial-gradient(circle,rgba(80,140,255,.25),transparent 70%);filter:blur(180px);z-index:-1}body:before{top:-350px;left:-350px}body:after{bottom:-350px;right:-350px;background:radial-gradient(circle,rgba(0,200,255,.18),transparent 70%)}.header{padding:40px 0 20px}.header h1{font-size:44px;font-weight:800;letter-spacing:.6px;background:linear-gradient(90deg,#fff,#b8d6ff,#7fcfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(120,180,255,.35)}.header .live{display:inline-flex;align-items:center;margin-left:12px;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#ff3d3d,#ff8a3d);font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:0 0 18px #ff783ccc;animation:pulse 1.5s infinite;-webkit-text-fill-color:#000}.header .live:before{content:"●";margin-right:6px}@keyframes pulse{0%{box-shadow:0 0 8px #ff783c80}50%{box-shadow:0 0 22px #ff783c}to{box-shadow:0 0 8px #ff783c80}}.offline{text-align:center}.offline h2{font-size:28px;margin-bottom:12px;color:#f1dcff}.offline p{opacity:.8;margin-bottom:22px}#reload{background:linear-gradient(135deg,#4fa3ff,#6be0ff);border:none;color:#001020;padding:12px 28px;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 25px #50a0ff73}#reload:hover{transform:translateY(-2px);box-shadow:0 14px 35px #78c8ffb3}.player iframe{width:100%;aspect-ratio:16 / 9;border:none;border-radius:22px;display:block;background:#000;box-shadow:0 0 260px #2878ff2e,0 0 160px #00b4ff38,0 0 80px #000000e6}.player{animation:warpIn 1.6s ease}@keyframes warpIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hidden{display:none}.footer-inner{max-width:1200px;width:100%;text-align:center;font-size:13px;color:#ffffffa6}.footer .copyright{margin-bottom:8px;letter-spacing:.3px}.footer .tech span{background:linear-gradient(90deg,#cfa6ff,#ff9acb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;text-shadow:0 0 10px rgba(200,150,255,.25)}body{min-height:100vh;background:radial-gradient(circle at top,#020924,#000107 70%);color:#eaf3ff;display:flex;flex-direction:column;align-items:center}.content{flex:1;width:100%;max-width:1200px;padding:20px}.footer{width:100%;margin-top:auto;padding:30px 20px 40px;display:flex;justify-content:center}