*{box-sizing:border-box}body{margin:0;background:#070812;color:#fff;font:14px Arial}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 20%,#9b126044,transparent 35%),radial-gradient(circle at 80% 40%,#2437a044,transparent 40%)}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:25px;padding:15px 4%;background:#080912ee;border-bottom:1px solid #ff299466;backdrop-filter:blur(10px)}.brand{font-size:25px;min-width:260px}.brand i,footer i{color:#ff3b9d;font-style:normal}.brand small{display:block;font-size:10px;color:#aaa}nav{flex:1;display:flex;justify-content:center;gap:25px}nav a{color:#ddd;text-decoration:none}button,a{border:1px solid #ff2994;border-radius:9px;background:linear-gradient(90deg,#ff197f,#6d32ff);color:#fff;padding:11px 16px;font-weight:bold;text-decoration:none}.hero{display:grid;grid-template-columns:220px 1fr 280px;gap:18px;padding:30px 4%}.live,.player,.schedule,.panel{background:#0d1120e8;border:1px solid #36344f;border-radius:16px;box-shadow:0 15px 45px #0008}.live{padding:25px;text-align:center}.live>strong{font-size:22px;color:#ff507a}.live h3{margin-top:30px}.live p{color:#ff4da8}.mic{font-size:80px;margin:25px}.live small{display:block;color:#aaa}.player{display:flex;gap:25px;padding:20px}.cover{width:280px;min-height:330px;border-radius:14px;background:linear-gradient(135deg,#ff197f,#17105c 55%,#04136c);padding:18px;position:relative}.cover i{color:#ff42a8;font-style:normal}.cover span{display:block;text-align:center;font-size:130px;margin-top:70px}.cover em{position:absolute;bottom:15px;left:15px;background:#ff246d;padding:7px 12px;border-radius:7px;font-style:normal}.now{flex:1;padding:15px}.now label{background:#8c145b;padding:7px 12px;border-radius:7px}.now h1{font-size:34px;margin:28px 0 5px}.now h2{color:#ff4ca8}.now p{color:#aaa}.bars{height:55px;margin:25px 0;background:repeating-linear-gradient(90deg,#ff25a0 0 4px,transparent 4px 9px);mask-image:linear-gradient(to top,#000,transparent)}.controls{display:flex;align-items:center;gap:14px}.controls button{width:45px;height:45px;border-radius:50%;padding:0}.controls .play{width:58px;height:58px}.controls input{margin-left:auto}.schedule{padding:20px}.schedule p{padding:10px 0;border-bottom:1px solid #282b3b}.schedule b{color:#ff4da8}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;padding:0 4% 30px}.panel{padding:20px}.panel p{color:#aaa;line-height:1.6}.avatar{font-size:45px;margin:15px 0}footer{text-align:center;border-top:1px solid #282b3b;padding:25px;color:#888}@media(max-width:950px){nav{display:none}.hero,.grid{grid-template-columns:1fr}.live{display:none}.player{flex-direction:column}.cover{width:100%;min-height:220px}.cover span{margin-top:30px}}@media(max-width:600px){header{padding:12px 3%}.brand{min-width:0;font-size:20px}.hero{padding:15px 3%}.grid{padding:0 3% 20px}.player{padding:12px}.now h1{font-size:27px}}