:root { --im-blue: #004080; --im-cyan: #00d2ff; --gold: #f1c40f; --primary-gold: #b8860b; --live-red: #e74c3c; }
        * { box-sizing: border-box; }
        body { margin: 0; padding: 0; font-family: 'Noto Sans SC', sans-serif; background: #000; color: #fff; overflow-x: hidden; }

        /* --- 6张全屏背景切换 --- */
        #bg-box {
            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1;
            background-color: #1a1a1a; /* 图片没出来时的底色 */
            background-size: cover; background-position: center; background-repeat: no-repeat;
            transition: background-image 1.5s ease-in-out; /* 切换时的淡入淡出 */
        }
        #bg-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }

        .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 10; }
        .back-home { position: fixed; top: 20px; left: 20px; z-index: 100; background: rgba(0,0,0,0.6); border: 1px solid var(--im-cyan); color: var(--im-cyan); padding: 8px 15px; border-radius: 20px; text-decoration: none; font-size: 14px; display: flex; align-items: center; gap: 5px; backdrop-filter: blur(5px); }
        .header-stats { padding: 80px 0 20px; text-align: center; }
        .stat-val { font-size: 48px; font-weight: 900; color: var(--im-cyan); text-shadow: 0 0 15px rgba(0,210,255,0.5); }
        .live-ticker { background: rgba(0,0,0,0.5); padding: 15px 0; overflow: hidden; white-space: nowrap; border-top: 1px solid rgba(0,210,255,0.2); border-bottom: 1px solid rgba(0,210,255,0.2); margin-bottom: 30px; }
        .ticker-inner { display: inline-block; animation: ticker 60s linear infinite; }
        .news-item { display: inline-block; margin-right: 80px; font-size: 16px; color: #fff; }
        .news-item span { background: var(--im-cyan); color: #000; padding: 2px 8px; border-radius: 4px; margin-right: 10px; font-weight: bold; font-size: 12px; }
        @keyframes ticker { from { transform: translateX(100%); } to { transform: translateX(-100%); } }
        .hero { padding: 40px 0; text-align: center; margin-bottom: 20px; }
        .main-content { display: grid; grid-template-columns: 1fr 320px; gap: 20px; margin-bottom: 60px; }
        .glass-panel { background: rgba(255,255,255,0.05); border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(15px); }
        .signal-center { width: 100%; aspect-ratio: 16 / 9; background: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
        .connect-btn { background: linear-gradient(135deg, var(--primary-gold), #8b6508); color: #fff; border: none; padding: 15px 45px; border-radius: 50px; font-size: 18px; font-weight: 800; cursor: pointer; box-shadow: 0 10px 20px rgba(0,0,0,0.4); }
        
        /* 📍 官方免责声明 */
        .warning-box { padding: 25px; background: rgba(0,0,0,0.3); border-top: 1px solid rgba(255,255,255,0.05); }
        .warning-card { background: rgba(230, 126, 34, 0.08); border: 1px solid rgba(230, 126, 34, 0.2); border-radius: 12px; padding: 20px; display: flex; gap: 15px; }
        .warning-text { font-size: 14px; line-height: 1.8; color: rgba(255,255,255,0.8); }
        .warning-text b { color: #e67e22; display: block; margin-bottom: 8px; font-size: 16px; }

        .match-sidebar { background: rgba(255,255,255,0.05); border-radius: 20px; padding: 20px; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(15px); }
        .match-card { background: rgba(255,255,255,0.03); padding: 15px; border-radius: 12px; margin-bottom: 12px; }
        .vip-invite { margin-top: 30px; padding: 25px; background: linear-gradient(135deg, var(--im-blue), #001a33); border-radius: 15px; text-align: center; border: 1px solid var(--im-cyan); }
        .vip-invite .code { font-size: 36px; font-weight: 900; color: var(--im-cyan); display: block; margin: 15px 0; }
        .reg-link { display: block; background: var(--im-cyan); color: #000; text-decoration: none; padding: 10px; border-radius: 8px; font-weight: bold; }
        @media (max-width: 992px) { .main-content { grid-template-columns: 1fr; } .match-sidebar { display: none; } }