:root{--pitch-dark:#0a3d2e;--pitch:#124e38;--pitch-light:#1a6847;--gold:#f5c23b;--gold-bright:#ffd85c;--red:#e63946;--red-deep:#b5172a;--cream:#f4ecd8;--line:rgba(245,194,59,0.25);--line-soft:rgba(255,255,255,0.1);--font-body:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",system-ui,-apple-system,sans-serif;--font-display:var(--font-body);--font-sub:var(--font-body);--font-num:"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--pitch-dark);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(90deg,var(--pitch-dark)0,var(--pitch-dark)120px,var(--pitch)120px,var(--pitch)240px);opacity:0.6;pointer-events:none;z-index:0}body::after{content:"";position:fixed;inset:0;background:radial-gradient(800px ellipse at 50% -10%,rgba(245,194,59,0.18),transparent 60%),radial-gradient(600px ellipse at 10% 100%,rgba(230,57,70,0.1),transparent 60%);pointer-events:none;z-index:0}.page{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:56px 20px 80px}.hero{position:relative;padding:28px 36px;margin-bottom:32px;background:linear-gradient(135deg,rgba(10,61,46,0.6),rgba(18,78,56,0.8)),linear-gradient(90deg,var(--red)0%,var(--red)33%,var(--cream)33%,var(--cream)66%,#006847 66%,#006847 100%);background-blend-mode:multiply;border:2px solid var(--gold);border-radius:20px;overflow:hidden;box-shadow:0 0 40px rgba(245,194,59,0.2)}.hero::before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,var(--gold)0%,transparent 70%);opacity:0.25;pointer-events:none}.hero-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.hero-left{display:flex;align-items:center;gap:20px}.trophy{width:54px;height:64px;position:relative;flex-shrink:0}.trophy::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:34px;height:44px;background:linear-gradient(180deg,var(--gold-bright),var(--gold));border-radius:50% 50% 20% 20% / 40% 40% 20% 20%;box-shadow:0 0 20px rgba(245,194,59,0.6)}.trophy::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:26px;height:16px;background:linear-gradient(180deg,var(--gold),#b8881c);border-radius:4px;box-shadow:0 -4px 0 #b8881c}.hero-title{font-family:var(--font-body);font-weight:900;font-size:32px;line-height:1.1;letter-spacing:4px;color:var(--gold-bright);text-shadow:0 2px 10px rgba(0,0,0,0.4)}.hero-title small{display:block;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--cream);letter-spacing:6px;margin-top:6px;opacity:0.9}.hero-right{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.flags{display:flex;gap:6px}.flag{width:30px;height:20px;border-radius:2px;border:1px solid rgba(255,255,255,0.3);position:relative;overflow:hidden}.flag-usa{background:linear-gradient(180deg,#b22234 0%,#b22234 15%,#fff 15%,#fff 30%,#b22234 30%,#b22234 45%,#fff 45%,#fff 60%,#b22234 60%,#b22234 75%,#fff 75%,#fff 90%,#b22234 90%)}.flag-usa::before{content:"";position:absolute;top:0;left:0;width:40%;height:55%;background:#3c3b6e}.flag-canada{background:linear-gradient(90deg,#ff0000 0%,#ff0000 25%,#fff 25%,#fff 75%,#ff0000 75%)}.flag-canada::before{content:"🍁";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px}.flag-mexico{background:linear-gradient(90deg,#006847 0%,#006847 33%,#fff 33%,#fff 66%,#ce1126 66%)}.countdown{font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:2px;color:var(--cream);padding:8px 16px;border:1px solid var(--gold);border-radius:8px;background:rgba(0,0,0,0.3)}.countdown span{color:var(--gold-bright);font-family:var(--font-num);font-weight:700;font-size:18px;letter-spacing:1px;margin-left:4px}.marquee{position:relative;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:linear-gradient(90deg,rgba(230,57,70,0.15),rgba(245,194,59,0.1),rgba(0,104,71,0.15));overflow:hidden;padding:12px 0;margin-bottom:36px}.marquee::before,.marquee::after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.marquee::before{left:0;background:linear-gradient(90deg,var(--pitch-dark),transparent)}.marquee::after{right:0;background:linear-gradient(270deg,var(--pitch-dark),transparent)}.marquee-track{display:flex;gap:50px;white-space:nowrap;animation:scroll 10s linear infinite;font-family:var(--font-sub);font-size:14px;letter-spacing:1px;color:var(--cream)}.marquee-track .item{display:inline-flex;align-items:center;gap:10px}.marquee-track .ball{font-size:16px}.marquee-track b{color:#0a3d2e;font-family:var(--font-num);font-weight:700;padding:2px 10px;background:var(--gold);border-radius:4px;letter-spacing:1px}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section-title{font-family:var(--font-body);font-weight:900;font-size:20px;letter-spacing:3px;color:var(--gold);margin-bottom:16px;padding-left:14px;border-left:4px solid var(--red);display:flex;align-items:center;gap:14px}.section-title .section-sub{font-weight:400;font-size:13px;letter-spacing:2px;color:var(--cream);opacity:0.65}.section-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:40px}.cat{position:relative;padding:20px 12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(10,61,46,0.5);text-align:center;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(6px)}.cat::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--gold),#006847);border-radius:12px 12px 0 0;transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.cat:hover{border-color:var(--gold);background:rgba(26,104,71,0.6);transform:translateY(-3px);box-shadow:0 10px 30px rgba(245,194,59,0.2)}.cat:hover::before{transform:scaleX(1)}.cat-icon{width:44px;height:44px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:50%;background:radial-gradient(circle,rgba(245,194,59,0.2),transparent)}.cat-label{font-family:var(--font-sub);font-size:14px;font-weight:500;color:var(--cream);letter-spacing:1px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;padding:24px 22px 22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(26,104,71,0.35),rgba(10,61,46,0.7));backdrop-filter:blur(8px);transition:all 0.35s ease;overflow:hidden;cursor:pointer}.jersey-num{position:absolute;top:-2px;left:20px;font-family:var(--font-num);font-weight:900;font-style:italic;font-size:26px;color:var(--pitch-dark);background:var(--gold);padding:6px 12px 4px;border-radius:0 0 8px 8px;letter-spacing:0;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.live-badge{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:1px;color:var(--red)}.live-badge::before{content:"";width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 10px var(--red);animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}.card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 40px rgba(245,194,59,0.15)}.logo-box{position:relative;height:100px;margin-top:24px;margin-bottom:18px;border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,0.06)0%,rgba(255,255,255,0.02)100%),radial-gradient(ellipse at center,rgba(245,194,59,0.08),transparent 70%);border:1px solid rgba(245,194,59,0.18);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all 0.35s ease}.logo-box::before{content:"⚽";position:absolute;top:8px;right:10px;font-size:14px;opacity:0.35;z-index:2}.logo-box img{max-width:80%;max-height:70%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,0.4));transition:transform 0.35s ease}.card:hover .logo-box{border-color:rgba(245,194,59,0.4);background:linear-gradient(135deg,rgba(255,255,255,0.1)0%,rgba(255,255,255,0.03)100%),radial-gradient(ellipse at center,rgba(245,194,59,0.14),transparent 70%)}.card:hover .logo-box img{transform:scale(1.06)}.rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}.rating-stars{color:var(--gold);font-size:13px;letter-spacing:3px;text-shadow:0 0 8px rgba(245,194,59,0.5)}.rating-score{font-family:var(--font-num);font-weight:700;font-size:16px;color:var(--cream);padding-left:10px;border-left:1px solid var(--line)}.perks{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:18px;min-height:28px}.perk{font-family:var(--font-sub);font-size:11px;font-weight:500;letter-spacing:1px;padding:4px 10px;border-radius:4px;color:var(--cream);background:rgba(245,194,59,0.12);border:1px solid rgba(245,194,59,0.3)}.perk.hot{color:var(--gold-bright);background:rgba(230,57,70,0.2);border-color:var(--red)}.btn-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-action-tech{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 10px;font-family:var(--font-body);font-size:15px;font-weight:700;letter-spacing:3px;border:none;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all 0.25s ease}.btn-action-tech::before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);transition:left 0.6s ease}.btn-action-tech:hover::before{left:150%}.btn-action-tech.btn-primary{color:var(--pitch-dark);background:linear-gradient(180deg,var(--gold-bright)0%,var(--gold)100%);box-shadow:0 4px 0 #b8881c,0 6px 14px rgba(0,0,0,0.3)}.btn-action-tech.btn-primary:hover{background:linear-gradient(180deg,#fff 0%,var(--gold-bright)100%);transform:translateY(2px);box-shadow:0 2px 0 #b8881c,0 4px 14px rgba(245,194,59,0.5)}.btn-action-tech.btn-primary:active{transform:translateY(4px);box-shadow:0 0 0 #b8881c}.btn-action-tech.btn-secondary{color:var(--gold-bright);background:rgba(245,194,59,0.08);border:1.5px solid var(--gold);box-shadow:0 4px 0 rgba(184,136,28,0.4),0 6px 14px rgba(0,0,0,0.25)}.btn-action-tech.btn-secondary:hover{color:var(--pitch-dark);background:var(--gold-bright);transform:translateY(2px);box-shadow:0 2px 0 rgba(184,136,28,0.6),0 4px 14px rgba(245,194,59,0.4)}.btn-action-tech.btn-secondary:active{transform:translateY(4px);box-shadow:0 0 0 transparent}.btn-icon{display:inline-block;width:12px;height:12px;position:relative}.btn-icon-download::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:7px;background:currentColor}.btn-icon-download::after{content:"";position:absolute;top:4px;left:50%;transform:translateX(-50%)rotate(45deg);width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor}.btn-icon-download{border-bottom:2px solid currentColor;padding-bottom:1px}.btn-icon-user{border:2px solid currentColor;border-radius:50%;width:11px;height:11px;position:relative}.btn-icon-user::before{content:"";position:absolute;top:1px;left:50%;transform:translateX(-50%);width:3px;height:3px;background:currentColor;border-radius:50%}.btn-icon-user::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:6px;height:3px;background:currentColor;border-radius:3px 3px 0 0}.footer{margin-top:50px;padding-top:24px;border-top:1px solid var(--line-soft);text-align:center;font-family:var(--font-body);font-weight:500;font-size:13px;letter-spacing:3px;color:rgba(244,236,216,0.55)}.footer .stadiums{margin-top:10px;font-size:12px;letter-spacing:2px;opacity:0.75}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr);gap:14px}.hero-title{font-size:26px;letter-spacing:3px}.hero-row{gap:16px}}@media(max-width:600px){.page{padding:32px 10px 50px}.hero{padding:16px 18px;margin-bottom:18px;border-radius:14px}.hero-row{gap:12px}.hero-left{gap:12px}.trophy{width:38px;height:46px}.trophy::before{width:24px;height:32px}.trophy::after{width:18px;height:12px}.hero-title{font-size:18px;letter-spacing:2px}.hero-title small{font-size:11px;letter-spacing:3px;margin-top:4px}.flag{width:22px;height:15px}.countdown{font-size:11px;padding:5px 10px;letter-spacing:1px}.countdown span{font-size:13px}.marquee{padding:8px 0;margin-bottom:18px}.marquee-track{font-size:12px;gap:32px}.section-title{font-size:15px;letter-spacing:2px;margin-bottom:10px;gap:8px}.section-title .section-sub{font-size:11px;letter-spacing:1px}.grid{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:14px 10px 12px;border-radius:12px}.jersey-num{font-size:18px;padding:4px 8px 3px;left:10px}.live-badge{font-size:10px;top:10px;right:10px}.live-badge::before{width:5px;height:5px}.logo-box{height:64px;margin-top:16px;margin-bottom:10px}.logo-box::before{font-size:11px;top:5px;right:6px}.rating{gap:5px;margin-bottom:8px}.rating-stars{font-size:11px;letter-spacing:2px}.rating-score{font-size:13px;padding-left:6px}.perks{gap:4px;margin-bottom:10px;min-height:22px}.perk{font-size:10px;padding:2px 6px;letter-spacing:0.5px}.btn-group{gap:5px}.btn-action-tech{padding:8px 4px;font-size:13px;letter-spacing:1px;gap:4px}.btn-icon{width:10px;height:10px}.footer{margin-top:28px;padding-top:16px;font-size:11px;letter-spacing:1.5px}.footer .stadiums{font-size:10px;letter-spacing:1px;margin-top:6px}}@media(max-width:380px){.card{padding:12px 8px 10px}.logo-box{height:56px}.btn-action-tech{font-size:12px;padding:7px 2px}}

/* ===== 2026 体育电竞风格改版 ===== */
:root{
  --pitch-dark:#050914;
  --pitch:#081426;
  --pitch-light:#102846;
  --gold:#22d3ee;
  --gold-bright:#67e8f9;
  --red:#ff3d8d;
  --red-deep:#b91c6c;
  --cream:#eaf6ff;
  --line:rgba(34,211,238,.28);
  --line-soft:rgba(103,232,249,.13);
}
html,body{background:#050914;color:var(--cream)}
body::before{
  background:
    linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px),
    linear-gradient(120deg,#040812 0%,#081426 42%,#07101f 100%);
  background-size:52px 52px,52px 52px,100% 100%;
  opacity:1;
}
body::after{
  background:
    radial-gradient(800px ellipse at 18% 5%,rgba(0,229,255,.18),transparent 62%),
    radial-gradient(720px ellipse at 86% 22%,rgba(133,76,255,.18),transparent 60%),
    radial-gradient(700px ellipse at 55% 105%,rgba(255,61,141,.12),transparent 62%);
}
.page{max-width:1240px}
.hero{
  border:1px solid rgba(34,211,238,.24);
  background:linear-gradient(135deg,rgba(7,20,39,.94),rgba(11,31,54,.82));
  box-shadow:0 18px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
}
.hero::before{background:linear-gradient(90deg,#22d3ee,#3b82f6,#a855f7,#ff3d8d)}
.hero-title{color:#f3fbff;text-shadow:0 0 24px rgba(34,211,238,.22)}
.hero-title small{color:#8fb8d8}
.countdown{border-color:rgba(34,211,238,.34);background:rgba(10,27,49,.72);color:#a9c9df}
.countdown span{color:#67e8f9}
.marquee{border-color:rgba(34,211,238,.22);background:rgba(8,20,38,.68);box-shadow:inset 0 0 28px rgba(34,211,238,.04)}
.marquee-track b{color:#67e8f9}
.section-title{color:#f3fbff;border-top-color:rgba(34,211,238,.58)}
.section-title::before{background:linear-gradient(180deg,#22d3ee,#a855f7);box-shadow:0 0 14px rgba(34,211,238,.45)}
.section-title .section-sub{color:#8fb8d8}
.grid{gap:22px}
.card{
  border:1px solid rgba(63,168,255,.32);
  background:linear-gradient(160deg,rgba(12,31,55,.9),rgba(5,13,26,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.18);
}
.card::after{content:"";position:absolute;inset:auto -25% -55% 20%;height:150px;background:radial-gradient(ellipse,rgba(34,211,238,.10),transparent 70%);pointer-events:none}
.card:nth-child(2){border-color:rgba(45,212,191,.38)}
.card:nth-child(3){border-color:rgba(168,85,247,.42)}
.card:nth-child(4){border-color:rgba(250,204,21,.38)}
.card:nth-child(5){border-color:rgba(255,61,141,.48)}
.card:hover{border-color:#67e8f9;box-shadow:0 22px 48px rgba(0,0,0,.42),0 0 34px rgba(34,211,238,.16)}
.jersey-num{color:#04111f;background:linear-gradient(135deg,#67e8f9,#38bdf8);box-shadow:0 5px 18px rgba(34,211,238,.24)}
.card:nth-child(3) .jersey-num{background:linear-gradient(135deg,#c084fc,#8b5cf6)}
.card:nth-child(4) .jersey-num{background:linear-gradient(135deg,#fde047,#f59e0b)}
.card:nth-child(5) .jersey-num{background:linear-gradient(135deg,#fb7185,#e879f9)}
.live-badge{color:#ff4d93}.live-badge::before{background:#ff4d93;box-shadow:0 0 12px #ff4d93}
.logo-box{border-color:rgba(89,178,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),radial-gradient(ellipse at center,rgba(34,211,238,.07),transparent 70%)}
.logo-box::before{content:"";width:5px;height:5px;border-radius:50%;background:#22d3ee;box-shadow:0 0 12px #22d3ee;top:12px;right:12px}
.card:hover .logo-box{border-color:rgba(103,232,249,.48);background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),radial-gradient(ellipse at center,rgba(59,130,246,.12),transparent 70%)}
.rating-stars{color:#facc15;text-shadow:0 0 10px rgba(250,204,21,.35)}
.perk{color:#cbe2f3;background:rgba(37,99,235,.10);border-color:rgba(96,165,250,.24)}
.perk.hot{color:#8ef4ff;background:rgba(34,211,238,.10);border-color:rgba(34,211,238,.42)}
.btn-action-tech.btn-primary{color:#04111f;background:linear-gradient(135deg,#67e8f9,#38bdf8 56%,#818cf8);box-shadow:0 4px 0 #126987,0 8px 20px rgba(34,211,238,.16)}
.btn-action-tech.btn-primary:hover{background:linear-gradient(135deg,#d7fbff,#67e8f9,#60a5fa);box-shadow:0 2px 0 #126987,0 6px 20px rgba(34,211,238,.30)}
.btn-action-tech.btn-secondary{color:#8eeeff;background:rgba(10,30,53,.78);border-color:#2f9bc5;box-shadow:0 4px 0 rgba(14,71,96,.72),0 6px 14px rgba(0,0,0,.25)}
.btn-action-tech.btn-secondary:hover{color:#04111f;background:#67e8f9}
.footer{border-top-color:rgba(34,211,238,.14);color:rgba(202,226,243,.52)}
.dp-live-clock__face{border-color:rgba(103,232,249,.82);background:radial-gradient(circle at 50% 50%,rgba(103,232,249,.24) 0 10%,rgba(8,20,38,.92) 11% 66%,rgba(0,0,0,.3) 67% 100%)}
.dp-live-clock__hour{background:#67e8f9}.dp-live-clock__minute{background:#a78bfa}.dp-live-clock__second{background:#ff4d93}
.dp-live-clock__text{background:linear-gradient(90deg,#67e8f9,#60a5fa,#c084fc,#ff4d93);-webkit-background-clip:text;background-clip:text;color:transparent}
.live-logo-box{overflow:visible}
.live-logo{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;position:relative;z-index:3}
.live-screen{width:64px;height:48px;position:relative;border:3px solid #ff5ca4;border-radius:13px;background:linear-gradient(145deg,rgba(255,61,141,.18),rgba(139,92,246,.18));box-shadow:0 0 22px rgba(255,61,141,.20)}
.live-screen::before{content:"";position:absolute;width:14px;height:5px;border-radius:5px 5px 0 0;border:3px solid #ff5ca4;border-bottom:0;left:50%;top:-11px;transform:translateX(-50%)}
.live-play{position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #ff7ab8;filter:drop-shadow(0 0 6px rgba(255,61,141,.7))}
.live-logo-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}
.live-logo-text strong{font-size:25px;color:#fff;font-weight:900;letter-spacing:2px}.live-logo-text small{margin-top:7px;color:#d8a9ff;font-size:10px;letter-spacing:3px}
.live-card .rating-stars{color:#ff5ca4;letter-spacing:1px;font-weight:900}
.live-btn-group{grid-template-columns:1fr}.live-card .btn-primary{background:linear-gradient(135deg,#fb7185,#ec4899,#a855f7);color:#fff;box-shadow:0 4px 0 #8c245f,0 8px 22px rgba(236,72,153,.20)}
@media(max-width:600px){.live-logo{gap:8px}.live-screen{width:44px;height:34px;border-width:2px}.live-screen::before{width:10px;height:4px;top:-8px;border-width:2px;border-bottom:0}.live-play{border-top-width:7px;border-bottom-width:7px;border-left-width:11px}.live-logo-text strong{font-size:15px;letter-spacing:1px}.live-logo-text small{font-size:7px;letter-spacing:1px;margin-top:4px}}


/* ===== 布局调整：直播置顶独占一行，其余平台两列 ===== */
.grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.live-card{grid-column:1 / -1;grid-row:1;}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:600px){.grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.live-card{grid-column:1 / -1;}}


/* ===== 直播卡片改为置顶广告栏 ===== */
.live-card.live-banner-card{
  grid-column:1 / -1;
  grid-row:1;
  padding:20px 22px 18px;
  overflow:hidden;
}
.live-card.live-banner-card::after{
  inset:auto -10% -70% 35%;
  height:120px;
  background:radial-gradient(ellipse,rgba(255,61,141,.14),transparent 70%);
}
.live-banner-shell{
  margin-top:10px;
  min-height:108px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:
    linear-gradient(90deg,rgba(10,30,53,.96),rgba(17,42,73,.86) 52%,rgba(86,28,102,.34)),
    radial-gradient(circle at 12% 50%,rgba(34,211,238,.16),transparent 36%),
    radial-gradient(circle at 78% 45%,rgba(255,61,141,.13),transparent 32%);
  display:grid;
  grid-template-columns:minmax(240px,360px) 1fr auto;
  align-items:center;
  gap:22px;
  padding:18px 24px;
  position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(0,0,0,.18);
}
.live-banner-shell::before{
  content:"LIVE";
  position:absolute;
  right:20px;
  top:12px;
  font-size:11px;
  letter-spacing:3px;
  color:rgba(255,255,255,.22);
  font-weight:800;
}
.live-banner-brand{
  display:flex;
  align-items:center;
  gap:16px;
}
.live-banner-copy{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.live-banner-title{
  font-size:22px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:1px;
  color:#f7fbff;
  text-shadow:0 0 18px rgba(34,211,238,.16);
}
.live-banner-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.live-banner-action{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:180px;
}
.live-banner-card .live-entry-btn{
  min-width:168px;
  padding:14px 18px;
}
.live-banner-card .live-logo-text strong{font-size:28px;letter-spacing:2px}
.live-banner-card .live-logo-text small{font-size:11px;letter-spacing:3px;margin-top:8px}
.live-banner-card .live-screen{width:68px;height:52px}
.live-banner-card .live-screen::before{top:-11px}
.live-banner-card .rating,
.live-banner-card .perks,
.live-banner-card .live-btn-group,
.live-banner-card .logo-box{display:none !important;}

/* 保持其余平台两列 */
.grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
@media(max-width:900px){
  .live-card.live-banner-card{padding:18px 18px 16px}
  .live-banner-shell{grid-template-columns:1fr auto;gap:16px;padding:16px 18px}
  .live-banner-brand{grid-column:1 / 2}
  .live-banner-copy{grid-column:1 / 2}
  .live-banner-action{grid-column:2 / 3;grid-row:1 / span 2;align-self:center;min-width:150px}
  .live-banner-title{font-size:18px}
  .live-banner-card .live-logo-text strong{font-size:22px}
}
@media(max-width:600px){
  .grid{grid-template-columns:1fr !important;}
  .live-card.live-banner-card{grid-column:1 / -1;padding:16px 14px 14px}
  .live-banner-shell{grid-template-columns:1fr;gap:12px;min-height:auto;padding:14px 14px 16px;border-radius:14px}
  .live-banner-brand{gap:10px}
  .live-banner-copy{gap:10px}
  .live-banner-title{font-size:16px}
  .live-banner-action{min-width:0;justify-content:stretch}
  .live-banner-card .live-entry-btn{width:100%;min-width:0;padding:12px 14px}
  .live-banner-card .live-screen{width:46px;height:36px;border-width:2px}
  .live-banner-card .live-screen::before{width:10px;height:4px;top:-8px;border-width:2px;border-bottom:0}
  .live-banner-card .live-logo-text strong{font-size:16px;letter-spacing:1px}
  .live-banner-card .live-logo-text small{font-size:8px;letter-spacing:1.5px;margin-top:4px}
  .live-banner-pills{gap:6px}
}


/* ===== 最新布局：直播广告栏置顶，开云 / 爱游戏 / 九游同一行 ===== */
@media (min-width: 901px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  .live-card.live-banner-card{grid-column:1 / -1;grid-row:auto;}
}
@media (min-width: 601px) and (max-width: 900px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .live-card.live-banner-card{grid-column:1 / -1;}
}
@media (max-width: 600px){
  .grid{grid-template-columns:1fr !important;}
  .live-card.live-banner-card{grid-column:1 / -1;}
}