.site-worldcup-panel.is-hidden{display:none!important}
#site-page-content.is-hidden{display:none!important}

.site-worldcup-panel,
.site-worldcup-panel *{box-sizing:border-box}
.site-worldcup-panel *{margin:0;padding:0}
.site-worldcup-panel{
  --green:#10b981;
  --green-dark:#059669;
  --green-light:rgba(16,185,129,.15);
  --gold:#f5c518;
  --red:#ef4444;
  --ink:#e5e7eb;
  --muted:#9ca3af;
  --line:#262626;
  --bg:#000000;
  --bg-soft:#0a0a0a;
  --card:#111111;
  --radius:12px;
  --shadow:0 2px 8px rgba(0,0,0,.4);
  --shadow-lg:0 8px 24px rgba(0,0,0,.5);
  --sched-row-display:table-row;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px;
}
.site-worldcup-panel a{color:var(--green);text-decoration:none}
.site-worldcup-panel a:hover{color:var(--green-dark);text-decoration:underline}
.site-worldcup-panel img{max-width:100%;height:auto;display:block}
.site-worldcup-panel .container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Skip link for a11y */
.site-worldcup-panel .skip{position:absolute;left:-9999px}
.site-worldcup-panel .skip:focus{left:8px;top:8px;background:var(--ink);color:#fff;padding:8px 12px;border-radius:6px;z-index:100}

/* Top breadcrumb */
.site-worldcup-panel .crumb{background:var(--bg-soft);border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.site-worldcup-panel .crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:10px 0}
.site-worldcup-panel .crumb li::after{content:"›";margin-left:6px;color:var(--muted)}
.site-worldcup-panel .crumb li:last-child::after{content:""}
.site-worldcup-panel .crumb a{color:var(--muted)}

/* Header / Hero — 大图完整不裁切 + 下方文字面板 */
.site-worldcup-panel .hero{
  color:#fff;
  background:linear-gradient(180deg,#0a1525 0%,#0f223f 50%,#0a1a35 100%);
  padding-bottom:48px;
}
.site-worldcup-panel .hero-image{
  display:block;
  width:100%;
  height:auto;
  /* 强制完整显示，永不裁切 */
  max-width:100%;
  object-fit:contain;
  background:#000;
}
.site-worldcup-panel .hero-inner{padding-top:36px}
.site-worldcup-panel .badge{display:inline-block;background:linear-gradient(135deg,#f5c518,#e0a800);color:#0f172a;font-weight:700;padding:5px 14px;border-radius:999px;font-size:13px;letter-spacing:.5px;box-shadow:0 4px 12px rgba(245,197,24,.3)}
.site-worldcup-panel h1{font-size:clamp(26px,3.6vw,40px);font-weight:800;line-height:1.25;margin:16px 0 14px;letter-spacing:-.3px}
.site-worldcup-panel .hero p.lead{font-size:clamp(15px,1.6vw,17px);max-width:840px;opacity:.92;line-height:1.7}
.site-worldcup-panel .hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px;font-size:14px}
.site-worldcup-panel .hero-meta div{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 16px;border-radius:8px;backdrop-filter:blur(8px)}
.site-worldcup-panel .hero-meta strong{color:var(--gold)}

/* Sticky nav */
.site-worldcup-panel nav.tabs{
  position:sticky;top:58px;z-index:40;background:var(--card);border-bottom:1px solid var(--line);
  box-shadow:var(--shadow);
}
@media (min-width:768px){
  .site-worldcup-panel nav.tabs{top:110px}
}
.site-worldcup-panel nav.tabs ul{list-style:none;display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.site-worldcup-panel nav.tabs a{
  display:block;padding:14px 18px;color:var(--ink);font-weight:600;font-size:15px;
  border-bottom:3px solid transparent;white-space:nowrap;text-decoration:none;
}
.site-worldcup-panel nav.tabs a:hover{color:var(--green);border-bottom-color:var(--green-light)}
.site-worldcup-panel nav.tabs a.active{color:var(--green);border-bottom-color:var(--green)}

/* Section base */
.site-worldcup-panel section.block{padding:56px 0;border-bottom:1px solid var(--line)}
.site-worldcup-panel section.block:nth-of-type(even){background:var(--bg-soft)}
.site-worldcup-panel .section-head{margin-bottom:28px}
.site-worldcup-panel .section-head h2{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.3px}
.site-worldcup-panel .section-head h2 .tag{font-size:13px;background:var(--green-light);color:var(--green-dark);padding:3px 10px;border-radius:6px;margin-left:10px;vertical-align:middle;font-weight:600}
.site-worldcup-panel .section-head p.sub{color:var(--muted);margin-top:8px;max-width:760px}

/* LIVE section — on-site player */
.live-player-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg)}
.live-player{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer}
.live-player video,
.live-player .wc-live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;background:#000}
/* 原生全屏：完整显示画面，不裁切（页内嵌入仍用 cover 铺满 16:9） */
.live-player video:fullscreen,
.live-player .wc-live-video:fullscreen,
.live-player video:-webkit-full-screen,
.live-player .wc-live-video:-webkit-full-screen{
  object-fit:contain;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
}
.live-player.is-playing .player-placeholder{background:transparent;pointer-events:none}
.live-player.is-playing .player-placeholder > *{pointer-events:auto}
.live-player.is-playing .player-placeholder::before{display:none}
.live-player.is-playing .play-btn{display:none}
/* 直播全屏（H5 原生 controls 常无全屏入口，自定义按钮补全） */
.wc-live-fullscreen-btn{
  display:none;position:absolute;right:12px;bottom:12px;z-index:5;
  width:40px;height:40px;padding:0;border:0;border-radius:8px;
  background:rgba(0,0,0,.55);color:#fff;cursor:pointer;
  align-items:center;justify-content:center;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  transition:background .15s,transform .15s;
}
.live-player.is-playing.is-mobile-live .wc-live-fullscreen-btn{display:inline-flex}
.wc-live-fullscreen-btn:hover,.wc-live-fullscreen-btn:focus-visible{
  background:rgba(0,0,0,.75);outline:none;
}
.wc-live-fullscreen-btn:active{transform:scale(.96)}
.wc-live-fullscreen-icon{width:22px;height:22px;display:block}
.wc-live-fullscreen-icon--exit{display:none}
.wc-live-fullscreen-btn[aria-pressed='true'] .wc-live-fullscreen-icon--enter{display:none}
.wc-live-fullscreen-btn[aria-pressed='true'] .wc-live-fullscreen-icon--exit{display:block}
@media (max-width:640px){
  .wc-live-fullscreen-btn{bottom:52px;right:10px;width:36px;height:36px}
  .wc-live-fullscreen-icon{width:20px;height:20px}
}
.live-player-tip{
  position:absolute;left:50%;bottom:18%;transform:translateX(-50%);z-index:4;
  max-width:min(88%,360px);padding:10px 16px;background:rgba(0,0,0,.78);color:#fff;
  font-size:14px;line-height:1.45;border-radius:8px;text-align:center;pointer-events:none;
}
.live-player-tip[hidden]{display:none!important}
.player-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#0f172a 0%,#005a39 60%,#00754a 100%);display:flex;align-items:center;justify-content:center;color:#fff}
.player-placeholder::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 30% 30%,rgba(245,197,24,.15),transparent 40%),radial-gradient(circle at 70% 70%,rgba(230,57,70,.1),transparent 50%)}
.play-btn{
  position:relative;width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--green);
  display:flex;align-items:center;justify-content:center;font-size:0;line-height:0;border:none;
  box-shadow:0 6px 24px rgba(0,0,0,.4);transition:.2s;z-index:2;cursor:pointer;
}
.play-btn::before{
  content:"";display:block;width:0;height:0;
  border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:22px solid currentColor;
  margin-left:5px;
}
.live-player:hover .play-btn{transform:scale(1.05);background:#fff}
.live-badge{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:6px;background:rgba(230,57,70,.95);color:#fff;font-size:13px;font-weight:700;padding:5px 12px;border-radius:4px;letter-spacing:.5px;z-index:3}
.live-badge::before{content:"";width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:.3}100%{opacity:1}}
.viewer-count{position:absolute;top:18px;right:18px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;padding:5px 12px;border-radius:4px;backdrop-filter:blur(4px);z-index:3}
.site-worldcup-panel .btn{display:inline-block;background:var(--green);color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;font-size:14px;border:none;cursor:pointer;transition:.2s}
.site-worldcup-panel .btn:hover{background:var(--green-dark);color:#fff;text-decoration:none}
.site-worldcup-panel .btn-gold{background:var(--gold);color:#0f172a}
.site-worldcup-panel .btn-gold:hover{background:#e0b215;color:#0f172a}
.site-worldcup-panel .btn-block{display:block;text-align:center;margin-top:14px}

@media (max-width:640px){
  .play-btn{width:64px;height:64px}
  .play-btn::before{
    border-top-width:10px;border-bottom-width:10px;border-left-width:17px;
    margin-left:3px;
  }
}

/* 世界杯推广图标：条数由接口决定，单项尺寸固定 */
.ad-icons{
  --wc-ad-size:58px;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px 0;
  margin:28px 0 36px;
  width:100%;
}
.ad-icon{
  flex:0 0 var(--wc-ad-size);
  width:var(--wc-ad-size);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--ink);
  transition:transform .15s;
}
.ad-icon:hover{transform:translateY(-3px);text-decoration:none;color:var(--green)}
.ad-icon .ad-bg{
  width:var(--wc-ad-size);
  height:var(--wc-ad-size);
  flex:none;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  box-shadow:0 4px 12px rgba(15,23,42,.12);
  color:#fff;
  overflow:hidden;
  padding:5px;
  box-sizing:border-box;
}
.ad-icon .ad-bg img{width:100%;height:100%;display:block;object-fit:contain;border-radius:inherit}
.ad-icon .ad-name{
  width:100%;
  max-width:calc(var(--wc-ad-size) + 20px);
  font-size:12px;
  text-align:center;
  line-height:1.3;
  font-weight:500;
  word-break:break-all;
}

@media(max-width:900px){.ad-icons{gap:18px 0}}
@media(max-width:480px){
  .ad-icons{--wc-ad-size:48px;gap:14px 0}
  .ad-icon .ad-bg{font-size:22px;border-radius:12px}
  .ad-icon .ad-name{font-size:11px}
}

/* SCHEDULE table */
.schedule-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
table.schedule{width:100%;border-collapse:collapse;min-width:680px;font-size:14px}
table.schedule thead{background:var(--green);color:#fff}
table.schedule th{padding:12px 14px;text-align:left;font-weight:600;font-size:13px;letter-spacing:.3px}
table.schedule td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
table.schedule tbody tr:hover{background:var(--green-light)}
.stage-tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:4px;background:var(--bg-soft);color:var(--muted);font-weight:600}
.stage-tag.group{background:#e0f2fe;color:#075985}
.stage-tag.r32{background:#fef3c7;color:#92400e}
.stage-tag.r16{background:#fde68a;color:#78350f}
.stage-tag.qf{background:#fed7aa;color:#9a3412}
.stage-tag.sf{background:#fecaca;color:#991b1b}
.stage-tag.final{background:#fee2e2;color:#7f1d1d;font-weight:700}
.stage-tag.live{background:#e63946;color:#fff;margin-left:6px}
table.schedule tbody tr.is-live{background:rgba(230,57,70,.06)}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.filter-bar .filter-btn{display:inline-block;background:var(--card);border:1px solid var(--line);padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;color:var(--ink);transition:.15s;user-select:none;font-family:inherit}
.filter-bar .filter-btn:hover{border-color:var(--green);color:var(--green)}
.filter-bar .filter-btn.active{background:var(--green);color:#fff;border-color:var(--green)}

/* 展开/收起按钮 */
.schedule-expand-wrap{text-align:center;margin-top:18px}
.schedule-expand-wrap[hidden]{display:none!important}
.schedule-expand{background:var(--card);border:1px solid var(--green);color:var(--green);padding:10px 24px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px;user-select:none;font-family:inherit}
.schedule-expand:hover{background:var(--green);color:#fff}
.schedule-expand::after{content:"▾";font-size:12px;transition:transform .2s}
.schedule-expand.is-expanded::after{transform:rotate(180deg)}
#schedule table.schedule tbody tr.is-wc-hidden{display:none!important}


/* PREDICTION section — content feed */
.predict-featured{
  display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:var(--card);border:1px solid var(--line);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:14px 0;
}
.predict-featured .cover{
  aspect-ratio:16/9;background:linear-gradient(135deg,#00754a 0%,#0f172a 100%);
  display:block;position:relative;background-size:cover;background-position:center;
}
.predict-featured .cover::after{
  content:"精选竞猜";position:absolute;top:14px;left:14px;background:var(--gold);color:#0f172a;
  font-size:12px;padding:4px 10px;border-radius:4px;font-weight:700;letter-spacing:.5px;
}
.predict-featured .body{padding:24px 28px;display:flex;flex-direction:column;justify-content:center}
.predict-featured .body .meta{font-size:12px;color:var(--muted);margin-bottom:10px;display:flex;gap:12px;flex-wrap:wrap}
.predict-featured .body .meta .tag{background:var(--green-light);color:var(--green-dark);padding:2px 8px;border-radius:4px;font-weight:600}
.predict-featured .body h3{font-size:22px;line-height:1.35;margin-bottom:10px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}
.predict-featured .body h3 a{color:var(--ink)}
.predict-featured .body h3 a:hover{color:var(--green);text-decoration:none}
.predict-featured .body p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}
.predict-featured .body .author{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.predict-featured .body .author strong{color:var(--ink)}

.predict-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.predict-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s;display:flex;flex-direction:column}
.predict-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.predict-item .cover{aspect-ratio:16/9;background:linear-gradient(135deg,#00754a,#005a39);display:block;position:relative;background-size:cover;background-position:center}
.predict-item .cover .pill{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.95);color:var(--green-dark);font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px}
.predict-item .body{padding:14px 16px 18px;flex:1;display:flex;flex-direction:column}
.predict-item .meta{font-size:12px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between}
.predict-item h3{font-size:15px;line-height:1.5;margin-bottom:8px;font-weight:600;flex:1}
.predict-item h3 a{color:var(--ink)}
.predict-item h3 a:hover{color:var(--green);text-decoration:none}
.predict-item p{font-size:13px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.predict-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:24px 0;font-size:14px}

.notice{background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.3);color:#fcd34d;padding:10px 14px;border-radius:8px;font-size:13px;margin-top:14px}

@media (max-width:768px){
  .predict-featured{grid-template-columns:1fr}
  .predict-featured .body{padding:20px}
  .predict-featured .body h3{font-size:18px}
}

/* VIDEO section */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:768px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.video-more{text-align:center;margin-top:28px}
.view-more-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 26px;background:var(--card);border:1px solid var(--green);color:var(--green);border-radius:999px;font-weight:600;font-size:14px;transition:.15s;text-decoration:none}
.view-more-btn:hover{background:var(--green);color:#fff;text-decoration:none}
.video-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.2s;cursor:pointer}
.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#00754a,#0f172a);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none}
.thumb:hover,.thumb:focus{text-decoration:none;color:#fff}
.thumb .play{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.thumb .duration{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.75);color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;font-family:Menlo,Consolas,monospace}
.thumb .topic{position:absolute;left:8px;top:8px;background:var(--gold);color:#0f172a;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:700}
.video-body{padding:14px 16px 18px}
.video-body h3{font-size:15px;line-height:1.4;margin-bottom:8px;font-weight:600}
.video-meta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}

/* FAQ */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;box-shadow:var(--shadow)}
.faq summary{padding:16px 20px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:15px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:22px;color:var(--green);transition:.2s}
.faq details[open] summary::after{content:"−"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .a{padding:16px 20px;color:var(--muted);font-size:14px;line-height:1.7}

/* Footer */
/* 相关搜索（白底关键词云） */
section.block.faq{border-bottom:none}
section.block.related-search{background:var(--bg);padding:0 0 36px;border-bottom:none;border-top:none}
.related-search-title{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:10px}
.related-keywords{display:flex;flex-wrap:wrap;gap:8px}
.related-keywords span{display:inline-block;background:var(--bg-soft);border:1px solid var(--line);color:var(--ink);padding:6px 14px;border-radius:6px;font-size:13px}

/* Responsive */
@media (max-width:768px){
  .site-worldcup-panel section.block{padding:40px 0}
  .site-worldcup-panel .live-grid,.site-worldcup-panel .predict-grid{grid-template-columns:1fr}
  .site-worldcup-panel .hero{padding-bottom:32px}
  .site-worldcup-panel .hero-inner{padding-top:24px}
  .site-worldcup-panel .hero-meta{gap:10px}
  .site-worldcup-panel .hero-meta div{padding:6px 12px;font-size:13px}
  .site-worldcup-panel nav.tabs a{padding:12px 14px;font-size:14px}
}

/* === 登录/注册弹窗（CSS-only 触发，无需 JS） === */

/* 隐藏卡片左上角小标签 */
.predict-featured .cover::after,
.predict-item .cover .pill,
.video-card .thumb .topic{display:none !important}

/* === 赛程筛选 + 展开（JS 驱动，接口 /comic/worldcup/schedule） === */
@media (max-width:640px){
  .site-worldcup-panel{--sched-row-display:grid}
}
#schedule table.schedule tbody tr.schedule-loading td{
  display:table-cell;
  text-align:center;
  color:var(--muted);
  padding:24px 14px;
}

/* 手机端可点性优化：加大筛选按钮、弹窗关闭按钮的触控区 */
@media (max-width:640px){
  .filter-bar button{padding:9px 16px;font-size:14px}
}

/* === 手机端：赛程表改为卡片式布局，避免横向滚动 === */
@media (max-width:640px){
  #schedule .schedule-wrap{overflow:visible;background:transparent;border:none;box-shadow:none}
  #schedule table.schedule{display:block;min-width:0;width:100%}
  #schedule table.schedule thead{display:none}
  #schedule table.schedule tbody{display:block}
  #schedule table.schedule tbody tr:not(.is-wc-hidden){
    display:grid;
    grid-template-columns:auto auto 1fr;
    column-gap:10px;
    row-gap:6px;
    padding:14px 14px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:10px;
    margin-bottom:10px;
  }
  #schedule table.schedule td{display:block;padding:0;border:none;font-size:13px;vertical-align:baseline;line-height:1.4}
  #schedule table.schedule td:nth-child(1){grid-column:1;grid-row:1;color:var(--muted);font-weight:600}
  #schedule table.schedule td:nth-child(2){grid-column:2;grid-row:1;color:var(--ink);font-weight:700;font-family:Menlo,Consolas,monospace}
  #schedule table.schedule td:nth-child(4){grid-column:3;grid-row:1;justify-self:end;align-self:center}
  #schedule table.schedule td:nth-child(3){grid-column:1/-1;grid-row:2;font-size:15px;font-weight:600;color:var(--ink)}
  #schedule table.schedule td:nth-child(5){grid-column:1/3;grid-row:3;color:var(--muted);font-size:12px}
  #schedule table.schedule td:nth-child(5)::before{content:"📍 "}
  #schedule table.schedule td:nth-child(6){grid-column:3;grid-row:3;justify-self:end;color:var(--muted);font-size:12px}
  #schedule table.schedule td:nth-child(6):not(:empty)::before{content:"比分 "}
  #schedule .stage-tag{font-size:10px;padding:2px 8px}
}

/* 比赛切换器（直播卡片左上角） */
.match-switcher-wrap{position:absolute;top:14px;left:14px;z-index:5}
.match-switcher{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;max-width:320px;font-family:inherit;line-height:1.2}
.match-switcher:hover,.match-switcher:focus-visible{background:rgba(0,0,0,.78);border-color:rgba(255,255,255,.32);outline:none}
.ms-live-dot{width:8px;height:8px;border-radius:50%;background:#e63946;animation:pulse 1.5s infinite;flex:none}
.ms-title{font-weight:700;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ms-stage{font-size:11px;opacity:.78;font-weight:500;padding:1px 7px;border-radius:3px;background:rgba(255,255,255,.12);flex:none;letter-spacing:.2px}
.ms-arrow{font-size:10px;opacity:.65;transition:transform .2s;flex:none}
.match-switcher[aria-expanded="true"] .ms-arrow{transform:rotate(180deg)}
.match-options{list-style:none;position:absolute;top:calc(100% + 6px);left:0;min-width:280px;max-width:340px;background:rgba(15,23,42,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px;margin:0;box-shadow:0 12px 36px rgba(0,0,0,.55);max-height:300px;overflow-y:auto}
.match-options li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px;cursor:pointer;color:#e2e8f0;transition:background .12s}
.match-options li:hover{background:rgba(255,255,255,.08)}
.match-options li.active{background:rgba(230,57,70,.16)}
.mo-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;flex:none}
.match-options li.active .mo-dot{background:#e63946;animation:pulse 1.5s infinite}
.mo-text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.mo-text strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mo-text small{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:680px){
  .match-switcher{padding:6px 10px;font-size:12px;max-width:210px;gap:6px}
  .ms-stage{display:none}
  .match-options{min-width:240px;max-width:calc(100vw - 60px)}
  .match-switcher-wrap{top:10px;left:10px}
}

/* === Figma node 303:74 visual rewrite === */
.site-worldcup-panel{
  --green:#ff800a;
  --green-dark:#ff9600;
  --green-light:rgba(255,128,10,.14);
  --gold:#ffd15a;
  --gold-start:#eabf77;
  --gold-end:#d9a54e;
  --red:#ff355d;
  --ink:#f5f5f5;
  --muted:#9b9b9b;
  --line:#2b210f;
  --bg:#050505;
  --bg-soft:#0b0b0b;
  --card:#111;
  --radius:8px;
  --shadow:0 8px 20px rgba(0,0,0,.35);
  --shadow-lg:0 18px 42px rgba(0,0,0,.55);
  --wc-gutter:10px;
  --wc-section-bar:4px;
  --wc-section-gap:10px;
  background:
    radial-gradient(circle at 50% 0, rgba(255,128,10,.12), transparent 34%),
    linear-gradient(180deg,#050505 0%,#090602 46%,#050505 100%);
  color:var(--ink);
  font-size:14px;
  line-height:1.55;
}
.site-worldcup-panel .container{
  width:100%;
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  padding:0 var(--wc-gutter);
  box-sizing:border-box;
}
@media (min-width:768px){
  .site-worldcup-panel{
    --wc-gutter:8px;
    --wc-section-bar:5px;
  }
  .site-worldcup-panel .container{
    max-width:100%;
    padding:0 var(--wc-gutter);
  }
}
.site-worldcup-panel a{color:inherit}
.site-worldcup-panel a:hover{color:var(--green);text-decoration:none}

.site-worldcup-panel .hero{
  position:relative;
  width:100%;
  padding:0;
  background:#050505;
  border-bottom:none;
  overflow:hidden;
}
.site-worldcup-panel .hero-visual{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#050505;
}
.site-worldcup-panel .hero-visual::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:34%;
  background:linear-gradient(180deg,rgba(5,5,5,0),#050505 86%);
  pointer-events:none;
}
.site-worldcup-panel .hero-image{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  background:#050505;
}
.site-worldcup-panel .hero-inner{
  position:relative;
  margin-top:-18px;
  padding-bottom:18px;
  z-index:1;
  text-align:center;
  background:transparent;
}
.site-worldcup-panel .hero-head{
  width:100%;
}
.site-worldcup-panel .hero-title{
  margin:0 0 14px;
  font-size:clamp(20px,3.8vw,28px);
  line-height:1.35;
  font-weight:700;
  letter-spacing:.02em;
  text-align:center;
  color:#ff800a;
  filter:drop-shadow(0 0 12px rgba(255,128,10,.22));
}
.site-worldcup-panel .hero-badge{
  margin:0 0 14px;
  text-align:center;
}
.site-worldcup-panel .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:28px;
  padding:4px 18px;
  background:#2f1700;
  border:1px solid #ff800a;
  border-radius:999px;
  color:#ff800a;
  font-size:11px;
  font-weight:400;
  letter-spacing:.04em;
  box-shadow:none;
}
.site-worldcup-panel .hero p.lead{
  max-width:none;
  margin:0;
  font-size:13px;
  line-height:1.75;
  color:#fff;
  opacity:1;
  text-align:center;
}
.site-worldcup-panel .hero-stats{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin:20px 0 0;
  padding:0;
  text-align:left;
}
.site-worldcup-panel .hero-stat{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:58px;
  padding:10px 10px;
  background:#18110a;
  border:2px solid #2f1600;
  border-radius:13px;
  box-shadow:none;
}
.site-worldcup-panel .hero-stat__icon{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  color:#faac36;
}
.site-worldcup-panel .hero-stat__icon svg,
.site-worldcup-panel .hero-stat__icon img{
  width:22px;
  height:22px;
  display:block;
  object-fit:contain;
}
.site-worldcup-panel .hero-stat__body{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.site-worldcup-panel .hero-stat__title{
  color:#ffc074;
  font-size:12px;
  font-weight:500;
  line-height:1.2;
}
.site-worldcup-panel .hero-stat__sub{
  color:#a8783e;
  font-size:11px;
  line-height:1.3;
}

.site-worldcup-panel nav.tabs{
  position:sticky;
  top:58px;
  z-index:40;
  margin-top:0;
  background:radial-gradient(ellipse 76% 200% at 50% 0,#311400 0%,#171410 100%);
  border-top:1px solid transparent;
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,#8f4c00,#ffc27d,#8f4c00) 1;
  box-shadow:0 8px 18px rgba(0,0,0,.45);
}
@media (min-width:768px){
  .site-worldcup-panel nav.tabs{top:110px}
}
.site-worldcup-panel nav.tabs ul{
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  gap:0;
  width:100%;
  max-width:100%;
  margin:0 auto;
  padding:5px var(--wc-gutter);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box;
}
.site-worldcup-panel nav.tabs li{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1 1 0;
  min-width:0;
}
.site-worldcup-panel nav.tabs li + li{
  border-left:2px solid #423b33;
}
.site-worldcup-panel nav.tabs a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:100%;
  padding:8px 10px;
  color:#cbb7a6;
  font-size:12px;
  font-weight:500;
  white-space:nowrap;
  border:2px solid transparent;
  border-radius:9px;
  margin:4px 0;
  text-decoration:none;
  transition:color .15s, border-color .15s, background .15s;
}
.site-worldcup-panel nav.tabs a:hover{
  color:#ff9600;
  text-decoration:none;
}
.site-worldcup-panel nav.tabs a.active{
  color:#ff9600;
  font-weight:700;
  background:radial-gradient(ellipse 100% 180% at 50% 0,#201d14 0%,#040200 100%);
  border-color:#904d00;
  box-shadow:inset 0 0 0 1px rgba(109,78,42,.45);
}

.site-worldcup-panel section.block{
  padding:22px 0;
  border-bottom:1px solid rgba(255,128,10,.18);
  background:transparent!important;
  scroll-margin-top:calc(var(--wc-scroll-offset, 120px));
}
.site-worldcup-panel .section-head{
  display:grid;
  grid-template-columns:var(--wc-section-bar) 1fr;
  grid-template-rows:auto auto;
  column-gap:var(--wc-section-gap);
  row-gap:8px;
  margin-bottom:12px;
  align-items:center;
}
.site-worldcup-panel .section-head::before{
  content:"";
  grid-column:1;
  grid-row:1;
  align-self:center;
  justify-self:center;
  width:4px;
  height:22px;
  background:#d97103;
  border-radius:99px;
}
.site-worldcup-panel .section-head h2{
  grid-column:2;
  grid-row:1;
  display:inline-flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:18px;
  line-height:1.25;
  background:linear-gradient(180deg,var(--gold-start),var(--gold-end));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  letter-spacing:.02em;
}
.site-worldcup-panel .section-head h2 .tag{
  margin-left:0;
  padding:2px 8px;
  border-radius:4px;
  font-size:10px;
  font-weight:400;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  color:inherit;
}
#live .section-head h2 .tag{background:#2f1700;border:1px solid #ff800a;color:#ff800a}
#schedule .section-head h2 .tag{background:#022806;border:1px solid #1aff0a;color:#1aff0a}
#predict .section-head h2 .tag{background:#021728;border:1px solid #0aa1ff;color:#0aa1ff}
#video .section-head h2 .tag{background:#300039;border:1px solid #da0aff;color:#da0aff}
.site-worldcup-panel .section-head p.sub{
  grid-column:2;
  grid-row:2;
  width:100%;
  max-width:none;
  margin:0;
  color:#fff;
  font-size:12px;
  line-height:1.7;
}

.live-player-wrap,
.schedule-wrap,
.predict-featured,
.predict-item,
.video-card,
.faq details,
.site-worldcup-panel .faq article{
  background:linear-gradient(180deg,#151515,#080808)!important;
  border:1px solid rgba(255,128,10,.28)!important;
  border-radius:8px!important;
  box-shadow:var(--shadow)!important;
}
.live-player{aspect-ratio:16/9;border-radius:8px 8px 0 0}
.player-placeholder{
  background:
    linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.72)),
    url('/images/worldcup-hero.jpg') center/cover no-repeat;
}
.player-placeholder::before{
  background:radial-gradient(circle at center,rgba(255,209,90,.28),transparent 30%);
}
.play-btn{
  width:58px;
  height:58px;
  background:linear-gradient(180deg,#ffe08a,#ffb21f);
  color:#221000;
  box-shadow:0 0 0 8px rgba(255,178,31,.18),0 8px 22px rgba(0,0,0,.5);
}
.play-btn::before{
  border-top-width:9px;border-bottom-width:9px;border-left-width:15px;
  margin-left:3px;
}
.viewer-count{
  position:absolute;
  top:18px;
  right:18px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(0,0,0,.8);
  border:1px solid #3f3f3f;
  border-radius:3px;
  padding:6px 10px;
  font-size:12px;
  line-height:1;
  backdrop-filter:none;
}
.viewer-count .vc-eye{
  width:16px;
  height:10px;
  color:#6e6e6e;
  flex:none;
}
.viewer-count .vc-num{color:#fff;font-weight:400}
.viewer-count .vc-label{color:#6e6e6e}
.match-switcher{
  background:rgba(0,0,0,.8);
  border-color:#3f3f3f;
  border-radius:3px;
}
.ms-live-dot{background:#ff0000}
.ms-stage{
  color:#898989;
  background:transparent;
  border:1px solid #3f3f3f;
  border-radius:4px;
  padding:2px 6px;
}

.site-worldcup-panel .ad-icons{
  --wc-ad-size:40px;
  --wc-ad-gap-y:14px;
  justify-content:space-between;
  gap:var(--wc-ad-gap-y) 0;
  margin:16px 0 0;
}
/* 直播区广告：与播放器同区域，略缩进左右边距 */
.site-worldcup-panel #live .ad-icons{
  --wc-ad-inset:6px;
  padding-left:var(--wc-ad-inset);
  padding-right:var(--wc-ad-inset);
}
/* 竞猜区广告与标题文字左缘对齐（色条 + 列间距） */
.site-worldcup-panel #predict .ad-icons{
  padding-left:calc(var(--wc-section-bar) + var(--wc-section-gap));
}
.site-worldcup-panel #live{
  padding-bottom:10px;
}
.site-worldcup-panel .ad-icon{
  gap:6px;
  color:#fff;
}
.site-worldcup-panel .ad-icon:hover{color:#ff9600}
.site-worldcup-panel .ad-icon .ad-bg{
  border-radius:8px;
  font-size:17px;
  box-shadow:0 0 0 3px rgba(82,44,0,.5),0 0 0 4px #ff8800;
  overflow:hidden;
  padding:4px;
  box-sizing:border-box;
}
.ad-icon .ad-bg img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:inherit;
}
.ad-icon .ad-name{font-size:10px;line-height:1.25;font-weight:500}

.filter-bar{
  gap:7px;
  margin-bottom:10px;
}
.filter-bar .filter-btn{
  background:rgba(0,0,0,.5);
  border:1.2px solid #4b4b4b;
  color:#9a9a9a;
  border-radius:999px;
  padding:8px 14px;
  font-size:12px;
  font-weight:700;
}
.filter-bar .filter-btn:hover,
.filter-bar .filter-btn.active{
  background:rgba(82,44,0,.5);
  border-color:#ff8800;
  color:#ff9600;
}
table.schedule{min-width:620px;font-size:12px}
table.schedule thead{background:#140b02;color:var(--gold-start)}
table.schedule th{
  padding:9px 10px;
  border-bottom:1px solid rgba(255,128,10,.25);
}
table.schedule td{
  padding:9px 10px;
  border-bottom:1px solid rgba(255,128,10,.12);
}
table.schedule tbody tr:hover{background:rgba(255,128,10,.08)}
.stage-tag,
.stage-tag.group,
.stage-tag.r32,
.stage-tag.r16,
.stage-tag.qf,
.stage-tag.sf,
.stage-tag.final{
  background:rgba(255,209,90,.12);
  border:1px solid rgba(255,209,90,.34);
  color:var(--gold);
  border-radius:3px;
}
.stage-tag.live{
  background:#ff0000;
  border-color:#ff0000;
  color:#fff;
}
table.schedule tbody tr.is-live{background:rgba(255,0,0,.08)}
.schedule-expand{
  border:2px solid #904d00;
  color:#ff9600;
  background:radial-gradient(ellipse 100% 180% at 50% 0,#201d14 0%,#040200 100%);
  border-radius:9px;
  padding:10px 18px;
  font-weight:700;
}
.schedule-expand:hover{
  color:#ff9600;
  background:radial-gradient(ellipse 100% 180% at 50% 0,#201d14 0%,#040200 100%);
  border-color:#904d00;
}

.predict-featured{grid-template-columns:1.04fr 1fr}
.predict-featured .cover,
.predict-item .cover{
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.65)),
    url('/images/worldcup-hero.jpg') center/cover no-repeat;
  color:var(--gold);
}
.predict-featured .cover::after{display:none}
.predict-featured .body{padding:18px 16px}
.predict-featured .body .meta .tag{
  background:rgba(255,136,0,.14);
  color:var(--green);
}
.predict-featured .body h3{font-size:16px}
.predict-featured .body h3 a:hover,
.predict-item h3 a:hover{color:var(--green)}
.predict-list{grid-template-columns:repeat(2,1fr);gap:10px}
.predict-item .body{padding:10px 11px 12px}
.predict-item h3{font-size:13px}
.predict-item p{font-size:12px}
.notice{
  margin-top:10px;
  background:rgba(255,128,10,.08);
  border-color:rgba(255,128,10,.28);
  color:#e2b36b;
}

.video-grid{grid-template-columns:repeat(3,1fr);gap:10px}
.thumb{
  background:
    linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.72)),
    url('/images/worldcup-hero.jpg') center/cover no-repeat;
}
.thumb .play{
  width:38px;
  height:38px;
  background:linear-gradient(180deg,#ffe08a,#ffb21f);
  color:#221000;
  font-size:0;
  line-height:0;
}
.thumb .play::before{
  content:"";display:block;width:0;height:0;
  border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid currentColor;
  margin-left:2px;
}
.thumb .duration,
.video-meta{
  color:#d6d6d6;
}
.video-body{padding:10px 11px 12px}
.video-body h3{font-size:13px}
.view-more-btn{
  border:2px solid #904d00;
  color:#ff9600;
  background:radial-gradient(ellipse 100% 180% at 50% 0,#201d14 0%,#040200 100%);
  border-radius:9px;
  cursor:pointer;
  font:inherit;
}
.view-more-btn:hover{
  background:radial-gradient(ellipse 100% 180% at 50% 0,#201d14 0%,#040200 100%);
  color:#ff9600;
  border-color:#904d00;
}
.view-more-btn[hidden]{display:none}
.video-card.is-wc-hidden{display:none}

.faq summary{
  padding:12px 14px;
  color:#eee;
  font-size:13px;
}
.faq summary::after{color:var(--green)}
.faq .a{
  padding:12px 14px;
  color:#aaa;
  font-size:12px;
}
section.block.related-search{padding:0 0 24px;background:transparent}
.related-search-title{color:var(--gold)}
.related-keywords{gap:6px}
.related-keywords span{
  background:#0c0c0c;
  border-color:rgba(255,136,0,.25);
  color:#bdbdbd;
  padding:5px 9px;
  border-radius:3px;
  font-size:11px;
}

@media (max-width:640px){
  .site-worldcup-panel .container{padding:0 8px}
  .site-worldcup-panel .hero-inner{margin-top:-10px;padding-bottom:14px}
  .site-worldcup-panel .hero-title{font-size:18px;line-height:1.4}
  .site-worldcup-panel .hero p.lead{font-size:12px;line-height:1.75}
  .site-worldcup-panel .hero-stats{
    grid-template-columns:repeat(2,1fr);
    gap:6px;
  }
  .site-worldcup-panel .hero-stat{
    min-height:52px;
    padding:8px;
    border-radius:10px;
  }
  .site-worldcup-panel .hero-stat__icon{width:24px;height:24px}
  .site-worldcup-panel .hero-stat__icon svg,
  .site-worldcup-panel .hero-stat__icon img{width:20px;height:20px}
  .site-worldcup-panel .hero-stat__title{font-size:11px}
  .site-worldcup-panel .hero-stat__sub{font-size:10px}
  .site-worldcup-panel nav.tabs a{padding:9px 6px;font-size:11px;margin:3px 0}
  .viewer-count{font-size:11px;padding:5px 8px}
  .viewer-count .vc-eye{width:14px;height:9px}
  /* 手机端广告位改固定 5 列网格: 末行左对齐, 间距统一, 图标放大 (原 flex+space-between 末行被拉散且过小) */
  .site-worldcup-panel .ad-icons{
    --wc-ad-size:46px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    justify-items:center;
    justify-content:initial;
    gap:16px 6px;
  }
  .site-worldcup-panel .ad-icon{
    flex:initial;
    width:100%;
  }
  /* 竞猜区原有左缩进会挤压网格列, 手机端去掉, 与 5 列等宽对齐 */
  .site-worldcup-panel #predict .ad-icons{padding-left:0}
  .site-worldcup-panel .ad-icon .ad-bg{font-size:18px;border-radius:11px;padding:4px}
  .site-worldcup-panel .ad-icon .ad-name{font-size:10px}
  .predict-featured{grid-template-columns:1fr}
  .predict-list,.video-grid{grid-template-columns:repeat(2,1fr)}
  #schedule table.schedule tbody tr{
    background:linear-gradient(180deg,#151515,#090909);
    border-color:rgba(255,128,10,.24);
  }
}

/* Figma稿为窄屏长页，桌面预览时也保持活动页主体宽度，不拉伸成通栏大图。 */
@media (min-width:768px){
  .site-worldcup-panel{
    width:min(1080px, calc(100vw - 48px));
    max-width:100%;
    margin:0 auto;
    border-left:1px solid rgba(255,128,10,.18);
    border-right:1px solid rgba(255,128,10,.18);
    box-shadow:0 0 40px rgba(0,0,0,.45);
  }
  .site-worldcup-panel .hero-inner{
    margin-top:-12px;
  }
  .site-worldcup-panel .hero-title{
    font-size:26px;
  }
  .site-worldcup-panel .hero p.lead{
    font-size:13px;
  }
  .site-worldcup-panel .hero-stat{
    min-height:56px;
    padding:10px 12px;
  }
  .site-worldcup-panel nav.tabs{
    top:110px;
  }
  .site-worldcup-panel nav.tabs ul{
    padding:5px 12px;
  }
  .site-worldcup-panel nav.tabs a{
    padding:12px 10px;
    font-size:13px;
  }
  .site-worldcup-panel section.block{
    padding:18px 0;
  }
  .site-worldcup-panel .section-head::before{
    width:5px;
    height:26px;
  }
  .site-worldcup-panel .section-head h2{
    font-size:20px;
  }
  .site-worldcup-panel .ad-icons{
    --wc-ad-size:38px;
    --wc-ad-gap-y:14px;
    gap:var(--wc-ad-gap-y) 0;
  }
  .site-worldcup-panel .ad-icon .ad-bg{
    font-size:14px;
    border-radius:8px;
    padding:4px;
  }
  .site-worldcup-panel .ad-icon .ad-name{
    font-size:9px;
  }
  .predict-featured{
    grid-template-columns:1.04fr 1fr;
  }
  .predict-list,
  .video-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

body:has(#worldcup-panel:not(.is-hidden)) .dx-bottom-promo{
  display:none!important;
}

body:has(#worldcup-panel:not(.is-hidden)) .dx-backtop,
body:has(#worldcup-panel:not(.is-hidden)) a[title="浏览记录"]{
  display:none!important;
}

/* 键盘可达焦点样式: Tab/方向键切换场次时可见焦点 (需求 #tab键切换) */
.match-options li[role=option]:focus{outline:2px solid #e63946;outline-offset:-2px;background:rgba(255,255,255,.08)}
.match-switcher:focus-visible{outline:2px solid #e63946;outline-offset:2px}

/* ===== 正在直播独立板块 (拆分方案 doc/worldcup-split-source-plan.md) ===== */
#livelist tr.can-play{cursor:pointer}
#livelist .livelist-watch{padding:4px 14px;border:0;border-radius:14px;background:var(--green);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}
#livelist .livelist-watch:hover{opacity:.85}
/* 直播列表展开/收起按钮 (类名独立于 .schedule-expand, 避免主 JS querySelector 第一个匹配被劫持) */
.livelist-expand-wrap{text-align:center;margin-top:18px}
.livelist-expand-wrap[hidden]{display:none!important}
.livelist-expand{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-family:inherit;font-size:14px;font-weight:700;border:2px solid #904d00;color:#ff9600;background:radial-gradient(ellipse 100% 180% at 50% 0,#201d14 0%,#040200 100%);border-radius:9px;padding:10px 18px;transition:.15s}
.livelist-expand::after{content:"▾";font-size:12px;transition:transform .2s}
.livelist-expand.is-expanded::after{transform:rotate(180deg)}