.material-symbols-outlined {
      font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    }

    
    .news-compact-list {
      background: #fff !important;
      border: 1px solid #c3c6d5 !important;
      border-radius: 8px !important;
      overflow: hidden !important;
    }

    .news-compact-link {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 16px !important;
      min-height: 40px !important;
      padding: 0 12px !important;
      color: #191b22 !important;
      text-decoration: none !important;
      border-bottom: 1px solid rgba(195, 198, 213, .7) !important;
      font-weight: 400 !important;
    }

    .news-compact-link:last-child {
      border-bottom: 0 !important;
    }

    .news-compact-link:hover {
      color: #0047ab !important;
      background: #f8fbff !important;
      text-decoration: none !important;
    }

    .news-compact-title {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      font-size: 14px !important;
      line-height: 1.35 !important;
    }

    .news-compact-time {
      flex: none !important;
      color: #737784 !important;
      font-size: 14px !important;
      font-weight: 400 !important;
      white-space: nowrap !important;
    }.content-rich-text p {
      margin-bottom: 1.5rem;
      color: #434653;
      line-height: 1.8;
    }

    .content-rich-text h2 {
      font-size: 1.5rem;
      font-weight: 700;
      margin-top: 2rem;
      margin-bottom: 1rem;
      color: #191b22;
    }

    .content-rich-text img {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 1rem auto;
      object-fit: contain;
    }

    @media (max-width: 767px) {
      main {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 72px 12px 40px !important;
      }

      .detail-main-content {
        gap: 16px !important;
      }

      .detail-main-content>article {
        padding: 18px !important;
        border-radius: 10px !important;
      }

      .detail-main-content h1 {
        font-size: 24px !important;
        line-height: 1.35 !important;
      }

      .detail-main-content h1+p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-bottom: 20px !important;
      }

      .detail-main-content article,
      .detail-main-content article p,
      .detail-main-content article div,
      .detail-main-content article span,
      .detail-main-content article a,
      .detail-main-sidebar,
      .detail-main-sidebar a,
      .detail-main-sidebar span {
        font-size: 14px !important;
      }

      .content-rich-text {
        font-size: 14px !important;
        line-height: 1.45 !important;
      }

      .content-rich-text p {
        font-size: 14px !important;
        line-height: 1.45 !important;
        margin-bottom: 14px !important;
      }

      .content-rich-text h2 {
        font-size: 14px !important;
        line-height: 1.4 !important;
      }

      .content-rich-text img {
        width: 100% !important;
        max-width: 100% !important;
        margin: 14px auto !important;
      }

      .content-rich-text li a,
      .content-rich-text p>a:only-child {
        display: inline-flex;
        align-items: center;
        min-height: 40px;
        padding: 10px 0;
        font-size: 14px;
        line-height: 20px;
      }

      .detail-sports-news article a,
      .detail-main-sidebar a {
        min-height: 40px;
      }

      .detail-sports-news article {
        border-radius: 10px !important;
      }

      .detail-main-sidebar {
        margin-top: 16px;
      }

      .detail-main-sidebar section {
        padding: 16px !important;
        border-radius: 10px !important;
      }

      .detail-main-sidebar .group.flex {
        align-items: center;
      }

      .detail-main-sidebar .space-y-2 > :not([hidden]) ~ :not([hidden]),
      .detail-main-sidebar .space-y-3 > :not([hidden]) ~ :not([hidden]) {
        margin-top: 8px !important;
      }

      .detail-main-sidebar .space-y-2 > a,
      .detail-main-sidebar .space-y-3 > a {
        font-size: 14px !important;
        line-height: 1.35 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      main > .grid,
      main .grid.grid-cols-1.lg\:grid-cols-12 {
        display: block !important;
        width: 100% !important;
      }

      main section,
      main article,
      main aside,
      .detail-main-content,
      .detail-main-sidebar {
        width: 100% !important;
        max-width: 100% !important;
      }

      main article.bg-white {
        padding: 14px !important;
      }

      .detail-sports-news .space-y-4 > :not([hidden]) ~ :not([hidden]) {
        margin-top: 2px !important;
      }

      .detail-sports-news a.bg-white {
        display: flex !important;
        flex-direction: column !important;
        border-radius: 10px !important;
      }

      .detail-sports-news a.bg-white img {
        width: 100% !important;
        height: 150px !important;
        object-fit: cover !important;
      }

      .detail-sports-news a.bg-white .p-4 {
        padding: 12px !important;
      }

      .detail-main-sidebar img.w-20.h-14 {
        width: 70px !important;
        height: 46px !important;
        object-fit: cover !important;
      }
    }
  
  .side-card-text-normal,
  .home-main-sidebar a,
  .home-main-sidebar a span,
  .detail-main-sidebar a,
  .detail-main-sidebar a span,
  aside a,
  aside a span,
  .home-sidebar-card,
  .home-sidebar-card span,
  .home-sidebar-card a,
  .home-sidebar-card a span,
  .home-sidebar-card-list a,
  .home-sidebar-card-list a span,
  a[href*="zhuanti"] span,
  a[href*="luxiang"] span,
  a[href*="qiudui"] span {
    font-size: 14px !important;
    font-weight: 400 !important;
  }

.live-signal-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 6px;
  margin-top: 24px;
}

.live-signal-bar a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 auto;
  min-width: 0;
  min-height: 34px;
  padding: 8px 10px;
  border-radius: 999px;
  background: var(--primary, #0b57d0);
  color: var(--on-primary, #fff);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.live-signal-bar a:hover {
  text-decoration: none;
  opacity: .9;
}

@media (min-width: 768px) {
  .live-signal-bar {
    flex-wrap: wrap;
    gap: 12px;
  }

  .live-signal-bar a {
    min-height: 48px;
    padding: 12px 24px;
    font-size: 14px;
  }
}

.live-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin-top: 8px;
  padding: 4px 12px;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.live-status-pending {
  background: #6b7280;
}

.live-status-live {
  background: #dc2626;
}

.live-status-ended {
  background: #16a34a;
}