<!DOCTYPE html>
<html lang="zh-CN" class="scroll-smooth">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Cache-Control" content="no-siteapp">
  <meta http-equiv="Cache-Control" content="no-transform">
  <meta name="applicable-device" content="pc,mobile">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="white">
  <link rel="canonical" href="https://www.dfflow.com" />
  <title>世界杯积分榜表格 - 2026世界杯积分榜小组赛排名</title>
  <meta name="keywords"
    content="2026世界杯积分榜,世界杯积分榜,2026世界杯小组排名,2026世界杯积分,2026世界杯进失球,2026世界杯晋级状态,世界杯最新积分榜,世界杯小组积分榜,世界杯积分榜更新,2026世界杯积分榜全图" />
  <meta name="description" content="【星星点灯】为您提供提供完整世界杯积分榜与2026美加墨世界杯积分榜信息，实时更新小组赛积分排名、球队数据、净胜球统计及世界杯出线分析。">
  <link rel="stylesheet" href="/style/output.css?1781515595" />
  <script defer src="/js/collapse.cdn.min.js"></script>
  <script defer src="/js/alpine.min.js"></script>
</head>

<body
  class="selection:bg-wcGold/30 decoration-transparent antialiased body-19c9f bg-slate-50 selection:text-slate-950 will-change-auto d-fb521c x-1db1 text-slate-800">
  <!-- 导航栏 -->
  <!-- 顶部导航 -->
<div id="header"
  class="transform-gpu x-ee5da48 object-cover x-7247ea border-b d-fb521c x-4820533 bg-white/90 isolate border-slate-200/80 z-50 nav-2ecd5 backface-hidden top-0 sticky backdrop-blur-xl">

  <div class="mx-auto flex h-16 max-w-7xl items-center justify-between px-4">

    <!-- LOGO -->
    <a href="/" class="flex min-w-0 items-center gap-3">
      <span class="truncate text-base font-bold text-slate-900 sm:text-lg">
        世界杯积分榜查询      </span>
    </a>

    <!-- PC 导航 -->
    <div class="hidden md:flex md:items-center md:gap-1">

      <a href="#standings"
        class="py-2 d-fb521c rounded-xl nav-link font-medium x-1df9012a nav-link-a5ffe x-069b467 transition object-cover text-sm text-slate-600 x-77b6 selection:bg-transparent hover:bg-primary/10 px-4 hover:text-primary">
        2026世界杯积分榜      </a>

      <a href="#rules"
        class="py-2 d-fb521c rounded-xl nav-link font-medium x-1df9012a nav-link-a5ffe x-069b467 transition object-cover text-sm text-slate-600 x-77b6 selection:bg-transparent hover:bg-primary/10 px-4 hover:text-primary">
        世界杯积分规则      </a>


      <a href="#faq"
        class="py-2 d-fb521c rounded-xl nav-link font-medium x-1df9012a nav-link-a5ffe x-069b467 transition object-cover text-sm text-slate-600 x-77b6 selection:bg-transparent hover:bg-primary/10 px-4 hover:text-primary">
        世界杯积分榜问答      </a>

    </div>

    <!-- 移动端菜单按钮 -->
    <button id="menuBtn" type="button" aria-label="打开菜单"
      class="flex h-10 w-10 items-center justify-center rounded-xl border border-slate-200 bg-white text-slate-700 active:scale-95 md:hidden">

      <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">

        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />

      </svg>
    </button>

  </div>

  <!-- 移动端菜单 -->
  <div id="mobileMenu" class="hidden border-t border-slate-200 bg-white md:hidden">

    <div class="space-y-1 px-4 py-4">

      <a href="#standings"
        class="text-sm d-fb521c justify-between py-3 items-center font-medium transition mobile-nav-link ring-0 flex x-4af7 px-4 hover:bg-primary/5 rounded-2xl hover:text-primary mobile-nav-link-7e5c6 text-slate-700">

        <span>2026世界杯积分榜</span>
        <span>→</span>
      </a>

      <a href="#rules"
        class="text-sm d-fb521c justify-between py-3 items-center font-medium transition mobile-nav-link ring-0 flex x-4af7 px-4 hover:bg-primary/5 rounded-2xl hover:text-primary mobile-nav-link-7e5c6 text-slate-700">

        <span>世界杯积分规则</span>
        <span>→</span>
      </a>

      <a href="#faq"
        class="text-sm d-fb521c justify-between py-3 items-center font-medium transition mobile-nav-link ring-0 flex x-4af7 px-4 hover:bg-primary/5 rounded-2xl hover:text-primary mobile-nav-link-7e5c6 text-slate-700">

        <span>
          世界杯积分榜问答        </span>
        <span>→</span>
      </a>

    </div>
  </div>
