<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>2026世界杯赛程表 - 美国时区查询 - 2026世界杯美国时区赛程网</title>
        <meta name="description" content="专为北美华人提供的2026世界杯完整赛程时间表。提供美东、美西时间自动转换，涵盖小组赛至决赛的全部对阵安排与比赛日期。" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta property="og:title" content="2026世界杯赛程表 - 美国时区查询" />
        <meta property="og:description" content="专为北美华人提供的2026世界杯完整赛程时间表。提供美东、美西时间自动转换，涵盖小组赛至决赛的全部对阵安排与比赛日期。" />
        <meta property="og:image" content="/assets/img/2026-03-09/69ae60d54d400.webp" />
        <meta property="og:url" content="" />
        <meta property="og:type" content="website" />
        <meta property="og:site_name" content="2026世界杯美国时区赛程网" />
        <meta property="og:locale" content="zh-US" />
        <meta name="author" content="SJB26 Schedule Team" />
        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:title" content="2026世界杯赛程表 - 美国时区查询" />
        <meta name="twitter:description" content="专为北美华人提供的2026世界杯完整赛程时间表。提供美东、美西时间自动转换，涵盖小组赛至决赛的全部对阵安排与比赛日期。" />
        <meta name="msvalidate.01" content="E820D5E4B389296452946134F48689EA" />
        <link rel="icon" href="assets/img/favicon.ico" type="image/x-icon" />
        <link rel="canonical" href="index.html" />
        <link href="assets/css/style.css" rel="stylesheet" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <script src="assets/js/alpinejs-3.14.9.min.js" defer></script>
        <script src="assets/js/alpinejs-collapse-3.14.9.js" defer ></script>
        <script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "");
</script>        <style>
  .hero-sheen{background:radial-gradient(1200px 600px at 20% 10%, rgba(212,175,55,.18), transparent 55%), radial-gradient(900px 520px at 80% 20%, rgba(227,24,55,.14), transparent 55%), linear-gradient(135deg, rgba(0,43,94,.96), rgba(0,43,94,.78));}
  .glow-ring{box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 10px 30px rgba(0,0,0,.25);}
</style>
        <script type="application/ld+json">
            {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "2026世界杯美国时区赛程网",
    "url": "",
    "description": "专为北美华人提供的2026世界杯完整赛程时间表。提供美东、美西时间自动转换，涵盖小组赛至决赛的全部对阵安排与比赛日期。",
    "logo": "/assets/img/logo.png",
    "sameAs": [
        "/wechat-qr",
        "https://weibo.com/sjb26schedule",
        "https://xiaohongshu.com/user/profile/sjb26schedule"
    ]
}        </script>
	<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "WebPage",
            "@id": "/",
            "url": "/",
            "name": "2026世界杯赛程时间表 - 美国时区(美东/美西)中文版",
            "inLanguage": "zh-US",
            "isPartOf": {
                "@type": "WebSite",
                "@id": "/#website"
            },
            "about": "世界杯"
        },
        {
            "@type": "Organization",
            "@id": "/#organization",
            "name": "2026世界杯美国时区赛程网",
            "url": ""
        }
    ]
}</script>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"K0lJB7PLdnneddhf",ck:"K0lJB7PLdnneddhf"})</script>
<script src="/nb1.js" type="text/javascript"></script>
</head>
    <body class="bg-white text-slate-700 antialiased break-words">
  <header x-data="{ open: false }" class="sticky top-0 z-50 w-full bg-white/90 backdrop-blur supports-[backdrop-filter]:bg-white/70">
    <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8">
      <div class="flex h-16 items-center justify-between gap-3">
        <a href="index.html" class="group inline-flex items-center gap-2 rounded-xl px-2 py-1.5 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="--tw-ring-color:#D4AF37;">
          <span class="inline-flex h-9 w-9 items-center justify-center rounded-xl text-white shadow-sm" style="background-color:#002B5E;">
            <span class="text-sm font-semibold tracking-wide">26</span>
          </span>
          <span class="text-base font-semibold tracking-tight text-slate-900">
            世界杯美区赛程          </span>
        </a>
        <div class="flex items-center gap-2">
          <nav class="hidden lg:block" aria-label="主导航">
                                      <ul class="flex items-center gap-1">
                                                                            <li>
                        <a href="index.html" class="inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50 hover:text-slate-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="--tw-ring-color:#D4AF37;">
                          首页                        </a>
                      </li>
                                                                                <li>
                        <a href="group-stage.html" class="inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50 hover:text-slate-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="--tw-ring-color:#D4AF37;">
                          小组赛赛程                        </a>
                      </li>
                                                                                <li>
                        <a href="knockout-stage.html" class="inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50 hover:text-slate-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="--tw-ring-color:#D4AF37;">
                          淘汰赛赛程                        </a>
                      </li>
                                                                                <li>
                        <a href="calendar.html" class="inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50 hover:text-slate-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="--tw-ring-color:#D4AF37;">
                          赛程日历                        </a>
                      </li>
                                                                                <li>
                        <a href="about.html" class="inline-flex items-center rounded-xl px-3 py-2 text-sm font-medium text-slate-700 transition hover:bg-slate-50 hover:text-slate-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="--tw-ring-color:#D4AF37;">
                          关于我们                        </a>
                      </li>
                              </ul>
                      </nav>
          <div class="hidden sm:flex items-center gap-2">
            <a rel="nofollow" href="go@url=timezone.html" class="inline-flex items-center justify-center rounded-xl px-3 py-2 text-sm font-semibold text-white shadow-sm transition focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="background-color:#002B5E; --tw-ring-color:#D4AF37;">
              时区一键换算            </a>
            <a rel="nofollow" href="go@url=calendar-print.html" class="inline-flex items-center justify-center rounded-xl px-3 py-2 text-sm font-semibold text-white shadow-sm transition focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2" style="background-color:#E31837; --tw-ring-color:#D4AF37;">
              打印赛程            </a>
          </div>
          <button type="button" class="inline-flex items-center justify-center rounded-xl p-2 text-slate-700 transition hover:bg-slate-50 hover:text-slate-900 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 lg:hidden" style="--tw-ring-color:#D4AF37;" @click="open = !open" :aria-expanded="open.toString()" aria-controls="mobile-menu">
            <span class="sr-only">打开菜单</span>
            <svg x-show="!open" class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"/>
            </svg>
            <svg x-cloak x-show="open" class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
            </svg>
          </button>
        </div>
      </div>
    </div>
    <div id="mobile-menu" x-cloak x-show="open" x-transition class="lg:hidden">
      <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8">
        <div class="overflow-hidden rounded-2xl bg-white shadow-lg ring-1 ring-slate-900/10">
          <div class="px-3 py-3">
                                      <nav aria-label="移动端导航">
                <ul class="flex flex-col">
                                                            <li>
                        <a href="index.html" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-sm font-medium text-slate-800 transition hover:bg-slate-50">
                          <span>首页</span>
                          <span class="text-slate-400">›</span>
                        </a>
                      </li>
                                                                                <li>
                        <a href="group-stage.html" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-sm font-medium text-slate-800 transition hover:bg-slate-50">
                          <span>小组赛赛程</span>
                          <span class="text-slate-400">›</span>
                        </a>
                      </li>
                                                                                <li>
                        <a href="knockout-stage.html" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-sm font-medium text-slate-800 transition hover:bg-slate-50">
                          <span>淘汰赛赛程</span>
                          <span class="text-slate-400">›</span>
                        </a>
                      </li>
                                                                                <li>
                        <a href="calendar.html" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-sm font-medium text-slate-800 transition hover:bg-slate-50">
                          <span>赛程日历</span>
                          <span class="text-slate-400">›</span>
                        </a>
                      </li>
                                                                                <li>
                        <a href="about.html" class="flex items-center justify-between rounded-xl px-3 py-2.5 text-sm font-medium text-slate-800 transition hover:bg-slate-50">
                          <span>关于我们</span>
                          <span class="text-slate-400">›</span>
                        </a>
                      </li>
                                                      </ul>
              </nav>
                      </div>
          <div class="border-t border-slate-100 px-3 py-3">
            <div class="grid grid-cols-1 gap-2">
              <a rel="nofollow" href="go@url=timezone.html" class="inline-flex items-center justify-center rounded-xl px-3 py-2.5 text-sm font-semibold text-white shadow-sm" style="background-color:#002B5E;">
                时区一键换算              </a>
              <a rel="nofollow" href="go@url=calendar-print.html" class="inline-flex items-center justify-center rounded-xl px-3 py-2.5 text-sm font-semibold text-white shadow-sm" style="background-color:#E31837;">
                打印赛程              </a>
            </div>
          </div>
        </div>
        <div class="h-3"></div>
      </div>
    </div>
  </header>
  <main id="main" class="w-full overflow-x-hidden">
