*{margin:0;padding:0;box-sizing:border-box;}
body,html{width:100%;height:100vh;overflow:hidden;}
#stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#000018;}
.wechat-tip{position:fixed;top:0;left:0;width:100%;padding:10px 0;background:linear-gradient(90deg,#ff385c,#ff5777);color:#ffffff;font-size:14px;text-align:center;z-index:9999;box-shadow:0 2px 15px rgba(255,56,92,0.5);}
.wechat-tip b{text-decoration:underline;font-weight:bold;}
.container{position:relative;z-index:1;width:90%;max-width:800px;margin:60px auto 20px;padding:20px 15px;text-align:center;background:rgba(0,0,30,0.3);backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(100,160,255,0.2);}
.title{color:#ffffff;font-size:clamp(20px,5vw,32px);margin-bottom:30px;font-weight:normal;letter-spacing:2px;text-shadow:0 0 10px #409eff,0 0 20px #409eff;}
.channel-box{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:35px;}
.channel-btn{display:flex;align-items:center;gap:8px;padding:14px 22px;background:rgba(255,255,255,0.08);color:#ffffff;border-radius:50px;border:1px solid rgba(255,255,255,0.2);font-size:clamp(14px,3vw,16px);cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(5px);touch-action:manipulation;-webkit-tap-highlight-color:rgba(64,158,255,0.3);}
.channel-btn:hover{background:rgba(255,255,255,0.15);border-color:rgba(64,158,255,0.5);transform:translateY(-2px);}
.channel-btn:active{transform:translateY(0);background:rgba(255,255,255,0.2);}
.status-dot{width:8px;height:8px;border-radius:50%;background:#888888;}
.dot-best{background:#00e676;box-shadow:0 0 8px #00e676;}
.dot-good{background:#ff4757;box-shadow:0 0 8px #ff4757;}
.countdown{color:#ffffff;font-size:clamp(16px,4vw,20px);margin-top:10px;letter-spacing:1px;}
.countdown span{color:#ffd700;font-weight:bold;text-shadow:0 0 10px #ffd700;}
.ping-text{font-size:0.8em;opacity:0.8;margin-left:6px;}
@keyframes starMove{0%{transform:translateY(0);opacity:0.2;}50%{opacity:0.8;}100%{transform:translateY(0);opacity:0.2;}}