</div>
<script>
  // 菜单按钮
  const menuBtn = document.getElementById('menuBtn');

  // 移动菜单
  const mobileMenu = document.getElementById('mobileMenu');

  // 展开/关闭菜单
  menuBtn.addEventListener('click', function () {
    mobileMenu.classList.toggle('hidden');
  });

  // 所有导航
  const navLinks = document.querySelectorAll('.nav-link');
  const mobileNavLinks = document.querySelectorAll('.mobile-nav-link');

  // 更新 active
  function updateActiveMenu() {

    // 当前路径
    const currentPath = window.location.pathname + window.location.hash;

    // 清除 PC active
    navLinks.forEach(function (link) {

      link.classList.remove(
        'bg-primary/10',
        'text-primary',
        'font-semibold'
      );

      link.classList.add('text-slate-600');

      const href = link.getAttribute('href');
      const fullPath = '/' + href;

      // 当前 active
      if (fullPath === currentPath) {

        link.classList.remove('text-slate-600');

        link.classList.add(
          'bg-primary/10',
          'text-primary',
          'font-semibold'
        );
      }

    });

    // 清除 Mobile active
    mobileNavLinks.forEach(function (link) {

      link.classList.remove(
        'bg-primary/10',
        'text-primary',
        'font-semibold'
      );

      link.classList.add('text-slate-700');

      const href = link.getAttribute('href');
      const fullPath = '/' + href;

      if (fullPath === currentPath) {

        link.classList.remove('text-slate-700');

        link.classList.add(
          'bg-primary/10',
          'text-primary',
          'font-semibold'
        );
      }

    });

  }

  // 初始化
  updateActiveMenu();

  // hash 改变时更新
  window.addEventListener('hashchange', updateActiveMenu);

  // 点击菜单自动关闭
  mobileNavLinks.forEach(function (item) {

    item.addEventListener('click', function () {

      mobileMenu.classList.add('hidden');

    });

  });
</script>  <!-- Banner -->
  <div class="relative isolate overflow-hidden bg-gradient-to-br from-[#0F172A] via-[#1E3A8A] to-[#2563EB] text-white">

  <!-- 背景 -->
  <div class="absolute inset-0 overflow-hidden">

    <div
      class="absolute left-1/2 top-[-180px] h-[520px] w-[520px] -translate-x-1/2 rounded-full bg-blue-500/20 blur-[120px]">
    </div>

    <div class="absolute -left-24 bottom-0 h-72 w-72 rounded-full bg-cyan-500/10 blur-3xl">
    </div>

    <div class="absolute -right-16 top-0 h-72 w-72 rounded-full bg-indigo-500/15 blur-3xl">
    </div>

    <div
      class="absolute inset-0 bg-[linear-gradient(rgba(255,255,255,0.04)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.04)_1px,transparent_1px)] bg-[size:32px_32px]">
    </div>

    <div class="absolute inset-0 bg-black/30"></div>

  </div>

  <!-- 内容 -->
  <div class="relative z-10 mx-auto max-w-7xl px-4 py-14 text-center md:px-6 md:py-20">

    <!-- 标签 -->
    <div
      class="mb-5 inline-flex items-center gap-2 rounded-full border border-blue-400/20 bg-white/5 px-4 py-2 text-xs font-medium backdrop-blur">

      <span class="h-2 w-2 rounded-full bg-green-400 animate-pulse"></span>

      实时更新 · 世界杯积分榜排名
    </div>

    <!-- H1 -->
    <h1 class="mx-auto max-w-5xl text-3xl font-black leading-tight md:text-5xl lg:text-6xl">

      世界杯积分榜查询    </h1>

    <!-- 副标题 -->
    <h2 class="mx-auto mt-4 max-w-4xl text-lg font-semibold text-blue-100 md:text-2xl">

      最新世界杯小组积分榜、球队排名与出线形势分析
    </h2>

    <!-- SEO描述 -->
    <p class="mx-auto mt-6 max-w-4xl text-sm leading-7 text-white/80 md:text-base md:leading-8">

      提供2026美加墨世界杯积分榜实时查询服务，覆盖全部小组赛积分排名、胜平负数据、净胜球统计与球队出线形势分析。
      支持查看世界杯最新积分榜、世界杯排名变化、各小组晋级情况及淘汰赛资格走势，手机与电脑端同步更新。
    </p>

    <!-- 按钮 -->
    <div class="mt-8 flex flex-wrap justify-center gap-4">

      <a href="#standings"
        class="inline-flex items-center rounded-2xl bg-blue-600 px-7 py-3.5 text-sm font-bold text-white shadow-lg shadow-blue-600/30 transition hover:bg-blue-500">

        查看最新积分榜

        <svg xmlns="http://www.w3.org/2000/svg" class="ml-2 h-4 w-4" fill="none" viewBox="0 0 24 24"
          stroke="currentColor">

          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7l5 5m0 0l-5 5m5-5H6" />

        </svg>

      </a>

      <a href="#group"
        class="inline-flex items-center rounded-2xl border border-white/10 bg-white/5 px-7 py-3.5 text-sm font-semibold text-white backdrop-blur transition hover:bg-white/10">

        查看小组排名

      </a>

    </div>

    <!-- SEO数据 -->
    <div class="mt-10 grid max-w-3xl grid-cols-2 gap-4 md:grid-cols-4 mx-auto">

      <div class="rounded-2xl border border-white/10 bg-white/5 p-4 backdrop-blur">

        <div class="text-2xl font-black text-blue-300">
          A-H
        </div>

        <div class="mt-1 text-xs text-white/60">
          小组积分榜
        </div>

      </div>

      <div class="rounded-2xl border border-white/10 bg-white/5 p-4 backdrop-blur">

        <div class="text-2xl font-black text-green-300">
          实时
        </div>

        <div class="mt-1 text-xs text-white/60">
          排名更新
        </div>

      </div>

      <div class="rounded-2xl border border-white/10 bg-white/5 p-4 backdrop-blur">

        <div class="text-2xl font-black text-cyan-300">
          晋级
        </div>

        <div class="mt-1 text-xs text-white/60">
          出线分析
        </div>

      </div>

      <div class="rounded-2xl border border-white/10 bg-white/5 p-4 backdrop-blur">

        <div class="text-2xl font-black text-yellow-300">
          48
        </div>

        <div class="mt-1 text-xs text-white/60">
          参赛球队
        </div>

      </div>

    </div>

  </div>