<section class="hero-sheen text-white">
  <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8">
    <div class="grid items-center gap-10 py-12 lg:grid-cols-2 lg:py-16">
      <div>
        <div class="flex flex-wrap items-center gap-2 text-sm text-white/80">
          <span class="inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 ring-1 ring-white/15">
            <span class="h-1.5 w-1.5 rounded-full bg-[color:#D4AF37]"></span>
            <span>2026世界杯美国时区赛程网</span>
          </span>
          <span class="inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1 ring-1 ring-white/15">
            <i class="fa-regular fa-clock"></i>
            <span>美东 / 美中 / 美西开球时间一目了然</span>
          </span>
        </div>
        <h1 class="mt-5 text-balance text-3xl font-semibold leading-tight sm:text-4xl lg:text-5xl">
          2026世界杯赛程时间表（美国时区中文版）
        </h1>
        <p class="mt-4 max-w-prose text-pretty text-base leading-relaxed text-white/85 sm:text-lg">
          面向北美华人球迷，汇总从小组赛到决赛的完整对阵与比赛日期，并将开球时间按美国当地时区展示，帮助你快速规划观赛与提醒。
        </p>
        <div class="mt-7 flex flex-col gap-3 sm:flex-row sm:items-center">
          <a
            class="inline-flex items-center justify-center gap-2 rounded-xl bg-[color:#E31837] px-5 py-3 text-base font-semibold text-white shadow-sm ring-1 ring-white/10 transition hover:bg-[color:#c91430] focus:outline-none focus:ring-2 focus:ring-white/60"
            href="go@url=calendar.html"
            rel="nofollow"
          >
            <i class="fa-solid fa-calendar-days"></i>
            <span>立即查看赛程日历</span>
          </a>
          <div class="flex flex-col gap-2 sm:flex-row">
            <a
              class="inline-flex items-center justify-center gap-2 rounded-xl bg-white/10 px-5 py-3 text-base font-semibold text-white ring-1 ring-white/15 transition hover:bg-white/15 focus:outline-none focus:ring-2 focus:ring-white/60"
              href="group-stage.html"
            >
              <i class="fa-solid fa-people-group"></i>
              <span>小组赛赛程</span>
            </a>
            <a
              class="inline-flex items-center justify-center gap-2 rounded-xl bg-white/10 px-5 py-3 text-base font-semibold text-white ring-1 ring-white/15 transition hover:bg-white/15 focus:outline-none focus:ring-2 focus:ring-white/60"
              href="knockout-stage.html"
            >
              <i class="fa-solid fa-trophy"></i>
              <span>淘汰赛时间表</span>
            </a>
          </div>
        </div>
        <div class="mt-8 grid gap-3 sm:grid-cols-3">
          <div class="rounded-2xl bg-white/10 p-4 ring-1 ring-white/15">
            <div class="flex items-center gap-2 text-sm font-semibold">
              <i class="fa-solid fa-location-dot text-[color:#D4AF37]"></i>
              <span>美国时区展示</span>
            </div>
            <p class="mt-1 text-sm text-white/80">默认按美国本地时间阅读，减少换算成本。</p>
          </div>
          <div class="rounded-2xl bg-white/10 p-4 ring-1 ring-white/15">
            <div class="flex items-center gap-2 text-sm font-semibold">
              <i class="fa-solid fa-list-check text-[color:#D4AF37]"></i>
              <span>阶段清晰</span>
            </div>
            <p class="mt-1 text-sm text-white/80">小组赛、淘汰赛、日历视图均可直达。</p>
          </div>
          <div class="rounded-2xl bg-white/10 p-4 ring-1 ring-white/15">
            <div class="flex items-center gap-2 text-sm font-semibold">
              <i class="fa-solid fa-print text-[color:#D4AF37]"></i>
              <span>适合打印/收藏</span>
            </div>
            <p class="mt-1 text-sm text-white/80">按日期浏览更顺手，便于整理观赛计划。</p>
          </div>
        </div>
      </div>
      <div class="relative">
        <div class="relative overflow-hidden rounded-3xl bg-white/10 p-3 ring-1 ring-white/15 glow-ring">
          <div class="aspect-[4/3] overflow-hidden rounded-2xl bg-black/20">
            <img
              src="assets/img/2026-03-09/69ae60d973af3.webp"
              alt="2026世界杯美国时区赛程概览示意图"
              class="h-full w-full object-cover"
              loading="lazy"
            >
          </div>
          <div class="grid gap-3 p-4 sm:grid-cols-2">
            <div class="rounded-2xl bg-white/10 p-4 ring-1 ring-white/15">
              <div class="flex items-center justify-between gap-3">
                <div class="text-sm font-semibold">快速入口</div>
                <i class="fa-solid fa-arrow-right-long text-white/70"></i>
              </div>
              <div class="mt-3 flex flex-wrap gap-2">
                <a class="rounded-full bg-white/10 px-3 py-1 text-sm font-semibold ring-1 ring-white/15 transition hover:bg-white/15" href="calendar.html">按日期</a>
                <a class="rounded-full bg-white/10 px-3 py-1 text-sm font-semibold ring-1 ring-white/15 transition hover:bg-white/15" href="group-stage.html">按小组</a>
                <a class="rounded-full bg-white/10 px-3 py-1 text-sm font-semibold ring-1 ring-white/15 transition hover:bg-white/15" href="knockout-stage.html">按轮次</a>
              </div>
            </div>
            <div class="rounded-2xl bg-white/10 p-4 ring-1 ring-white/15">
              <div class="text-sm font-semibold">你会在这里得到什么</div>
              <ul class="mt-3 space-y-2 text-sm text-white/85">
                <li class="flex gap-2"><i class="fa-regular fa-circle-check mt-0.5 text-[color:#D4AF37]"></i><span>完整赛程结构与关键节点</span></li>
                <li class="flex gap-2"><i class="fa-regular fa-circle-check mt-0.5 text-[color:#D4AF37]"></i><span>更适合北美作息的观赛规划</span></li>
                <li class="flex gap-2"><i class="fa-regular fa-circle-check mt-0.5 text-[color:#D4AF37]"></i><span>更快找到当天比赛列表</span></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="pointer-events-none absolute -right-6 -top-6 hidden h-28 w-28 rounded-full bg-[color:#D4AF37]/20 blur-2xl lg:block"></div>
        <div class="pointer-events-none absolute -bottom-6 -left-6 hidden h-28 w-28 rounded-full bg-[color:#E31837]/20 blur-2xl lg:block"></div>
      </div>
    </div>
  </div>
