*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft YaHei",sans-serif;color:#fff;background:#030817;overflow-x:hidden}.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(124,58,237,.45),transparent 35%),radial-gradient(circle at 80% 15%,rgba(14,165,233,.35),transparent 30%),linear-gradient(180deg,#050b22,#020617 70%);z-index:-2}.bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:52px 52px;opacity:.22}.bg span{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(16px);opacity:.5;animation:float 7s infinite alternate}.bg span:nth-child(1){left:-40px;top:120px;background:#7c3aed}.bg span:nth-child(2){right:-60px;top:340px;background:#0ea5e9;animation-delay:1.3s}.bg span:nth-child(3){left:40%;bottom:80px;background:#ec4899;animation-delay:2.2s}@keyframes float{to{transform:translateY(-30px) translateX(18px) scale(1.08)}}
.phone{max-width:760px;margin:0 auto;padding:18px 12px 28px}.date{text-align:center;color:#dbeafe;font-size:20px;margin:4px 0 14px}.hero{text-align:center;padding:12px 6px 18px;position:relative}.remember{font-size:20px;font-weight:700}.remember b{font-size:30px;background:linear-gradient(90deg,#f472b6,#60a5fa);-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px rgba(96,165,250,.55)}.sub{color:#b8c4e8;margin-top:8px}.hero h1{font-size:62px;line-height:1;margin:20px 0 8px;letter-spacing:2px;background:linear-gradient(90deg,#ff8bd5,#7c6cff,#4cc9ff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 36px rgba(124,92,255,.45);animation:pulseText 2.4s infinite}.hero p{color:#c4b5fd;font-size:17px;margin:0}@keyframes pulseText{50%{filter:brightness(1.25)}}
.notice{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 35px rgba(30,64,175,.25);backdrop-filter:blur(14px);border-radius:16px;padding:12px 14px;margin:4px 0 14px}.notice span{color:#fff;font-weight:700;white-space:nowrap}.notice marquee{font-size:14px;color:#fff}
.live-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.live-card{position:relative;display:block;width:100%;aspect-ratio:4/3!important;min-height:0!important;height:auto!important;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;background:#111827;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(139,92,246,.15),0 10px 24px rgba(0,0,0,.35);transform:translateZ(0);animation:breath 3s infinite}.live-card:nth-child(1){border-color:rgba(251,191,36,.85)}.live-card:nth-child(2){border-color:rgba(236,72,153,.85);animation-delay:.4s}.live-card:nth-child(3){border-color:rgba(59,130,246,.85);animation-delay:.8s}.live-card:nth-child(4){border-color:rgba(45,212,191,.85);animation-delay:1.2s}@keyframes breath{50%{box-shadow:0 0 16px rgba(139,92,246,.38),0 12px 28px rgba(0,0,0,.45);transform:translateY(-2px)}}.live-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.45s}.live-card:hover img{transform:scale(1.06)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18) 38%,rgba(0,0,0,.78))}.tag,.live,.online{position:absolute;z-index:2;font-weight:700}.tag{left:0;top:9px;border-radius:0 12px 12px 0;padding:4px 8px;font-size:11px;line-height:1.1;background:linear-gradient(90deg,#f59e0b,#f97316);box-shadow:0 3px 10px rgba(0,0,0,.22)}.live-card:nth-child(2) .tag{background:linear-gradient(90deg,#ec4899,#f43f5e)}.live-card:nth-child(3) .tag{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.live-card:nth-child(4) .tag{background:linear-gradient(90deg,#10b981,#14b8a6)}.live{right:6px;top:8px;border-radius:9px;background:#ef4444;padding:4px 7px;font-size:10px;line-height:1.1;animation:blink 1s infinite}.online{
    display:none !important;
}@keyframes blink{50%{opacity:.58}}.info{position:absolute;left:8px;right:8px;bottom:7px;z-index:2}.info h2{font-size:18px;line-height:1.08;margin:0 0 4px;text-shadow:0 3px 12px rgba(0,0,0,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info p{margin:0;color:#f1f5f9;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.info button{position:absolute;right:0;bottom:0;border:1px solid rgba(255,255,255,.38);color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;line-height:1.1}.live-card:nth-child(1) .info button{background:linear-gradient(90deg,#f59e0b,#b45309)}.live-card:nth-child(2) .info button{background:linear-gradient(90deg,#ec4899,#be185d)}.live-card:nth-child(3) .info button{background:linear-gradient(90deg,#2563eb,#0284c7)}.live-card:nth-child(4) .info button{background:linear-gradient(90deg,#0f766e,#0891b2)}.ripple{overflow:hidden}.rip{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .65s linear;background:rgba(255,255,255,.45);z-index:5}@keyframes ripple{to{transform:scale(4);opacity:0}}footer{text-align:center;color:#8290b7;font-size:13px;margin:20px 0 6px}
@media(max-width:560px){.phone{padding:10px 10px 22px}.date{font-size:16px;margin-bottom:10px}.remember{font-size:16px}.remember b{font-size:24px}.sub{font-size:13px}.hero{padding:8px 4px 14px}.hero h1{font-size:48px;margin:16px 0 6px}.hero p{font-size:14px}.notice{border-radius:14px;padding:10px 12px;margin-bottom:12px}.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.live-card{aspect-ratio:4/3!important;border-radius:13px!important}.tag{top:8px;font-size:10px;padding:4px 7px}.live{top:7px;right:6px;font-size:9px;padding:4px 6px}.online{
    display:none !important;
}.info{left:7px;right:7px;bottom:6px}.info h2{font-size:16px;margin-bottom:3px}.info p{font-size:10px;max-width:62%}.info button{font-size:9px;padding:4px 7px}}
@media(max-width:360px){.live-grid{gap:8px!important}.info h2{font-size:15px}.online{font-size:8px}.tag,.live{font-size:8px}.info button{font-size:8px;padding:3px 6px}.info p{font-size:9px}}