</div>
  <main class="d-fb521c main-ea1ab container accent-transparent px-4 py-4 mx-auto x-1609623">
    <!-- 积分榜 -->
    <section id="standings" class="scroll-smooth flex mx-auto x-1e1c0e standings-2b8c9 flex-col x-0a523000 gap-4 container d-fb521c">
  <div>
    <h2 class="text-2xl font-black text-slate-900 md:text-3xl">
      世界杯积分榜查询    </h2>

    <p class="mt-2 text-sm leading-6 text-slate-500">
      实时更新世界杯积分榜查询数据，提供各小组最新排名、球队积分、胜平负记录、进球数、失球数及净胜球统计，帮助球迷快速掌握世界杯最新积分变化和出线形势。
    </p>
  </div>

  <!-- 小组 -->
  <div class="grid gap-4 md:grid-cols-2 xl:grid-cols-3">

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              A组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/墨西哥.png" alt="墨西哥"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            墨西哥                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    2/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      3                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/韩国.png" alt="韩国"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            韩国                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    2/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      3                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/捷克.png" alt="捷克"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            捷克                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/1                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/2                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/南非.png" alt="南非"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            南非                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/1                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/2                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              B组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/瑞士.png" alt="瑞士"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            瑞士                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/1/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      1                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/加拿大.png" alt="加拿大"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            加拿大                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/1/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      1                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/卡塔尔.png" alt="卡塔尔"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            卡塔尔                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/1/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      1                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/波黑.png" alt="波黑"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            波黑                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/1/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      1                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              C组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/苏格兰.png" alt="苏格兰"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            苏格兰                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      3                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/摩洛哥.png" alt="摩洛哥"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            摩洛哥                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/1/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      1                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/巴西.png" alt="巴西"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            巴西                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/1/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      1                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/海地.png" alt="海地"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            海地                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/1                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              D组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/美国.png" alt="美国"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            美国                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    4/1                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      3                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/澳大利亚.png" alt="澳大利亚"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            澳大利亚                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    2/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      3                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/土耳其.png" alt="土耳其"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            土耳其                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/1                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/2                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/巴拉圭.png" alt="巴拉圭"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            巴拉圭                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/1                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    1/4                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              E组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/德国.png" alt="德国"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            德国                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/库拉索.png" alt="库拉索"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            库拉索                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/科特迪瓦.png" alt="科特迪瓦"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            科特迪瓦                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/厄瓜多尔.png" alt="厄瓜多尔"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            厄瓜多尔                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              F组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/荷兰.png" alt="荷兰"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            荷兰                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/日本.png" alt="日本"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            日本                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/瑞典.png" alt="瑞典"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            瑞典                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/突尼斯.png" alt="突尼斯"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            突尼斯                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              G组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/比利时.png" alt="比利时"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            比利时                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/埃及.png" alt="埃及"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            埃及                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/伊朗.png" alt="伊朗"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            伊朗                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/新西兰.png" alt="新西兰"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            新西兰                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              H组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/西班牙.png" alt="西班牙"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            西班牙                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/佛得角.png" alt="佛得角"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            佛得角                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/沙特阿拉伯.png" alt="沙特阿拉伯"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            沙特阿拉伯                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/乌拉圭.png" alt="乌拉圭"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            乌拉圭                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              I组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/法国.png" alt="法国"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            法国                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/塞内加尔.png" alt="塞内加尔"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            塞内加尔                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/伊拉克.png" alt="伊拉克"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            伊拉克                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/挪威.png" alt="挪威"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            挪威                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              J组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/阿根廷.png" alt="阿根廷"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            阿根廷                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/阿尔及利亚.png" alt="阿尔及利亚"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            阿尔及利亚                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/奥地利.png" alt="奥地利"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            奥地利                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/约旦.png" alt="约旦"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            约旦                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              K组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/葡萄牙.png" alt="葡萄牙"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            葡萄牙                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/刚果民主共和国.png" alt="刚果民主共和国"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            刚果民主共和国                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/乌兹别克斯坦.png" alt="乌兹别克斯坦"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            乌兹别克斯坦                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/哥伦比亚.png" alt="哥伦比亚"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            哥伦比亚                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
      <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white">

        <!-- 顶部 -->
        <div class="flex items-center justify-between border-b border-slate-100 bg-slate-100 px-4 py-4">

          <div>

            <h3 class="text-lg font-black text-slate-900">
              L组            </h3>

            <p class="mt-1 text-xs text-slate-500">
              小组赛            </p>

          </div>

          <span class="rounded-full bg-primary/10 px-3 py-1 text-xs font-bold text-primary">
            积分榜
          </span>

        </div>

        <!-- 表格 -->
        <div class="overflow-x-auto">

          <table class="w-full">

            <!-- 表头 -->
            <thead>

              <tr class="border-b border-slate-100 bg-slate-50 text-xs text-slate-500">

                <th class="px-3 py-3 text-left font-semibold">
                  排名
                </th>

                <th class="px-3 py-3 text-left font-semibold">
                  球队
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  场
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  胜/平/负
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  进/失
                </th>

                <th class="px-2 py-3 text-center font-semibold">
                  积分
                </th>

              </tr>

            </thead>

            <!-- 内容 -->
            <tbody>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      1
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/英格兰.png" alt="英格兰"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            英格兰                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级32强                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(69,109,230,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #456de6;
                        color: #ffffff;
                      ">

                      2
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/克罗地亚.png" alt="克罗地亚"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            克罗地亚                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="background: rgba(133,133,133,.08);">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #858585;
                        color: #ffffff;
                      ">

                      3
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/加纳.png" alt="加纳"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            加纳                          </h4>
                        </div>

                        
                          <div class="mt-0.5 text-[11px] text-slate-500">
                            晋级待定                          </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
                
                <tr class="border-b border-slate-100 transition hover:bg-slate-50 text-slate-800"
                  style="">

                  <!-- 排名 -->
                  <td class="px-3 py-3">

                    <span class="flex h-5 w-5 items-center justify-center rounded-xl text-xs font-black shadow-sm" style="
                        background: #e2e8f0;
                        color: #475569;
                      ">

                      4
                    </span>

                  </td>

                  <!-- 球队 -->
                  <td class="px-3 py-3">

                    <div class="flex items-center gap-2">

                      <!-- 国旗 -->
                      <img src="/images/logo/巴拿马.png" alt="巴拿马"
                        class="h-5 w-5 shrink-0 rounded-full object-cover ring-1 ring-slate-200" loading="lazy">

                      <!-- 名称 -->
                      <div class="min-w-0">

                        <div class="truncate text-sm font-bold">
                          <h4>
                            巴拿马                          </h4>
                        </div>

                        
                      </div>

                    </div>

                  </td>

                  <!-- 场 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0                  </td>

                  <!-- 胜平负 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0/0                  </td>

                  <!-- 进失 -->
                  <td class="px-2 py-3 text-center text-sm font-medium">
                    0/0                  </td>

                  <!-- 积分 -->
                  <td class="px-2 py-3 text-center">

                    <span class="text-base font-black text-slate-900">
                      0                    </span>

                  </td>

                </tr>

              
            </tbody>

          </table>

        </div>

      </div>

    
  </div>