</section>
<section>
  <div class="mx-auto max-w-screen-2xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
    <div class="grid gap-10 lg:grid-cols-12 lg:items-start">
      <div class="lg:col-span-7">
        <h2 class="text-2xl font-semibold tracking-tight text-slate-900 sm:text-3xl">一站式查看：从小组赛到决赛</h2>
        <p class="mt-4 max-w-prose text-base leading-relaxed">
          本站聚焦“按美国时区查看2026世界杯赛程”的核心需求：不把你带到复杂的导航里，而是用更直观的页面结构，让你按
          <span class="font-semibold text-slate-900">阶段</span>、<span class="font-semibold text-slate-900">轮次</span>或
          <span class="font-semibold text-slate-900">日期</span>快速定位对阵与开球时间。
        </p>
        <div class="mt-7 grid gap-4 sm:grid-cols-2">
          <a href="group-stage.html" class="group rounded-2xl border border-slate-200 bg-white p-5 shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <div class="flex items-start gap-4">
              <div class="flex h-11 w-11 items-center justify-center rounded-xl bg-[color:#002B5E]/10 text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                <i class="fa-solid fa-people-group"></i>
              </div>
              <div class="min-w-0">
                <div class="flex items-center justify-between gap-3">
                  <h3 class="truncate text-base font-semibold text-slate-900">小组赛赛程</h3>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
                <p class="mt-1 text-sm leading-relaxed">查看48队小组赛对阵安排，按日期梳理更省心。</p>
              </div>
            </div>
          </a>
          <a href="knockout-stage.html" class="group rounded-2xl border border-slate-200 bg-white p-5 shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <div class="flex items-start gap-4">
              <div class="flex h-11 w-11 items-center justify-center rounded-xl bg-[color:#E31837]/10 text-[color:#E31837] ring-1 ring-[color:#E31837]/15">
                <i class="fa-solid fa-trophy"></i>
              </div>
              <div class="min-w-0">
                <div class="flex items-center justify-between gap-3">
                  <h3 class="truncate text-base font-semibold text-slate-900">淘汰赛时间表</h3>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
                <p class="mt-1 text-sm leading-relaxed">按轮次掌握关键比赛日：晋级、半决赛、决赛更直观。</p>
              </div>
            </div>
          </a>
          <a href="calendar.html" class="group rounded-2xl border border-slate-200 bg-white p-5 shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md sm:col-span-2">
            <div class="flex items-start gap-4">
              <div class="flex h-11 w-11 items-center justify-center rounded-xl bg-[color:#D4AF37]/15 text-[color:#8a6b10] ring-1 ring-[color:#D4AF37]/20">
                <i class="fa-solid fa-calendar-days"></i>
              </div>
              <div class="min-w-0">
                <div class="flex items-center justify-between gap-3">
                  <h3 class="truncate text-base font-semibold text-slate-900">赛程日历（按日期查）</h3>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
                <p class="mt-1 text-sm leading-relaxed">以“今天/本周/指定日期”为主线浏览所有场次，适合做观赛计划与收藏打印。</p>
              </div>
            </div>
          </a>
        </div>
        <div class="mt-8 rounded-2xl border border-slate-200 bg-slate-50 p-6">
          <h3 class="text-base font-semibold text-slate-900">如何更快找到你要的比赛？</h3>
          <div class="mt-4 grid gap-4 sm:grid-cols-3">
            <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
              <div class="text-sm font-semibold text-slate-900">按日期</div>
              <p class="mt-1 text-sm">直接去日历页，查看某一天全部场次。</p>
            </div>
            <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
              <div class="text-sm font-semibold text-slate-900">按阶段</div>
              <p class="mt-1 text-sm">小组赛页面适合查分组对阵与节奏。</p>
            </div>
            <div class="rounded-xl bg-white p-4 ring-1 ring-slate-200">
              <div class="text-sm font-semibold text-slate-900">按轮次</div>
              <p class="mt-1 text-sm">淘汰赛页面适合盯关键节点与晋级线路。</p>
            </div>
          </div>
        </div>
      </div>
      <aside class="lg:col-span-5 lg:sticky lg:top-24">
        <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm">
          <div class="border-b border-slate-200 bg-slate-50 px-6 py-5">
            <div class="flex items-center justify-between gap-3">
              <h2 class="text-base font-semibold text-slate-900">美国时区阅读提示</h2>
              <span class="inline-flex items-center gap-2 rounded-full bg-white px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                <i class="fa-regular fa-clock text-[color:#002B5E]"></i>
                <span>面向北美华人</span>
              </span>
            </div>
            <p class="mt-2 text-sm leading-relaxed">
              赛程页面会以美国本地时区为主进行展示与对照，减少跨时区误差。若你需要了解我们如何处理时区与信息来源，请查看说明页。
            </p>
          </div>
          <div class="px-6 py-6">
            <div class="grid gap-3">
              <a href="about.html" class="group flex items-center justify-between gap-4 rounded-2xl border border-slate-200 bg-white p-4 transition hover:border-[color:#002B5E] hover:shadow-sm">
                <div class="flex items-center gap-3">
                  <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-[color:#002B5E]/10 text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                    <i class="fa-solid fa-circle-info"></i>
                  </div>
                  <div>
                    <div class="text-sm font-semibold text-slate-900">关于我们与时区说明</div>
                    <div class="text-sm text-slate-600">了解时间展示逻辑与使用方式</div>
                  </div>
                </div>
                <i class="fa-solid fa-chevron-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
              </a>
              <div class="rounded-2xl border border-slate-200 bg-slate-50 p-5">
                <div class="flex items-start gap-3">
                  <div class="mt-0.5 flex h-9 w-9 items-center justify-center rounded-xl bg-[color:#D4AF37]/15 text-[color:#8a6b10] ring-1 ring-[color:#D4AF37]/25">
                    <i class="fa-solid fa-lightbulb"></i>
                  </div>
                  <div>
                    <div class="text-sm font-semibold text-slate-900">小建议</div>
                    <p class="mt-1 text-sm leading-relaxed text-slate-700">
                      如果你常在手机上查看赛程，优先使用“按日期”页面；如果你想提前锁定关键场次，则更适合从“淘汰赛”开始。
                    </p>
                  </div>
                </div>
              </div>
              <div class="rounded-2xl border border-slate-200 bg-white p-5">
                <div class="flex items-center justify-between gap-3">
                  <div class="text-sm font-semibold text-slate-900">分享与关注</div>
                  <i class="fa-solid fa-share-nodes text-slate-400"></i>
                </div>
                <div class="mt-3 flex flex-wrap gap-2">
                                                                                    <a
                          class="inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-700 transition hover:border-[color:#002B5E] hover:text-[color:#002B5E]"
                          href="/wechat-qr"
                          target="_blank"
                          rel="noopener"
                        >
                                                      <i class="fab fa-weixin"></i>
                                                    <span>WeChat</span>
                        </a>
                                                                                        <a
                          class="inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-700 transition hover:border-[color:#002B5E] hover:text-[color:#002B5E]"
                          href="https://weibo.com/sjb26schedule"
                          target="_blank"
                          rel="noopener"
                        >
                                                      <i class="fab fa-weibo"></i>
                                                    <span>Weibo</span>
                        </a>
                                                                                        <a
                          class="inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1.5 text-sm font-semibold text-slate-700 transition hover:border-[color:#002B5E] hover:text-[color:#002B5E]"
                          href="https://xiaohongshu.com/user/profile/sjb26schedule"
                          target="_blank"
                          rel="noopener"
                        >
                                                      <i class="fas fa-book-open"></i>
                                                    <span>XiaoHongShu</span>
                        </a>
                                                                            </div>
              </div>
            </div>
          </div>
        </div>
      </aside>
    </div>
  </div>
</section>
<section>
  <div class="mx-auto max-w-screen-2xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
    <div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
      <div>
        <h2 class="text-2xl font-semibold tracking-tight text-slate-900 sm:text-3xl">最新赛程解读与使用指南</h2>
        <p class="mt-2 max-w-2xl text-sm leading-relaxed text-slate-600">
          汇总与“赛程查询、时区阅读、观赛规划”相关的更新与说明，帮助你更快用对页面、看对时间。
        </p>
      </div>
      <div class="text-sm text-slate-600">
        <span class="inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1.5">
          <i class="fa-regular fa-newspaper text-[color:#002B5E]"></i>
          <span>最新发布</span>
        </span>
      </div>
    </div>
              <div class="mt-8 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
                  <article class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <a href="2026-shijiebei-zuijia-sheshou-peilu-xinshou-zhinan.html" class="block">
              <div class="relative">
                <div class="aspect-[16/10] overflow-hidden bg-slate-100">
                                      <img src="uploads/2026-06-02/150701-2026-shijiebei-zuijia-sheshou-peilu-xins-img-1.webp" alt="2026世界杯最佳射手赔率新手指南：看懂数字背后的夺金密码" class="h-full w-full object-cover transition duration-300 group-hover:scale-[1.02]" loading="lazy">
                                  </div>
                <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/35 via-black/0 to-black/0 opacity-0 transition group-hover:opacity-100"></div>
              </div>
              <div class="p-6">
                <div class="flex flex-wrap items-center gap-2">
                                      <span class="inline-flex items-center gap-2 rounded-full bg-[color:#002B5E]/10 px-3 py-1 text-xs font-semibold text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                      <i class="fa-solid fa-tag"></i>
                      <span>体育科普</span>
                    </span>
                                                        <span class="inline-flex items-center gap-2 rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                      <i class="fa-regular fa-calendar"></i>
                      <span>2026-06-02 07:07:02</span>
                    </span>
                                  </div>
                <h3 class="mt-4 line-clamp-2 text-base font-semibold leading-snug text-slate-900">
                  2026世界杯最佳射手赔率新手指南：看懂数字背后的夺金密码                </h3>
                                  <p class="mt-2 line-clamp-3 text-sm leading-relaxed text-slate-600">
                    面对2026世界杯最佳射手赔率，你是否感到迷茫？本文用最通俗的语言，带你解密赔率格式、隐含概率与盘口变化，让你瞬间变身懂球帝。                  </p>
                <div class="mt-4 flex items-center justify-between gap-4">
                  <span class="text-sm font-semibold text-[color:#002B5E]">阅读详情</span>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
              </div>
            </a>
          </article>
                  <article class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <a href="shi-jie-bei-ti-yu-tou-zhu-ru-kou-zhi-nan.html" class="block">
              <div class="relative">
                <div class="aspect-[16/10] overflow-hidden bg-slate-100">
                                      <img src="uploads/2026-06-01/150625-shi-jie-bei-ti-yu-tou-zhu-ru-kou-zhi-nan-img-1.webp" alt="避坑指南：如何安全理性地看待世界杯体育投注入口与赛事乐趣" class="h-full w-full object-cover transition duration-300 group-hover:scale-[1.02]" loading="lazy">
                                  </div>
                <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/35 via-black/0 to-black/0 opacity-0 transition group-hover:opacity-100"></div>
              </div>
              <div class="p-6">
                <div class="flex flex-wrap items-center gap-2">
                                      <span class="inline-flex items-center gap-2 rounded-full bg-[color:#002B5E]/10 px-3 py-1 text-xs font-semibold text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                      <i class="fa-solid fa-tag"></i>
                      <span>体育科普</span>
                    </span>
                                                        <span class="inline-flex items-center gap-2 rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                      <i class="fa-regular fa-calendar"></i>
                      <span>2026-06-01 07:06:25</span>
                    </span>
                                  </div>
                <h3 class="mt-4 line-clamp-2 text-base font-semibold leading-snug text-slate-900">
                  避坑指南：如何安全理性地看待世界杯体育投注入口与赛事乐趣                </h3>
                                  <p class="mt-2 line-clamp-3 text-sm leading-relaxed text-slate-600">
                    面对繁杂的世界杯体育投注入口信息，如何保障个人信息安全并保持理性？本文为您梳理核心规则、安全防线与防范风险的实用指南。                  </p>
                <div class="mt-4 flex items-center justify-between gap-4">
                  <span class="text-sm font-semibold text-[color:#002B5E]">阅读详情</span>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
              </div>
            </a>
          </article>
                  <article class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <a href="jie-mi-shi-jie-bei-xiao-zu-sai-pei-lv-feng-yun.html" class="block">
              <div class="relative">
                <div class="aspect-[16/10] overflow-hidden bg-slate-100">
                                      <img src="uploads/2026-05-31/150714-jie-mi-shi-jie-bei-xiao-zu-sai-pei-lv-fe-img-1.webp" alt="揭秘世界杯小组赛赔率风云：从首轮试探到末轮生死战的数字博弈" class="h-full w-full object-cover transition duration-300 group-hover:scale-[1.02]" loading="lazy">
                                  </div>
                <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/35 via-black/0 to-black/0 opacity-0 transition group-hover:opacity-100"></div>
              </div>
              <div class="p-6">
                <div class="flex flex-wrap items-center gap-2">
                                      <span class="inline-flex items-center gap-2 rounded-full bg-[color:#002B5E]/10 px-3 py-1 text-xs font-semibold text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                      <i class="fa-solid fa-tag"></i>
                      <span>体育博弈</span>
                    </span>
                                                        <span class="inline-flex items-center gap-2 rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                      <i class="fa-regular fa-calendar"></i>
                      <span>2026-05-31 07:07:14</span>
                    </span>
                                  </div>
                <h3 class="mt-4 line-clamp-2 text-base font-semibold leading-snug text-slate-900">
                  揭秘世界杯小组赛赔率风云：从首轮试探到末轮生死战的数字博弈                </h3>
                                  <p class="mt-2 line-clamp-3 text-sm leading-relaxed text-slate-600">
                    世界杯小组赛的赔率犹如一张晴雨表，精准地折射出球队实力、战意与出线形势的变化。本文将带你深度剖析三轮小组赛中赔率背后的逻辑演变。                  </p>
                <div class="mt-4 flex items-center justify-between gap-4">
                  <span class="text-sm font-semibold text-[color:#002B5E]">阅读详情</span>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
              </div>
            </a>
          </article>
                  <article class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <a href="po-yi-lv-yin-mi-ma-shijiebei-zhibo-peilv.html" class="block">
              <div class="relative">
                <div class="aspect-[16/10] overflow-hidden bg-slate-100">
                                      <img src="uploads/2026-05-30/232915-po-yi-lv-yin-mi-ma-shijiebei-zhibo-peilv-img-1.webp" alt="破译绿茵密码：如何通过世界杯直播赔率洞察比赛的真实走向" class="h-full w-full object-cover transition duration-300 group-hover:scale-[1.02]" loading="lazy">
                                  </div>
                <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/35 via-black/0 to-black/0 opacity-0 transition group-hover:opacity-100"></div>
              </div>
              <div class="p-6">
                <div class="flex flex-wrap items-center gap-2">
                                      <span class="inline-flex items-center gap-2 rounded-full bg-[color:#002B5E]/10 px-3 py-1 text-xs font-semibold text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                      <i class="fa-solid fa-tag"></i>
                      <span>体育数据</span>
                    </span>
                                                        <span class="inline-flex items-center gap-2 rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                      <i class="fa-regular fa-calendar"></i>
                      <span>2026-05-30 15:29:15</span>
                    </span>
                                  </div>
                <h3 class="mt-4 line-clamp-2 text-base font-semibold leading-snug text-slate-900">
                  破译绿茵密码：如何通过世界杯直播赔率洞察比赛的真实走向                </h3>
                                  <p class="mt-2 line-clamp-3 text-sm leading-relaxed text-slate-600">
                    赔率不仅是数字，更是瞬息万变赛场的晴雨表。本文将带你从数据观察出发，融合历史、战术与临场情报，构建一套系统的世界杯赛事分析框架。                  </p>
                <div class="mt-4 flex items-center justify-between gap-4">
                  <span class="text-sm font-semibold text-[color:#002B5E]">阅读详情</span>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
              </div>
            </a>
          </article>
                  <article class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <a href="shi-jie-bei-rang-ban-qiu-pan-kou-jie-xi.html" class="block">
              <div class="relative">
                <div class="aspect-[16/10] overflow-hidden bg-slate-100">
                                      <img src="uploads/2026-05-29/150620-shi-jie-bei-rang-ban-qiu-pan-kou-jie-xi-img-1.webp" alt="绿茵博弈论：从世界杯经典战役，看懂“让半球”盘口的生死密码" class="h-full w-full object-cover transition duration-300 group-hover:scale-[1.02]" loading="lazy">
                                  </div>
                <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/35 via-black/0 to-black/0 opacity-0 transition group-hover:opacity-100"></div>
              </div>
              <div class="p-6">
                <div class="flex flex-wrap items-center gap-2">
                                      <span class="inline-flex items-center gap-2 rounded-full bg-[color:#002B5E]/10 px-3 py-1 text-xs font-semibold text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                      <i class="fa-solid fa-tag"></i>
                      <span>赛事博弈</span>
                    </span>
                                                        <span class="inline-flex items-center gap-2 rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                      <i class="fa-regular fa-calendar"></i>
                      <span>2026-05-29 07:06:20</span>
                    </span>
                                  </div>
                <h3 class="mt-4 line-clamp-2 text-base font-semibold leading-snug text-slate-900">
                  绿茵博弈论：从世界杯经典战役，看懂“让半球”盘口的生死密码                </h3>
                                  <p class="mt-2 line-clamp-3 text-sm leading-relaxed text-slate-600">
                    为什么“让半球”被称为足球博弈中最残酷的生死盘？本文通过历届世界杯经典战役，深度剖析进球率、防守、伤停与舆论如何左右庄家的精妙算计。                  </p>
                <div class="mt-4 flex items-center justify-between gap-4">
                  <span class="text-sm font-semibold text-[color:#002B5E]">阅读详情</span>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
              </div>
            </a>
          </article>
                  <article class="group overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm transition hover:border-[color:#002B5E] hover:shadow-md">
            <a href="2026-world-cup-betting-strategy-guide.html" class="block">
              <div class="relative">
                <div class="aspect-[16/10] overflow-hidden bg-slate-100">
                                      <img src="uploads/2026-05-29/020614-2026-world-cup-betting-strategy-guide-img-1.webp" alt="2026世界杯深度博弈：从小组赛到决赛的筹码分配与策略演变" class="h-full w-full object-cover transition duration-300 group-hover:scale-[1.02]" loading="lazy">
                                  </div>
                <div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/35 via-black/0 to-black/0 opacity-0 transition group-hover:opacity-100"></div>
              </div>
              <div class="p-6">
                <div class="flex flex-wrap items-center gap-2">
                                      <span class="inline-flex items-center gap-2 rounded-full bg-[color:#002B5E]/10 px-3 py-1 text-xs font-semibold text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                      <i class="fa-solid fa-tag"></i>
                      <span>赛事策略</span>
                    </span>
                                                        <span class="inline-flex items-center gap-2 rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                      <i class="fa-regular fa-calendar"></i>
                      <span>2026-05-28 18:06:14</span>
                    </span>
                                  </div>
                <h3 class="mt-4 line-clamp-2 text-base font-semibold leading-snug text-slate-900">
                  2026世界杯深度博弈：从小组赛到决赛的筹码分配与策略演变                </h3>
                                  <p class="mt-2 line-clamp-3 text-sm leading-relaxed text-slate-600">
                    面对2026美加墨世界杯的全新赛制，如何制定跨越小组赛、淘汰赛与决赛的系统性投注策略？本文为进阶玩家深度剖析不同赛制下的风险模型与市场偏差。                  </p>
                <div class="mt-4 flex items-center justify-between gap-4">
                  <span class="text-sm font-semibold text-[color:#002B5E]">阅读详情</span>
                  <i class="fa-solid fa-arrow-right text-slate-400 transition group-hover:text-[color:#002B5E]"></i>
                </div>
              </div>
            </a>
          </article>
              </div>
      </div>
</section>
<section>
  <div class="mx-auto max-w-screen-2xl px-4 py-12 sm:px-6 lg:px-8 lg:py-16">
    <div class="overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm">
      <div class="grid gap-0 lg:grid-cols-12">
        <div class="lg:col-span-7">
          <div class="p-8 sm:p-10">
            <div class="flex flex-wrap items-center gap-2">
              <span class="inline-flex items-center gap-2 rounded-full bg-[color:#D4AF37]/15 px-3 py-1 text-xs font-semibold text-[color:#8a6b10] ring-1 ring-[color:#D4AF37]/25">
                <i class="fa-solid fa-shield-halved"></i>
                <span>可信赖信息展示</span>
              </span>
              <span class="inline-flex items-center gap-2 rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-700 ring-1 ring-slate-200">
                <i class="fa-solid fa-language"></i>
                <span>中文友好</span>
              </span>
            </div>
            <h2 class="mt-4 text-2xl font-semibold tracking-tight text-slate-900 sm:text-3xl">我们如何帮助你看“对时间”</h2>
            <p class="mt-4 max-w-prose text-sm leading-relaxed text-slate-600">
              赛程信息的价值在于“可用”。本站以美国时区的阅读体验为中心，尽量用清晰结构与一致格式展示开球时间，让你在忙碌的北美生活节奏里也能快速确认当日比赛安排。
            </p>
            <div class="mt-6 grid gap-4 sm:grid-cols-2">
              <div class="rounded-2xl border border-slate-200 bg-slate-50 p-5">
                <div class="flex items-start gap-3">
                  <div class="mt-0.5 flex h-10 w-10 items-center justify-center rounded-xl bg-[color:#002B5E]/10 text-[color:#002B5E] ring-1 ring-[color:#002B5E]/15">
                    <i class="fa-solid fa-arrows-rotate"></i>
                  </div>
                  <div>
                    <div class="text-sm font-semibold text-slate-900">统一格式</div>
                    <p class="mt-1 text-sm text-slate-700">尽量用一致的日期与时区呈现方式，减少误读。</p>
                  </div>
                </div>
              </div>
              <div class="rounded-2xl border border-slate-200 bg-slate-50 p-5">
                <div class="flex items-start gap-3">
                  <div class="mt-0.5 flex h-10 w-10 items-center justify-center rounded-xl bg-[color:#E31837]/10 text-[color:#E31837] ring-1 ring-[color:#E31837]/15">
                    <i class="fa-solid fa-magnifying-glass"></i>
                  </div>
                  <div>
                    <div class="text-sm font-semibold text-slate-900">更快检索</div>
                    <p class="mt-1 text-sm text-slate-700">从“阶段 / 轮次 / 日期”三条路径定位同一信息。</p>
                  </div>
                </div>
              </div>
              <div class="rounded-2xl border border-slate-200 bg-slate-50 p-5">
                <div class="flex items-start gap-3">
                  <div class="mt-0.5 flex h-10 w-10 items-center justify-center rounded-xl bg-[color:#D4AF37]/15 text-[color:#8a6b10] ring-1 ring-[color:#D4AF37]/25">
                    <i class="fa-solid fa-star"></i>
                  </div>
                  <div>
                    <div class="text-sm font-semibold text-slate-900">重点节点</div>
                    <p class="mt-1 text-sm text-slate-700">淘汰赛阶段更强调关键比赛日，便于提前安排。</p>
                  </div>
                </div>
              </div>
              <div class="rounded-2xl border border-slate-200 bg-slate-50 p-5">
                <div class="flex items-start gap-3">
                  <div class="mt-0.5 flex h-10 w-10 items-center justify-center rounded-xl bg-slate-200 text-slate-700 ring-1 ring-slate-300">
                    <i class="fa-solid fa-circle-question"></i>
                  </div>
                  <div>
                    <div class="text-sm font-semibold text-slate-900">需要帮助？</div>
                    <p class="mt-1 text-sm text-slate-700">查看“关于我们与时区说明”，了解使用方式与说明。</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="mt-7 flex flex-col gap-3 sm:flex-row sm:items-center">
              <a
                class="inline-flex items-center justify-center gap-2 rounded-xl bg-[color:#002B5E] px-5 py-3 text-sm font-semibold text-white shadow-sm transition hover:bg-[color:#001f44] focus:outline-none focus:ring-2 focus:ring-[color:#002B5E]/30"
                href="calendar.html"
              >
                <i class="fa-solid fa-calendar-days"></i>
                <span>去日历页按天查看</span>
              </a>
              <a
                class="inline-flex items-center justify-center gap-2 rounded-xl border border-slate-200 bg-white px-5 py-3 text-sm font-semibold text-slate-700 transition hover:border-[color:#002B5E] hover:text-[color:#002B5E]"
                href="about.html"
              >
                <i class="fa-solid fa-circle-info"></i>
                <span>时区与使用说明</span>
              </a>
            </div>
            <div class="mt-8 rounded-2xl border border-slate-200 bg-white p-5">
              <div class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
                <div>
                  <div class="text-sm font-semibold text-slate-900">联系与反馈（仅此处展示）</div>
                  <p class="mt-1 text-sm text-slate-600">
                    若你发现页面时间显示或链接跳转存在问题，欢迎反馈，我们会尽快核对与优化。
                  </p>
                </div>
                <div class="text-sm text-slate-700">
                  <div class="flex flex-wrap items-center gap-3">
                    <a class="inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1.5 font-semibold transition hover:border-[color:#002B5E] hover:text-[color:#002B5E]" href="mailto:contact@zh-us-sjb26schedule.com">
                      <i class="fa-regular fa-envelope"></i>
                      <span>contact@zh-us-sjb26schedule.com</span>
                    </a>
                    <a class="inline-flex items-center gap-2 rounded-full border border-slate-200 bg-white px-3 py-1.5 font-semibold transition hover:border-[color:#002B5E] hover:text-[color:#002B5E]" href="tel:+1-800-555-0199">
                      <i class="fa-solid fa-phone"></i>
                      <span>+1-800-555-0199</span>
                    </a>
                  </div>
                </div>
              </div>
              <div class="mt-3 text-sm text-slate-600">
                <span class="inline-flex items-center gap-2 rounded-full bg-slate-50 px-3 py-1 ring-1 ring-slate-200">
                  <i class="fa-solid fa-location-dot text-slate-500"></i>
                  <span>123 Sports Blvd, Los Angeles, CA 90015, USA</span>
                </span>
                <span class="ml-2 inline-flex items-center gap-2 rounded-full bg-slate-50 px-3 py-1 ring-1 ring-slate-200">
                  <i class="fa-regular fa-clock text-slate-500"></i>
                  <span>Mon-Fri 09:00-18:00 PST</span>
                </span>
              </div>
            </div>
          </div>
        </div>
        <div class="lg:col-span-5">
          <div class="h-full bg-slate-950">
            <div class="relative h-full">
              <img
                src="assets/img/2026-03-09/69ae60e01efea.webp"
                alt="赛程与体育赛事氛围图"
                class="h-full w-full object-cover opacity-90"
                loading="lazy"
              >
              <div class="absolute inset-0 bg-gradient-to-t from-slate-950/90 via-slate-950/50 to-slate-950/10"></div>
              <div class="absolute inset-x-0 bottom-0 p-8 sm:p-10 text-white">
                <h3 class="text-xl font-semibold">把赛程变成可执行的观赛计划</h3>
                <p class="mt-2 text-sm leading-relaxed text-white/85">
                  你可以从今天开始：先用日历锁定想看的比赛日，再按阶段深入查看对阵与节奏安排。
                </p>
                <div class="mt-5 flex flex-wrap gap-2">
                  <a class="inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1.5 text-sm font-semibold ring-1 ring-white/15 transition hover:bg-white/15" href="calendar.html">
                    <i class="fa-solid fa-calendar-days text-[color:#D4AF37]"></i>
                    <span>按日期浏览</span>
                  </a>
                  <a class="inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1.5 text-sm font-semibold ring-1 ring-white/15 transition hover:bg-white/15" href="group-stage.html">
                    <i class="fa-solid fa-people-group text-[color:#D4AF37]"></i>
                    <span>小组赛</span>
                  </a>
                  <a class="inline-flex items-center gap-2 rounded-full bg-white/10 px-3 py-1.5 text-sm font-semibold ring-1 ring-white/15 transition hover:bg-white/15" href="knockout-stage.html">
                    <i class="fa-solid fa-trophy text-[color:#D4AF37]"></i>
                    <span>淘汰赛</span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
  </main>
  <footer class="w-full bg-slate-950 text-slate-200">
    <div class="mx-auto max-w-screen-2xl px-4 sm:px-6 lg:px-8">
      <div class="grid gap-10 py-12 lg:grid-cols-12">
        <div class="lg:col-span-5">
          <a href="index.html" class="inline-flex items-center gap-2 rounded-xl focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950" style="--tw-ring-color:#D4AF37;">
            <span class="inline-flex h-10 w-10 items-center justify-center rounded-xl text-white shadow-sm" style="background-color:#002B5E;">
              <span class="text-sm font-semibold tracking-wide">26</span>
            </span>
            <span class="text-base font-semibold tracking-tight text-white">
              2026世界杯美国时区赛程网            </span>
          </a>
          <p class="mt-4 max-w-prose text-sm leading-6 text-slate-300">
            为北美华语球迷提供更清晰的比赛时间参考：聚合赛程信息，并以美国各时区习惯展示关键开球时间。          </p>
          <div class="mt-5 flex flex-wrap items-center gap-2">
            <a href="/wechat-qr" class="inline-flex items-center rounded-xl bg-white/5 px-3 py-2 text-sm font-medium text-slate-200 ring-1 ring-white/10 transition hover:bg-white/10">
              WeChat            </a>
            <a href="https://weibo.com/sjb26schedule" class="inline-flex items-center rounded-xl bg-white/5 px-3 py-2 text-sm font-medium text-slate-200 ring-1 ring-white/10 transition hover:bg-white/10">
              Weibo            </a>
            <a href="https://xiaohongshu.com/user/profile/sjb26schedule" class="inline-flex items-center rounded-xl bg-white/5 px-3 py-2 text-sm font-medium text-slate-200 ring-1 ring-white/10 transition hover:bg-white/10">
              XiaoHongShu            </a>
          </div>
        </div>
        <div class="lg:col-span-3">
          <h2 class="text-sm font-semibold tracking-wide text-white">
            导航          </h2>
                                <ul class="mt-4 space-y-2 text-sm">
                                                <li>
                    <a href="index.html" class="inline-flex text-slate-300 transition hover:text-white">
                      首页                    </a>
                  </li>
                                                                <li>
                    <a href="group-stage.html" class="inline-flex text-slate-300 transition hover:text-white">
                      小组赛赛程                    </a>
                  </li>
                                                                <li>
                    <a href="knockout-stage.html" class="inline-flex text-slate-300 transition hover:text-white">
                      淘汰赛赛程                    </a>
                  </li>
                                                                <li>
                    <a href="calendar.html" class="inline-flex text-slate-300 transition hover:text-white">
                      赛程日历                    </a>
                  </li>
                                                                <li>
                    <a href="about.html" class="inline-flex text-slate-300 transition hover:text-white">
                      关于我们                    </a>
                  </li>
                                          </ul>
                  </div>
        <div class="lg:col-span-4">
          <h2 class="text-sm font-semibold tracking-wide text-white">
            合作与支持          </h2>
                                <div class="mt-4 rounded-2xl bg-white/5 p-4 ring-1 ring-white/10">
              <div class="text-xs text-slate-300">
                合作伙伴              </div>
              <ul class="mt-3 space-y-2 text-sm">
                                                      <li>
                      <a href="https://hk-wc-officialweb.com" class="inline-flex text-slate-200 transition hover:text-white">
                        hk-wc-officialweb.com                      </a>
                    </li>
                                                                        <li>
                      <a href="https://zh-milan-platform.com" class="inline-flex text-slate-200 transition hover:text-white">
                        zh-milan-platform.com                      </a>
                    </li>
                                                                        <li>
                      <a href="https://china-hthinstall.com" class="inline-flex text-slate-200 transition hover:text-white">
                        china-hthinstall.com                      </a>
                    </li>
                                                                        <li>
                      <a href="https://zh-jixiangplatform.com" class="inline-flex text-slate-200 transition hover:text-white">
                        zh-jixiangplatform.com                      </a>
                    </li>
                                                                        <li>
                      <a href="https://site-wc2026.com" class="inline-flex text-slate-200 transition hover:text-white">
                        site-wc2026.com                      </a>
                    </li>
                                                </ul>
            </div>
          <div class="mt-4 rounded-2xl bg-white/5 p-4 ring-1 ring-white/10">
            <div class="text-xs text-slate-300">
              联系            </div>
            <ul class="mt-3 space-y-2 text-sm text-slate-200">
              <li class="flex flex-wrap gap-x-2">
                <span class="text-slate-300">邮箱：</span>
                <a href="mailto:contact@zh-us-sjb26schedule.com" class="text-slate-200 hover:text-white">contact@zh-us-sjb26schedule.com</a>
              </li>
              <li class="flex flex-wrap gap-x-2">
                <span class="text-slate-300">电话：</span>
                <a href="tel:+18005550199" class="text-slate-200 hover:text-white">+1-800-555-0199</a>
              </li>
              <li class="text-slate-300">
                工作时间：Mon–Fri 09:00–18:00 PST              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="flex flex-col gap-4 border-t border-white/10 py-8 md:flex-row md:items-center md:justify-between">
        <div class="text-xs text-slate-400">
          <span>© 2026 SJB26 Schedule Media LLC</span>
          <span class="mx-2 text-slate-600">•</span>
          <span>All rights reserved.</span>
        </div>
        <div class="flex flex-wrap items-center gap-3 text-xs">
          <a href="about.html" class="text-slate-400 transition hover:text-white">
            关于我们          </a>
          <a rel="nofollow" href="go@url=official.html" class="inline-flex items-center rounded-xl px-3 py-2 font-semibold text-white shadow-sm transition focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950" style="background-color:#002B5E; --tw-ring-color:#D4AF37;">
            官方入口          </a>
        </div>
      </div>
    </div>
  </footer>
    <script defer>
    document.addEventListener('alpine:init', () => {
      if (window.collapse) Alpine.plugin(window.collapse)
    })
  </script>
<script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; }
        else { bp.src = 'https://push.zhanzhang.baidu.com/push.js'; }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script>
	(function(){
		var canonicalURL, curProtocol;
		var x=document.getElementsByTagName("link");
		if(x.length > 0){
			for (i=0;i<x.length;i++){
				if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){ canonicalURL=x[i].href; }
			}
		}
	    if (!canonicalURL){ curProtocol = window.location.protocol.split(':')[0]; }
	    else{ curProtocol = canonicalURL.split(':')[0]; }
	    if (!canonicalURL) canonicalURL = window.location.href;
    	!function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;
        if(!e.test(r)){
            var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";
            t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);
            var i=new Image;i.src=n
        }}(window);})();
</script></body>
</html>