/*
 * 虎牙体育 A27 主样式
 * 页面结构 / 宽度 / 栏比例 / 列表行 / Sidebar 顺序沿用 Reference 骨架，
 * 配色替换为虎牙橙 + 深灰 + 白 + 浅灰的品牌体系。
 */

:root {
  --brand: #ff6b00;
  --brand-dark: #e05c00;
  --brand-soft: #fff3e9;
  --ink: #262b33;
  --ink-2: #4a515c;
  --muted: #8a9199;
  --line: #ececef;
  --bg: #f5f6f8;
  --row: #fafbfc;
  --live: #d93a2b;
  --page-width: 1250px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: #fff;
  color: var(--ink);
  font-size: 14px;
  line-height: 1.6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
}

a { color: var(--ink); text-decoration: none; transition: color .15s ease-in-out; }
a:hover { color: var(--brand); }
img { border: 0; }
ul, ol, li { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4 { margin: 0; font-weight: 600; }
p { margin: 0 0 10px; }

/* ---------------- Header ---------------- */
.header { display: block; }
.header_bg { background: var(--ink); border-bottom: 3px solid var(--brand); }

.header_main {
  width: var(--page-width);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding: 6px 0;
}

.header_main .tut {
  font-size: 22px;
  color: #fff;
  font-weight: 700;
  margin-right: 20px;
  width: 150px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.header_main .tut:hover { color: #fff; }
.header_main .tut .logo_mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  background: var(--brand);
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  flex-shrink: 0;
}

.header_main .sall {
  border-radius: 40px;
  background: #fff;
  height: 36px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  order: 3;
}
.header_main .sall .inp_key {
  border: none;
  outline: none;
  margin-left: 14px;
  width: 132px;
  color: #444;
  background: transparent;
  font-size: 13px;
}
.header_main .sall .search_btn {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: color .15s ease-in-out, background .15s ease-in-out;
}
.header_main .sall .search_btn:hover { color: var(--brand); background: var(--brand-soft); }
.header_main .sall .search_btn svg { display: block; }

.link_nav {
  width: 830px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.link_nav li { position: relative; }
.link_nav li a {
  display: block;
  padding: 0 8px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
}
.link_nav li a:hover { color: var(--brand); }
.link_nav li a.active {
  color: var(--brand);
  font-weight: 600;
}
.link_nav li a.active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 3px;
  border-radius: 2px;
  background: var(--brand);
}

.wap_menu_btn {
  display: none;
  color: #fff;
  font-size: 22px;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 4px 8px;
}

/* WAP 抽屉导航（Reference wap_header_link_container 结构） */
.wap_header_link_container {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 280px;
  height: 100%;
  z-index: 100001;
  overflow: auto;
  background: #fff;
  box-shadow: -2px 0 12px rgba(0, 0, 0, .18);
}
.wap_header_link_container.open { display: block; }
.wap_header_link_container .colla_title {
  background: var(--ink);
  color: #fff;
  padding: 14px 16px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wap_header_link_container .colla_title .close_btn {
  background: none; border: 0; color: #fff; font-size: 20px; cursor: pointer;
}
.wap_header_link_container .child_navs { padding: 6px 0; }
.wap_header_link_container .child_navs li a {
  display: block;
  padding: 11px 16px;
  border-bottom: 1px solid var(--line);
  font-size: 15px;
}
.wap_mask {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .45);
  z-index: 100000;
}
.wap_mask.open { display: block; }

/* ---------------- 主体容器 ---------------- */
.body_container_main {
  display: block;
  width: var(--page-width);
  margin: 0 auto;
  padding-bottom: 20px;
}

.substation_index_container {
  display: flex;
  border-top: 1px solid var(--line);
  align-items: flex-start;
}
.substation_left {
  width: 70%;
  padding-right: 14px;
  border-right: 1px solid var(--line);
  min-width: 0;
}
.substation_right {
  width: 30%;
  padding-left: 14px;
  min-width: 0;
}

/* 面包屑 */
.cub_main_block {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-size: 13px;
  color: var(--muted);
}
.cub_main_block .ti { color: var(--muted); }
.cub_main_block .breadcrumb a { color: var(--ink-2); }
.cub_main_block .breadcrumb a:hover { color: var(--brand); }

/* 首页主标题区 */
.home_hero { padding: 14px 0 6px; }
.home_hero h1 {
  font-size: 22px;
  color: var(--ink);
  display: inline-block;
  border-left: 4px solid var(--brand);
  padding-left: 10px;
  line-height: 1.2;
}
.home_hero .sub { color: var(--muted); font-size: 13px; margin: 8px 0 0; }

/* ---------------- 直播筛选 tabs ---------------- */
.filter_btn_link_view .filter_top {
  display: flex;
  align-items: center;
  padding: 10px 0;
  position: relative;
  flex-wrap: wrap;
  gap: 6px;
}
.hot_links .tab_d {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 30px;
  border: 1px solid var(--line);
  margin-right: 10px;
  font-size: 14px;
  cursor: pointer;
  color: var(--ink-2);
  background: #fff;
}
.hot_links .tab_d:hover { border-color: var(--brand); color: var(--brand); }
.hot_links .tab_d.active { border-color: var(--brand); background: var(--brand); color: #fff; }

.filter_all_links { padding: 12px 0 4px; }
.filter_all_links a {
  display: inline-block;
  padding: 3px 12px;
  border-radius: 30px;
  border: 1px solid var(--line);
  margin: 0 8px 8px 0;
  font-size: 13px;
  color: var(--ink-2);
}
.filter_all_links a:hover { border-color: var(--brand); background: var(--brand-soft); color: var(--brand); }

/* ---------------- 比赛列表 ---------------- */
.week-live_block_container { display: block; width: 100%; margin-bottom: 15px; padding: 6px 0; }

.list.lsbs { margin-bottom: 14px; }
.list.lsbs > .list_title {
  font-size: 16px;
  font-weight: 600;
  padding: 8px 0 8px 10px;
  border-left: 3px solid var(--brand);
  margin-bottom: 4px;
}

.video-item {
  display: flex;
  align-items: center;
  padding: 7px 5px;
  color: var(--ink);
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #f4f4f6;
}
.video-item:nth-child(even) { background: var(--row); }
.video-item .times { display: flex; margin-right: 10px; align-items: center; }
.video-item .times b { width: unset; margin-right: 10px; font-weight: 500; color: var(--ink-2); }
.video-item .times span { margin-right: 10px; width: 92px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.video-item .times span a { color: var(--brand-dark); font-size: 13px; }
.video-item .teams { display: flex; align-items: center; flex: 1; justify-content: center; }
/* 只作用于 .teams 的直接子列（主队 / VS / 客队），
   避免把球队名里的首字徽标 .team_badge 一起当成分栏拉宽 */
.video-item .teams > span { display: flex; align-items: center; margin: 0 3px; min-width: 0; }
.video-item .teams > span:nth-child(1) { justify-content: flex-end; }
.video-item .teams > span:nth-child(1),
.video-item .teams > span:nth-child(3) { width: 180px; overflow: hidden; white-space: nowrap; }
.video-item .teams > span:nth-child(2) { color: var(--muted); font-size: 12px; width: 44px; justify-content: center; flex-shrink: 0; }
.video-item .teams .team_name { font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.video-item .teams img { width: 24px; height: 24px; margin: 0 4px; object-fit: contain; flex-shrink: 0; }
.video-item .lives { cursor: pointer; display: flex; align-items: center; flex: 0 0 110px; justify-content: flex-end; }
.video-item .lives a { display: flex; align-items: center; justify-content: flex-end; }

.team_badge {
  width: 24px; height: 24px; margin: 0 4px; border-radius: 50%;
  background: var(--brand-soft); color: var(--brand-dark);
  font-size: 11px; display: inline-flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-weight: 600;
}

.eventtxt {
  cursor: pointer;
  font-size: 13px;
  padding: 3px 12px;
  border-radius: 30px;
  border: 1px solid var(--brand);
  color: var(--brand);
  display: inline-block;
  line-height: 18px;
}
a:hover .eventtxt { background: var(--brand); color: #fff; }
.eventtxt.live { background: var(--live); border-color: var(--live); color: #fff; }
.eventtxt.live:before {
  content: "";
  display: inline-block;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #fff;
  margin-right: 5px;
  vertical-align: middle;
}
a:hover .eventtxt.live { background: #bf2f22; border-color: #bf2f22; }
.eventtxt.finished { border-color: var(--line); color: var(--muted); }

.empty_tip { padding: 26px 0; text-align: center; color: var(--muted); }

/* ---------------- Sidebar 模块 ---------------- */
.news_special_block_container { display: block; width: 100%; padding: 10px 0; }
.news_special_block_container .top_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--line);
}
.news_special_block_container .top_title h2,
.hot_rec_staion_block > h2 {
  font-size: 17px;
  font-weight: 600;
  border-left: 3px solid var(--brand);
  padding-left: 10px;
  line-height: 1.2;
}
.news_special_block_container .top_title .more { font-size: 13px; color: var(--muted); }
.news_special_items { display: block; width: 100%; }
.news_special_items .item { width: 100%; display: flex; align-items: center; padding: 5px 0; }
.news_special_items .item em { padding: 0 6px 0 0; color: #bbb; font-style: normal; font-size: 12px; flex-shrink: 0; }
.news_special_items .item a {
  display: block; font-size: 14px; color: var(--ink-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1;
}
.news_special_items .item a:hover { color: var(--brand); }
.news_special_items .item .t_time { color: #bbb; font-size: 12px; margin-right: 6px; flex-shrink: 0; }

.hot_rec_staion_block { display: block; width: 100%; margin: 10px 0; }
.hot_rec_staion_block .links { padding-top: 10px; }
.hot_rec_staion_block .links a,
.hot_rec_staion_block .links span.t3 {
  display: inline-block;
  padding: 3px 10px;
  margin: 0 6px 8px 0;
  border: 1px solid var(--line);
  border-radius: 30px;
  font-size: 13px;
  color: var(--ink-2);
  background: #fff;
}
.hot_rec_staion_block .links a:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-soft); }
.hot_rec_staion_block .links span.t3 { color: var(--muted); }

/* ---------------- 富文本 / 资讯 ---------------- */
.rich_text_container { padding: 10px 0; }
.rich_text_container > h1,
.rich_text_container > h3 { font-size: 20px; line-height: 1.5; margin-bottom: 8px; }
.rich_text_container .info { color: var(--muted); font-size: 13px; padding-bottom: 10px; border-bottom: 1px solid var(--line); margin-bottom: 14px; }
.rich_text_container .txt { font-size: 15px; line-height: 1.9; color: var(--ink-2); }
.rich_text_container .txt img { max-width: 100%; height: auto; display: block; margin: 12px auto; }
.rich_text_container .txt p { margin: 0 0 14px; }

.news_list .item {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}
.news_list .item em { font-style: normal; color: var(--muted); font-size: 13px; width: 145px; flex-shrink: 0; }
.news_list .item a { flex: 1; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 录像 / 视频列表 */
.list-haspic li { border-bottom: 1px solid var(--line); }
.list-haspic li:last-child { border-bottom: 0; }
.list-haspic a { display: flex; padding: 12px 0; align-items: center; }
.list-item_pic {
  flex-shrink: 0; width: 140px; height: 80px; margin-right: 15px; overflow: hidden;
  position: relative; border-radius: 4px;
  background: var(--ink); color: #fff;
  display: flex; align-items: center; justify-content: center; gap: 6px;
}
.list-item_pic .mini { width: 34px; height: 34px; object-fit: contain; }
.list-item_pic .mini_badge {
  width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.14);
  display: inline-flex; align-items: center; justify-content: center; font-size: 12px;
}
.list-item_pic .kind {
  position: absolute; left: 6px; bottom: 6px; background: var(--brand);
  color: #fff; font-size: 11px; padding: 0 6px; border-radius: 3px; line-height: 17px;
}
.list-item_text { width: 100%; overflow: hidden; }
.list-item_title {
  font-size: 15px; margin-bottom: 8px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.list-item_time { color: var(--muted); font-size: 12px; }

/* ---------------- 比赛详情 ---------------- */
.both_sides_team_vs_container { padding: 14px 0; }
.play_bg { background: var(--bg); border: 1px solid var(--line); border-radius: 6px; padding: 18px; }
.play_bg .head h1 { font-size: 20px; text-align: center; margin-bottom: 4px; }
.sig-vs .vs { display: flex; align-items: center; justify-content: space-between; padding: 18px 10px 10px; }
.sig-vs .team { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 34%; }
.sig-vs .team img { width: 64px; height: 64px; object-fit: contain; }
.sig-vs .team .team_badge { width: 64px; height: 64px; font-size: 18px; }
.sig-vs .team b { font-size: 16px; text-align: center; }
.sig-vs .sig-vs-txt { display: flex; flex-direction: column; align-items: center; gap: 6px; width: 32%; }
.sig-vs .sig-vs-txt .league_tag { color: var(--brand-dark); font-weight: 600; }
.sig-vs .sig-vs-txt .status { font-style: normal; font-size: 26px; font-weight: 700; color: var(--ink); }
.sig-vs .sig-vs-txt .score { font-size: 28px; font-weight: 700; color: var(--brand); }
.sig-vs .sig-vs-txt .start { color: var(--muted); font-size: 13px; }
.status_pill {
  display: inline-block; font-size: 12px; padding: 1px 10px; border-radius: 20px;
  border: 1px solid var(--line); color: var(--muted);
}
.status_pill.live { background: var(--live); border-color: var(--live); color: #fff; }
.status_pill.upcoming { background: var(--brand-soft); border-color: var(--brand); color: var(--brand-dark); }

.signal_block { margin-top: 16px; }
.signal_block h2 { font-size: 16px; border-left: 3px solid var(--brand); padding-left: 10px; margin-bottom: 12px; }
.tgs { display: flex; flex-wrap: wrap; gap: 10px; }
.tgs .signal_btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 16px; border-radius: 4px; background: var(--ink); color: #fff; font-size: 14px;
}
.tgs .signal_btn:hover { background: var(--brand); color: #fff; }
.tgs .signal_btn .q { background: var(--brand); border-radius: 3px; padding: 0 6px; font-size: 12px; }
.tgs .signal_btn:hover .q { background: rgba(255, 255, 255, .25); }
.notice_txt { color: var(--muted); font-size: 13px; padding: 14px 2px 0; line-height: 1.8; }

.match_intro { padding: 16px 0; }
.match_intro h2 { font-size: 16px; border-left: 3px solid var(--brand); padding-left: 10px; margin-bottom: 12px; }
.match_intro p { color: var(--ink-2); line-height: 1.9; }

/* 站内播放器 */
.site_player { margin: 14px 0 18px; }
.site_player_head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 0 0 8px;
}
.site_player_name { font-size: 15px; font-weight: 600; color: var(--ink); }
.site_player_tag {
  flex-shrink: 0; font-size: 12px; line-height: 20px; padding: 0 8px;
  border-radius: 3px; background: var(--brand); color: #fff;
}
.site_player .video-outer {
  background: #000; border-radius: 6px; overflow: hidden;
  position: relative; padding-top: 56.25%;
}
.site_player .video-outer video {
  position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  display: block; background: #000;
}

/* ---------------- 比赛详情页评论模块 ---------------- */
.post-comment {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 22px 18px;
  margin: 18px 0;
}
.list_comment_chatgpt_title {
  font-weight: 700;
  font-size: 15px;
  color: var(--ink);
  padding-bottom: 6px;
}
.comment_area { padding: 0; margin: 0; list-style: none; }
.comment_area li {
  line-height: 1.9;
  border-bottom: 1px dotted #dcdee2;
  padding: 8px 0;
}
.comment_area li:last-child { border-bottom: 0; }
.comment_area li p { margin: 0; color: var(--ink-2); font-size: 14px; }
.comment_area li b { color: var(--brand-dark); font-weight: 600; margin-right: 2px; }

.c-title {
  font-size: 17px;
  font-weight: 600;
  color: var(--ink);
  border-left: 3px solid var(--brand);
  padding-left: 10px;
  margin: 20px 0 14px;
}
.compost .com-info ul { display: flex; flex-wrap: wrap; gap: 10px; }
.compost .com-info li { flex: 1 1 180px; min-width: 0; }
.compost .ipt,
.compost .textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 14px;
  font-family: inherit;
  color: var(--ink);
  background: #fff;
  outline: none;
  transition: border-color .15s ease-in-out;
}
.compost .ipt:focus,
.compost .textarea:focus { border-color: var(--brand); }
.compost .com-box { margin: 10px 0; }
.compost .textarea { resize: vertical; min-height: 96px; line-height: 1.7; }
.compost .com-info:last-child { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.com-submit {
  border: 0;
  border-radius: 4px;
  background: var(--brand);
  color: #fff;
  font-size: 14px;
  font-family: inherit;
  padding: 9px 26px;
  cursor: pointer;
  transition: background .15s ease-in-out;
}
.com-submit:hover { background: var(--brand-dark); }
.com-tip { font-size: 13px; color: var(--muted); }
.com-tip.err { color: var(--live); }

/* 播放入口按钮 */
.tgs button.signal_btn { font: inherit; border: 0; cursor: pointer; }
.signal_btn.play_inline.active { background: var(--brand); }
.signal_btn .play-mark { font-size: 10px; opacity: .85; flex-shrink: 0; }
.signal_btn .playbtn_t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------------- 专题 / 频道网格 ---------------- */
.grid_cards { display: flex; flex-wrap: wrap; gap: 12px; padding: 12px 0; }
.grid_cards .card {
  width: calc(25% - 9px);
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 14px 12px;
  background: #fff;
}
.grid_cards .card:hover { border-color: var(--brand); box-shadow: 0 4px 14px rgba(255, 107, 0, .08); }
.grid_cards .card h3 { font-size: 15px; margin-bottom: 6px; }
.grid_cards .card p { color: var(--muted); font-size: 12px; margin: 0; line-height: 1.6; }
.grid_cards .card .count { color: var(--brand); font-size: 12px; }

.topic_group { padding: 8px 0 4px; }
.topic_group > h2 { font-size: 17px; border-left: 3px solid var(--brand); padding-left: 10px; margin: 14px 0 6px; }

/* ---------------- 分页 ---------------- */
.pagination-wrap { display: flex; justify-content: center; align-items: center; margin: 20px 0 30px; }
.pagination { display: flex; flex-wrap: wrap; gap: 8px; }
.page-item a, .page-item span {
  min-width: 34px; display: block; padding: 0 11px; height: 30px; line-height: 30px;
  font-size: 14px; font-weight: 600; text-align: center;
  border: 1px solid #dcdee2; border-radius: 3px; color: var(--ink-2);
}
.page-item.active a, .page-item.active span { color: #fff; background: var(--brand); border-color: var(--brand); }
.page-item a:hover { color: var(--brand); border-color: var(--brand); }
.page-item.disabled span { color: #c4c7cc; }
.pagenum { display: none; color: var(--muted); }

/* ---------------- Footer ---------------- */
.footer { background: var(--ink); color: #b9bfc7; margin-top: 20px; padding: 24px 0; }
.footer_main { width: var(--page-width); margin: 0 auto; }
.footer_main .links { padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, .1); margin-bottom: 14px; }
.footer_main .links a { color: #d6dbe1; margin-right: 16px; font-size: 13px; }
.footer_main .links a:hover { color: var(--brand); }
.footer_main .extra_info p { margin: 0 0 6px; font-size: 13px; color: #9aa2ab; }
.footer_main .extra_info a { color: #9aa2ab; }
.footer_main .extra_info a:hover { color: var(--brand); }

.scroll_top {
  position: fixed; right: 18px; bottom: 60px; width: 42px; height: 42px;
  border-radius: 50%; background: var(--ink); color: #fff; border: 0; cursor: pointer;
  display: none; align-items: center; justify-content: center; font-size: 18px; z-index: 99;
}
.scroll_top.show { display: flex; }
.scroll_top:hover { background: var(--brand); }

/* ---------------- 响应式 / WAP ---------------- */
@media (max-width: 1280px) {
  :root { --page-width: 100%; }
  .header_main, .body_container_main, .footer_main { width: 100%; padding-left: 12px; padding-right: 12px; }
  .link_nav { width: auto; flex: 1; }
}

@media (max-width: 986px) {
  .header_main { flex-wrap: nowrap; min-height: 52px; }
  .header_main .tut { width: auto; font-size: 19px; margin-right: 8px; }
  .link_nav { display: none; }
  .header_main .sall { order: 2; height: 32px; flex: 1; margin: 0 8px; }
  .header_main .sall .inp_key { width: 100%; margin-left: 12px; }
  .wap_menu_btn { display: block; order: 3; }

  .substation_index_container { flex-direction: column; }
  .substation_left { width: 100%; padding-right: 0; border-right: 0; }
  .substation_right { width: 100%; padding-left: 0; border-top: 1px solid var(--line); margin-top: 10px; }

  .video-item { flex-direction: column; padding: 12px 6px 14px; border-bottom: 1px solid var(--line); }
  .video-item .times { flex-direction: row; justify-content: center; align-items: center; margin-right: 0; margin-bottom: 8px; font-size: 13px; }
  .video-item .times span { margin-right: 0; width: auto; }
  .video-item .teams { width: 100%; justify-content: space-between; }
  .video-item .teams > span:nth-child(1),
  .video-item .teams > span:nth-child(3) { width: 40%; white-space: normal; }
  .video-item .teams .team_name { white-space: normal; text-overflow: clip; }
  .video-item .lives { margin-top: 12px; flex: none; }

  .news_special_items .item a { white-space: normal; }
  .news_list .item { flex-direction: column; align-items: flex-start; gap: 4px; }
  .news_list .item em { width: auto; }
  .news_list .item a { white-space: normal; }

  .grid_cards .card { width: calc(50% - 6px); }

  .sig-vs .vs { padding: 10px 0; }
  .sig-vs .team img, .sig-vs .team .team_badge { width: 48px; height: 48px; }
  .sig-vs .team b { font-size: 14px; }
  .external_source { padding: 16px; }
  .tgs .signal_btn { max-width: 100%; }
  .tgs .signal_btn > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

  .pagination { display: none; }
  .pagenum { display: block; }

  .rich_text_container > h1, .rich_text_container > h3 { font-size: 18px; }
  .list-item_pic { width: 110px; height: 66px; }
}

@media (max-width: 520px) {
  .grid_cards .card { width: 100%; }
  .video-item .teams img, .video-item .teams .team_badge { width: 20px; height: 20px; }
  .home_hero h1 { font-size: 19px; }
}