</section>    <!-- 规则 -->
    <!-- 积分规则 -->
<div id="rules"
  class="mt-4 bg-white overflow-hidden x-24a570 x-002981e backface-hidden d-fb521c border decoration-transparent border-slate-200 subpixel-antialiased x-98e8 rounded-3xl outline-transparent x-2f63f0 rules-fa373 x-890ea">

  <!-- 标题 -->
  <div class="border-b border-slate-100 bg-slate-50 px-5 py-4">

    <div class="flex items-center gap-2">

      <span class="h-5 w-1 rounded-full bg-primary"></span>

      <h2 class="text-xl font-black text-slate-900">
        2026世界杯积分规则介绍
      </h2>

    </div>

    <p class="mt-2 text-sm leading-6 text-slate-500">
      2026美加墨世界杯采用48支球队赛制，小组赛阶段共分12个小组，
      每组4支球队进行单循环比赛，根据积分与净胜球决定晋级名额。
    </p>

  </div>

  <!-- 内容 -->
  <div class="space-y-6 p-5 md:p-6">

    <!-- 基础积分 -->
    <div class="rounded-2xl border border-slate-200 bg-slate-50 p-5">

      <div class="mb-4 flex items-center gap-2">

        <div class="flex h-8 w-8 items-center justify-center rounded-xl bg-blue-600 text-sm font-black text-white">
          1
        </div>

        <h3 class="text-lg font-black text-slate-900">
          小组赛积分规则
        </h3>

      </div>

      <div class="grid gap-3 md:grid-cols-3">

        <!-- 胜 -->
        <div class="rounded-2xl bg-green-50 p-4 ring-1 ring-green-100">

          <div class="text-sm font-bold text-green-700">
            胜利
          </div>

          <div class="mt-2 text-3xl font-black text-green-600">
            +3
          </div>

          <div class="mt-1 text-xs text-green-700/80">
            每胜一场获得3分
          </div>

        </div>

        <!-- 平 -->
        <div class="rounded-2xl bg-amber-50 p-4 ring-1 ring-amber-100">

          <div class="text-sm font-bold text-amber-700">
            平局
          </div>

          <div class="mt-2 text-3xl font-black text-amber-600">
            +1
          </div>

          <div class="mt-1 text-xs text-amber-700/80">
            每平一场获得1分
          </div>

        </div>

        <!-- 负 -->
        <div class="rounded-2xl bg-rose-50 p-4 ring-1 ring-rose-100">

          <div class="text-sm font-bold text-rose-700">
            失利
          </div>

          <div class="mt-2 text-3xl font-black text-rose-600">
            +0
          </div>

          <div class="mt-1 text-xs text-rose-700/80">
            每负一场获得0分
          </div>

        </div>

      </div>

    </div>

    <!-- 晋级规则 -->
    <div class="rounded-2xl border border-slate-200 p-5">

      <div class="mb-4 flex items-center gap-2">

        <div class="flex h-8 w-8 items-center justify-center rounded-xl bg-indigo-600 text-sm font-black text-white">
          2
        </div>

        <h3 class="text-lg font-black text-slate-900">
          小组晋级规则
        </h3>

      </div>

      <div class="grid gap-4 md:grid-cols-2">

        <div class="rounded-2xl bg-slate-50 p-4">

          <div class="text-sm font-bold text-slate-900">
            小组前两名
          </div>

          <p class="mt-2 text-sm leading-7 text-slate-600">
            12个小组中，每组积分排名前2的球队直接晋级世界杯32强淘汰赛。
          </p>

        </div>

        <div class="rounded-2xl bg-slate-50 p-4">

          <div class="text-sm font-bold text-slate-900">
            最佳第三名
          </div>

          <p class="mt-2 text-sm leading-7 text-slate-600">
            12个小组第三名中，成绩最好的8支球队同样晋级32强。
          </p>

        </div>

      </div>

    </div>

    <!-- 同分规则 -->
    <div class="rounded-2xl border border-slate-200 p-5">

      <div class="mb-4 flex items-center gap-2">

        <div class="flex h-8 w-8 items-center justify-center rounded-xl bg-purple-600 text-sm font-black text-white">
          3
        </div>

        <h3 class="text-lg font-black text-slate-900">
          同积分排名规则
        </h3>

      </div>

      <div class="space-y-3">

        <div class="flex gap-3 rounded-2xl bg-slate-50 p-4">

          <div
            class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-slate-900 text-xs font-bold text-white">
            1
          </div>

          <div>
            <div class="font-bold text-slate-900">
              相互比赛积分
            </div>

            <div class="mt-1 text-sm leading-6 text-slate-600">
              同积分球队之间比赛获得积分更高者排名靠前。
            </div>
          </div>

        </div>

        <div class="flex gap-3 rounded-2xl bg-slate-50 p-4">

          <div
            class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-slate-900 text-xs font-bold text-white">
            2
          </div>

          <div>
            <div class="font-bold text-slate-900">
              相互净胜球
            </div>

            <div class="mt-1 text-sm leading-6 text-slate-600">
              同积分球队之间比赛净胜球更多者排名靠前。
            </div>
          </div>

        </div>

        <div class="flex gap-3 rounded-2xl bg-slate-50 p-4">

          <div
            class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-slate-900 text-xs font-bold text-white">
            3
          </div>

          <div>
            <div class="font-bold text-slate-900">
              总净胜球与总进球
            </div>

            <div class="mt-1 text-sm leading-6 text-slate-600">
              若仍相同，则比较整个小组赛阶段的净胜球与总进球数。
            </div>
          </div>

        </div>

        <div class="flex gap-3 rounded-2xl bg-slate-50 p-4">

          <div
            class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-slate-900 text-xs font-bold text-white">
            4
          </div>

          <div>
            <div class="font-bold text-slate-900">
              公平竞赛积分
            </div>

            <div class="mt-1 text-sm leading-6 text-slate-600">
              黄牌、红牌将扣除公平竞赛积分，扣分更少球队排名更高。
            </div>
          </div>

        </div>

        <div class="flex gap-3 rounded-2xl bg-slate-50 p-4">

          <div
            class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-slate-900 text-xs font-bold text-white">
            5
          </div>

          <div>
            <div class="font-bold text-slate-900">
              FIFA世界排名
            </div>

            <div class="mt-1 text-sm leading-6 text-slate-600">
              若以上数据全部相同，则参考最新FIFA国家队排名。
            </div>
          </div>

        </div>

      </div>

    </div>

    <!-- 公平竞赛 -->
    <div class="rounded-2xl border border-amber-200 bg-amber-50 p-5">

      <div class="mb-4 flex items-center gap-2">

        <div class="flex h-8 w-8 items-center justify-center rounded-xl bg-amber-500 text-sm font-black text-white">
          !
        </div>

        <h3 class="text-lg font-black text-slate-900">
          公平竞赛扣分规则
        </h3>

      </div>

      <div class="grid gap-3 text-sm md:grid-cols-2">

        <div class="rounded-xl bg-white p-4">
          黄牌：-1分
        </div>

        <div class="rounded-xl bg-white p-4">
          两黄变红：-3分
        </div>

        <div class="rounded-xl bg-white p-4">
          直接红牌：-4分
        </div>

        <div class="rounded-xl bg-white p-4">
          黄牌+直接红牌：-5分
        </div>

      </div>

    </div>

  </div>

</div>    <!-- FAQ -->
    <div id="faq" class="border-slate-200 overflow-hidden rounded-2xl d-fb521c mt-6 scroll-smooth x-6ea4f6 will-change-auto bg-white transform-gpu x-74bae x-1abd7d faq-965ae subpixel-antialiased border">

  <div class="border-b border-slate-100 bg-gradient-to-r from-slate-50 to-white px-4 py-5 md:px-6">
    <div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
      <!-- 标题 -->
      <div class="min-w-0">
        <div class="flex items-center gap-3">
          <span class="h-5 w-1.5 rounded-full bg-primary"></span>

          <h2 class="text-xl font-black tracking-tight text-slate-900 md:text-2xl">
            世界杯积分榜问答          </h2>
        </div>

      </div>
    </div>


  </div>
  <!-- FAQ 列表 -->
  <div class="space-y-4 p-6">

    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜多久更新一次？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            世界杯积分榜通常会在比赛结束后立即更新，部分数据平台还会在比赛进行过程中同步刷新实时积分和临时排名，帮助用户掌握最新积分变化情况。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            2026世界杯积分榜在哪里查看？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            您可以通过世界杯积分榜页面实时查看各支球队的积分、排名、胜平负数据、进球数、失球数和净胜球情况。积分榜会根据最新比赛结果同步更新，方便球迷第一时间了解各小组出线形势。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜排名规则是什么？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            世界杯小组赛阶段通常采用积分制排名，胜一场获得3分，平局获得1分，负一场获得0分。球队按照积分高低进行排序，如积分相同则比较净胜球、总进球数以及相互战绩等规则。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜相同积分如何排名？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            当两支或多支球队积分相同时，通常会依次比较净胜球、总进球数、相互比赛成绩以及公平竞赛积分等数据，最终确定球队排名顺序。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜可以查看哪些数据？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            世界杯积分榜一般包含球队名称、比赛场次、胜场、平局、负场、进球数、失球数、净胜球、积分以及当前排名等核心数据。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜中的积分是如何计算的？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            世界杯小组赛阶段采用胜3分、平1分、负0分的积分规则。球队通过每场比赛获得相应积分，最终按照积分高低确定排名。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜中的净胜球是什么意思？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            净胜球是球队总进球数减去总失球数后的结果。例如一支球队打进8球、失3球，那么净胜球为5。净胜球通常是决定同积分球队排名的重要依据之一。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜会实时变化吗？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            会。在比赛进行期间，随着进球和比赛结果变化，实时积分榜可能会发生调整。比赛结束后，积分榜将按照最终赛果更新正式排名。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯小组赛积分榜有什么作用？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            世界杯小组赛积分榜能够直观展示各支球队的晋级形势和排名情况，球迷可以根据积分榜快速了解哪些球队有机会晋级淘汰赛以及各组竞争情况。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜可以预测晋级球队吗？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            通过积分榜能够分析球队当前的出线形势和晋级概率，但最终晋级结果仍需结合剩余赛程、对手实力以及比赛实际结果进行判断。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜为什么会出现临时排名？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            在比赛进行过程中，实时比分变化会影响球队积分和净胜球，因此系统会计算临时积分榜。待比赛结束后，排名将根据最终结果重新确认。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜能查看历史排名吗？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            部分世界杯数据平台会保存历届世界杯积分榜和历史排名记录，用户可以查询往届赛事的积分情况、球队成绩以及晋级结果。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜中的排名颜色代表什么？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            很多积分榜会使用不同颜色标识球队状态，例如绿色代表晋级区，黄色代表附加赛区，红色代表淘汰区，具体说明以页面标注为准。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜和淘汰赛有关系吗？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            有关系。小组赛结束后，各小组排名靠前的球队将获得淘汰赛资格，因此积分榜直接决定球队能否晋级16强以及后续淘汰赛对阵情况。
          </div>
        </div>
      </div>
    
      <!-- FAQ Item -->
      <div x-data="{ open:true }"
        class="overflow-hidden rounded-2xl border border-slate-200 bg-white shadow-xstransition">

        <!-- 标题 -->
        <button type="button" @click="open = !open"
          class="flex w-full items-center justify-between gap-4 p-5 text-left transition hover:bg-slate-50">

          <h3 class="text-lg font-bold leading-7 text-slate-900">
            世界杯积分榜是否包含淘汰赛数据？          </h3>

          <!-- 图标 -->
          <span
            class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-slate-100 text-slate-500 transition duration-300"
            :class="open ? 'rotate-180 bg-slate-900 text-white' : ''">

            <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"
              stroke-width="2">

              <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
            </svg>
          </span>
        </button>

        <!-- 内容 -->
        <div x-show="open" x-collapse class="border-t border-slate-100">

          <div class="px-5 py-4 leading-8 text-slate-600">

            世界杯积分榜主要用于小组赛阶段。进入淘汰赛后，球队通过胜负关系决定晋级资格，因此通常不再使用积分榜进行排名。
          </div>
        </div>
      </div>
    
  </div>
</div>

<script type="application/ld+json">{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "世界杯积分榜多久更新一次？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "世界杯积分榜通常会在比赛结束后立即更新，部分数据平台还会在比赛进行过程中同步刷新实时积分和临时排名，帮助用户掌握最新积分变化情况。"
            }
        },
        {
            "@type": "Question",
            "name": "2026世界杯积分榜在哪里查看？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "您可以通过世界杯积分榜页面实时查看各支球队的积分、排名、胜平负数据、进球数、失球数和净胜球情况。积分榜会根据最新比赛结果同步更新，方便球迷第一时间了解各小组出线形势。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜排名规则是什么？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "世界杯小组赛阶段通常采用积分制排名，胜一场获得3分，平局获得1分，负一场获得0分。球队按照积分高低进行排序，如积分相同则比较净胜球、总进球数以及相互战绩等规则。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜相同积分如何排名？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "当两支或多支球队积分相同时，通常会依次比较净胜球、总进球数、相互比赛成绩以及公平竞赛积分等数据，最终确定球队排名顺序。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜可以查看哪些数据？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "世界杯积分榜一般包含球队名称、比赛场次、胜场、平局、负场、进球数、失球数、净胜球、积分以及当前排名等核心数据。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜中的积分是如何计算的？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "世界杯小组赛阶段采用胜3分、平1分、负0分的积分规则。球队通过每场比赛获得相应积分，最终按照积分高低确定排名。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜中的净胜球是什么意思？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "净胜球是球队总进球数减去总失球数后的结果。例如一支球队打进8球、失3球，那么净胜球为5。净胜球通常是决定同积分球队排名的重要依据之一。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜会实时变化吗？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "会。在比赛进行期间，随着进球和比赛结果变化，实时积分榜可能会发生调整。比赛结束后，积分榜将按照最终赛果更新正式排名。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯小组赛积分榜有什么作用？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "世界杯小组赛积分榜能够直观展示各支球队的晋级形势和排名情况，球迷可以根据积分榜快速了解哪些球队有机会晋级淘汰赛以及各组竞争情况。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜可以预测晋级球队吗？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "通过积分榜能够分析球队当前的出线形势和晋级概率，但最终晋级结果仍需结合剩余赛程、对手实力以及比赛实际结果进行判断。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜为什么会出现临时排名？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "在比赛进行过程中，实时比分变化会影响球队积分和净胜球，因此系统会计算临时积分榜。待比赛结束后，排名将根据最终结果重新确认。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜能查看历史排名吗？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "部分世界杯数据平台会保存历届世界杯积分榜和历史排名记录，用户可以查询往届赛事的积分情况、球队成绩以及晋级结果。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜中的排名颜色代表什么？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "很多积分榜会使用不同颜色标识球队状态，例如绿色代表晋级区，黄色代表附加赛区，红色代表淘汰区，具体说明以页面标注为准。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜和淘汰赛有关系吗？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "有关系。小组赛结束后，各小组排名靠前的球队将获得淘汰赛资格，因此积分榜直接决定球队能否晋级16强以及后续淘汰赛对阵情况。"
            }
        },
        {
            "@type": "Question",
            "name": "世界杯积分榜是否包含淘汰赛数据？",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "世界杯积分榜主要用于小组赛阶段。进入淘汰赛后，球队通过胜负关系决定晋级资格，因此通常不再使用积分榜进行排名。"
            }
        }
    ]
}</script>  </main>

  <!-- 页脚 -->
  <!-- Footer -->
<footer class="antialiased d-fb521c footer-38c7f footer border-slate-200 outline-transparent backface-hidden x-b929fece mt-10 x-2dd9f85 bg-white border-t">

    <div
        class="mx-auto flex max-w-7xl flex-col gap-5 px-4 py-8 text-sm text-slate-500 md:flex-row md:items-center md:justify-between">

        <!-- 左侧 -->
        <div class="space-y-2">



            <p class="max-w-xl leading-6">
                为您收集更新2026美加墨世界杯积分榜数据，提供小组排名、球队积分、胜平负记录、进球数、失球数及净胜球统计，帮助您快速掌握世界杯最新积分变化和出线形势。
            </p>

        </div>

        <!-- 右侧 -->
        <div class="flex flex-wrap items-center gap-4">

            <a href="/#standings" class="transition hover:text-primary">
                2026世界杯积分榜            </a>
            <a href="/#rules" class="transition hover:text-primary">
                世界杯积分规则            </a>

            <a href="/#faq" class="transition hover:text-primary">
                世界杯积分榜问答            </a>



        </div>

    </div>

    <!-- 声明 -->
    <div class="border-t border-slate-100 bg-slate-50">
        <div class="mx-auto max-w-7xl px-4 py-4 text-xs leading-6 text-slate-500">
            声明：本站提供的2026世界杯积分榜来源于公开数据，仅供参考。所有信息以国际足联官方公布为准。本站不承担任何因使用本站数据而产生的责任。
        </div>
    </div>

    <!-- 底部 -->
    <div
        class="flex flex-col items-center justify-center gap-2 border-t border-slate-100 px-4 py-4 text-center text-xs text-slate-400 md:flex-row">

        <span>
            © 2026                    </span>



                <span class="hidden md:inline">·</span>
        <span>
            积分榜更新时间：
            2026-06-15        </span>

    </div>


</footer>
</body>
<script src="/js/tj.js"></script>

</html>