score108

<meta charset="utf-8">
<title>score108 — รีวิวดีไซน์รวมทุกหน้า (Phase 2)</title>
<style>
:root{--bg:#F5F6F8;--surface:#FFFFFF;--line:#E4E7EC;--ink:#1B2740;--muted:#66718A;--brand:#E14B2A;--band:#E3E8F1}
@media (prefers-color-scheme: dark){:root{--bg:#0F141E;--surface:#171E2B;--line:#27303F;--ink:#F2F5FA;--muted:#8B96A8;--brand:#F26A47;--band:#1F2938}}
:root[data-theme="dark"]{--bg:#0F141E;--surface:#171E2B;--line:#27303F;--ink:#F2F5FA;--muted:#8B96A8;--brand:#F26A47;--band:#1F2938}
:root[data-theme="light"]{--bg:#F5F6F8;--surface:#FFFFFF;--line:#E4E7EC;--ink:#1B2740;--muted:#66718A;--brand:#E14B2A;--band:#E3E8F1}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);height:100dvh;display:flex;flex-direction:column;
  font:13px/1.4 "Anuphan","IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai","Thonburi","Leelawadee UI",Roboto,sans-serif}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
header{flex:none;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:8px 12px;flex-wrap:wrap}
.logo{font-weight:800;font-size:16px;letter-spacing:-.4px;white-space:nowrap}
.logo b{background:var(--brand);color:#fff;border-radius:5px;padding:1px 6px 2px;margin-left:2px;font-size:13.5px}
.logo span{color:var(--muted);font-weight:500;font-size:11.5px;margin-left:8px}
.pills{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:200px}
.pills::-webkit-scrollbar{display:none}
.pill{flex:none;border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap}
.pill:hover{color:var(--ink)}
.pill.on{background:var(--ink);border-color:var(--ink);color:var(--surface);font-weight:700}
:root[data-theme="dark"] .pill.on{color:#0F141E}
.tools{display:flex;align-items:center;gap:8px;margin-left:auto}
.status{font-size:11.5px;color:var(--muted);white-space:nowrap}
.wbtns{display:none;gap:2px;background:var(--band);border-radius:999px;padding:2px}
.wbtns button{border-radius:999px;padding:3px 12px;font-size:11.5px;color:var(--muted)}
.wbtns button.on{background:var(--surface);color:var(--ink);font-weight:700}
.ext{font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap}
.ext:hover{color:var(--ink);border-color:var(--ink)}
main{flex:1;min-height:0;display:flex;justify-content:center}
iframe{border:0;width:100%;height:100%;display:none}
main.narrow iframe.on{max-width:390px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
iframe.on{display:block}
@media (min-width:700px){.wbtns{display:flex}}
</style>

<header>
  <div class="logo">SCORE<b>108</b><span>รีวิวดีไซน์ Phase 2</span></div>
  <nav class="pills">
    <button class="pill on" data-p="home">🏠 หน้าแรก บอลสด</button>
    <button class="pill" data-p="match">🆚 match detail</button>
    <button class="pill" data-p="comp">🏆 competition</button>
    <button class="pill" data-p="team">🛡️ team</button>
    <button class="pill" data-p="player">👕 player</button>
    <button class="pill" data-p="rank">📊 ranking</button>
    <button class="pill" data-p="stand">📋 standings</button>
    <button class="pill" data-p="about">ℹ️ about (trust)</button>
    <button class="pill" data-p="embed">⚡ embed widget</button>
  </nav>
  <div class="tools">
    <span class="status" id="status"></span>
    <div class="wbtns"><button class="on" data-w="full">เต็มจอ</button><button data-w="mobile">มือถือ 390</button></div>
    <a class="ext" id="ext" href="#" target="_blank" rel="noopener">เปิดแยก ↗</a>
  </div>
</header>

<main id="main">
  <iframe id="f-home" title="🏠 หน้าแรก บอลสด" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>score108 — ผลบอลสด (prototype)&lt;/title>

&lt;!-- ===== JSON-LD (SEO/AEO/Entity — feature-spec §1.12) : WebSite + Organization+sameAs ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;WebSite&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#website&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;inLanguage&quot;:[&quot;th&quot;,&quot;en&quot;,&quot;zh&quot;,&quot;ja&quot;,&quot;ru&quot;,&quot;es&quot;],
  &quot;potentialAction&quot;:{&quot;@type&quot;:&quot;SearchAction&quot;,&quot;target&quot;:{&quot;@type&quot;:&quot;EntryPoint&quot;,&quot;urlTemplate&quot;:&quot;https://www.score108.com/search?q={query}&quot;},&quot;query-input&quot;:&quot;required name=query&quot;},
  &quot;publisher&quot;:{&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;}},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (ดู design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,
       &quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif;
  padding-bottom:64px;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.hscroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hscroll::-webkit-scrollbar{display:none}
.num{font-variant-numeric:tabular-nums}

/* ========= PROTO RIBBON ========= */
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;gap:2px;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;font-weight:800;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.mainnav a.on{color:var(--ink);font-weight:700;background:var(--bg)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}
.langbtn{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}
.langbtn:hover{color:var(--ink);border-color:var(--ink)}
.langwrap{position:relative}
.langmenu{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px rgba(27,39,64,.14);padding:5px;min-width:180px}
:root[data-theme=&quot;dark&quot;] .langmenu{box-shadow:0 8px 24px rgba(0,0,0,.5)}
.langmenu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--text);text-align:left}
.langmenu button:hover{background:var(--bg);color:var(--ink)}
.langmenu button.on{font-weight:700;color:var(--ink);background:var(--bg)}
.langmenu button .pre{margin-left:auto;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.langmenu button .ck{margin-left:auto;color:var(--brand)}
.langmenu button.on .pre{display:none}

/* ========= SPORT TABS ========= */
.sportbar{background:var(--surface);border-bottom:1px solid var(--line)}
.sportbar-in{max-width:1200px;margin:0 auto;display:flex;gap:4px;padding:0 8px;white-space:nowrap}
.sport{display:flex;align-items:center;gap:6px;padding:10px 12px 8px;font-size:13px;font-weight:500;color:var(--muted);border-bottom:2px solid transparent}
.sport.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.sport:hover{color:var(--ink)}

/* ========= SHELL ========= */
.shell{max-width:1200px;margin:12px auto 0;padding:0 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rail{display:none}

/* ========= LEFT RAIL ========= */
.rail-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px 0;margin-bottom:12px}
.rail-t{font-size:12px;font-weight:700;color:var(--muted);padding:8px 14px 4px}
.rail-card a{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:13px;border-left:2px solid transparent}
.rail-card a:hover{background:var(--bg)}
.rail-card a.on{font-weight:700;color:var(--ink);border-left-color:var(--brand);background:var(--bg)}
.rail-card a.more{color:var(--muted);font-size:12px}

/* ========= PAGE HEAD / DATE / FILTERS ========= */
.page-head{padding:2px 4px 10px}
.page-head h1{margin:0;font-size:18px;color:var(--ink);font-weight:700;text-wrap:balance}
.page-head p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}
.datebar{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px;margin-bottom:8px}
.datebar .d{flex:1;text-align:center;padding:6px 2px;border-radius:8px;font-size:12.5px;color:var(--muted)}
.datebar .d b{display:block;font-size:13px;font-weight:600;color:var(--text)}
.datebar .d.on{background:var(--ink);color:#fff}
.datebar .d.on b,:root[data-theme=&quot;dark&quot;] .datebar .d.on b{color:#fff}
.datebar .d.on{font-weight:700}
.datebar .d:hover:not(.on){background:var(--bg)}
.datebar .cal{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line);color:var(--muted)}
:root[data-theme=&quot;dark&quot;] .datebar .d.on{background:#E8EDF6;color:#1B2740}
:root[data-theme=&quot;dark&quot;] .datebar .d.on b{color:#1B2740}
.filters{display:flex;gap:6px;padding:0 2px 10px}
.pill{flex:none;display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:500;color:var(--muted)}
.pill:hover{color:var(--ink)}
.pill.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.pill .livedot{width:7px;height:7px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}
.pill em{font-style:normal;font-weight:700}

/* ========= LEAGUE GROUP ========= */
.league{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.lg-h{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--band)}
.lg-h .fl{font-size:16px;width:22px;text-align:center}
.lg-h b{font-size:13px;color:var(--ink)}
.lg-h span{font-size:11.5px;color:var(--muted)}
.lg-h .fav{margin-left:auto}

/* ========= MATCH ROW ========= */
.match{display:grid;grid-template-columns:46px minmax(0,1fr) auto 34px;grid-template-areas:&quot;st home sc fav&quot; &quot;st away sc fav&quot;;align-items:center;row-gap:3px;padding:8px 6px 8px 0;min-height:52px;border-top:1px solid var(--line)}
.match:first-of-type{border-top:0}
.match:hover{background:var(--bg)}
.st{grid-area:st;text-align:center;font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px}
.live .st b{color:var(--brand);font-weight:700;font-size:12px}
.live .st i{width:5px;height:5px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}
.tm{display:flex;align-items:center;gap:8px;font-size:13.5px;min-width:0}
.tm.home{grid-area:home}.tm.away{grid-area:away}
.tm .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm.w .nm{font-weight:700;color:var(--ink)}
.ft .tm:not(.w) .nm{color:var(--muted)}
.bd{flex:none;width:20px;height:20px;border-radius:50%;background:var(--bd-bg);color:var(--bd-tx);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bd.flag{background:none;font-size:17px}
.sc{grid-area:sc;display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0 10px;font-size:14px}
.sc b{font-weight:600;color:var(--text);min-width:14px;text-align:center;border-radius:4px;padding:0 3px}
.sc b.w{font-weight:800;color:var(--ink)}
.live .sc b{color:var(--brand);font-weight:800}
.pre .sc{align-items:center;justify-content:center}
.pre .sc b{color:var(--muted);font-weight:400}
.fav{grid-area:fav;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted);border-radius:50%}
.fav:hover{background:var(--brand-soft);color:var(--brand-deep)}
.fav.on{color:var(--gold)}
.goal-flash{animation:goalflash 1.6s ease-out 2.2s 1}

/* ========= WIDGETS (right rail) ========= */
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:12px;overflow:hidden}
.card-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted)}
.card-h span{font-weight:500;font-size:11px}
.wrow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 14px;font-size:13px}
.wrow:hover{background:var(--bg)}
.wrow .rk{color:var(--muted);font-size:12px;text-align:center}
.wrow .gl{font-weight:800;color:var(--ink)}
.mini{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.mini .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .s{font-weight:800;color:var(--brand)}
.mini .tv{color:var(--muted);font-size:11.5px}
.sp-card{background:#1B2740;color:#E9EDF5;border-radius:10px;padding:16px;margin-bottom:12px}
.sp-card .sp-logo{font-weight:800;letter-spacing:.04em;font-size:14px;color:#fff}
.sp-card .sp-logo i{color:#F26A47;font-style:normal}
.sp-card p{margin:6px 0 10px;font-size:12.5px;color:#B9C3D6;line-height:1.55}
.sp-card a{display:inline-block;background:#F26A47;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px}

/* ========= SEO BLOCK / FOOTER ========= */
.seo{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:16px;margin:16px 0 8px}
.seo h2{margin:0 0 6px;font-size:15px;color:var(--ink)}
.seo p{margin:0 0 8px;font-size:13px;color:var(--muted);max-width:65ch}
.seo .links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.seo .links a{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--text)}
.seo .links a:hover{border-color:var(--ink);color:var(--ink)}
footer{max-width:1200px;margin:20px auto 0;padding:20px 16px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
footer .cols{display:flex;flex-wrap:wrap;gap:28px;margin-bottom:14px}
footer b{display:block;color:var(--text);margin-bottom:6px;font-size:12.5px}
footer a{display:block;padding:2px 0}
footer a:hover{color:var(--ink)}
footer .base{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px}

/* ========= BOTTOM NAV (mobile) ========= */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottomnav a.on{color:var(--brand-deep);font-weight:700}

/* ========= MOTION ========= */
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes goalflash{from{background:var(--gold)}to{background:transparent}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}

/* ========= DESKTOP ========= */
@media (min-width:760px){
  body{padding-bottom:0;font-size:14px}
  .bottomnav{display:none}
  .mainnav{display:flex}
  .page-head h1{font-size:22px}
  .datebar .d{flex:none;padding:6px 18px}
}
@media (min-width:900px){
  .match{grid-template-columns:52px minmax(0,1fr) 96px minmax(0,1fr) 40px;grid-template-areas:&quot;st home sc away fav&quot;;min-height:38px;padding:5px 6px 5px 0;row-gap:0}
  .tm.home{justify-content:flex-end;text-align:right}
  .tm.home .bd{order:2}
  .sc{flex-direction:row;align-items:center;justify-content:center;gap:14px;position:relative}
  .sc::before{content:&quot;&quot;;position:absolute;left:50%;top:50%;width:6px;height:1.5px;background:var(--muted);transform:translate(-50%,-50%);opacity:.55}
  .pre .sc::before{display:none}
}
@media (min-width:1100px){
  .shell{grid-template-columns:220px minmax(0,1fr) 300px}
  .rail{display:block}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 2 · live-home · &lt;b>+ ตัวสลับภาษา 6 ภาษา (TH/EN/ZH/JA/RU/ES)&lt;/b> — กดปุ่มภาษาบนขวาแล้ว UI chrome เปลี่ยนจริง · ข้อมูลตัวอย่าง · default = Light + TH&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a class=&quot;on&quot; href=&quot;#&quot; data-i18n=&quot;nav_live&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot; data-i18n=&quot;nav_fixtures&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot; data-i18n=&quot;nav_results&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a href=&quot;#&quot; data-i18n=&quot;nav_standings&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot; data-i18n=&quot;nav_news&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหาทีม/ลีก&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
      &lt;div class=&quot;langwrap&quot;>
        &lt;button class=&quot;langbtn&quot; id=&quot;langBtn&quot; aria-haspopup=&quot;true&quot; aria-expanded=&quot;false&quot;>🇹🇭 &lt;span id=&quot;langCur&quot;>ไทย&lt;/span> ▾&lt;/button>
        &lt;div class=&quot;langmenu&quot; id=&quot;langMenu&quot; role=&quot;menu&quot; hidden>&lt;/div>
      &lt;/div>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;nav class=&quot;sportbar hscroll&quot;>
  &lt;div class=&quot;sportbar-in&quot;>
    &lt;a class=&quot;sport on&quot; href=&quot;#&quot;>⚽ &lt;span data-i18n=&quot;sport_football&quot;>ฟุตบอล&lt;/span>&lt;/a>
    &lt;a class=&quot;sport&quot; href=&quot;#&quot;>🏀 &lt;span data-i18n=&quot;sport_basketball&quot;>บาสเกตบอล&lt;/span>&lt;/a>
    &lt;a class=&quot;sport&quot; href=&quot;#&quot;>🎾 &lt;span data-i18n=&quot;sport_tennis&quot;>เทนนิส&lt;/span>&lt;/a>
    &lt;a class=&quot;sport&quot; href=&quot;#&quot;>🏐 &lt;span data-i18n=&quot;sport_volleyball&quot;>วอลเลย์บอล&lt;/span>&lt;/a>
    &lt;a class=&quot;sport&quot; href=&quot;#&quot;>🥊 &lt;span data-i18n=&quot;sport_boxing&quot;>มวย&lt;/span>&lt;/a>
  &lt;/div>
&lt;/nav>

&lt;div class=&quot;shell&quot;>

  &lt;!-- ซ้าย: ลีกยอดนิยม (desktop) -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;rail-card&quot;>
      &lt;div class=&quot;rail-t&quot; data-i18n=&quot;rail_popular&quot;>ลีกยอดนิยม&lt;/div>
      &lt;a class=&quot;on&quot; href=&quot;#&quot;>🏆 ฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>🇹🇭 ไทยลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 พรีเมียร์ลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇪🇸 ลาลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇩🇪 บุนเดสลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇮🇹 กัลโช่ เซเรีย อา&lt;/a>
      &lt;a href=&quot;#&quot;>🇯🇵 เจลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇰🇷 เคลีก 1&lt;/a>
      &lt;a href=&quot;#&quot;>🇺🇸 เมเจอร์ลีก ซอคเกอร์&lt;/a>
      &lt;a href=&quot;#&quot;>⭐ ยูฟ่า แชมเปียนส์ลีก&lt;/a>
      &lt;a class=&quot;more&quot; href=&quot;#&quot; data-i18n=&quot;rail_allcountries&quot;>ประเทศทั้งหมด ▾&lt;/a>
    &lt;/div>
  &lt;/aside>

  &lt;!-- กลาง: list แมตช์ -->
  &lt;section>
    &lt;div class=&quot;page-head&quot;>
      &lt;h1>ผลบอลสดวันนี้ — จันทร์ที่ 6 กรกฎาคม 2569&lt;/h1>
      &lt;p data-i18n=&quot;sub_realtime&quot;>อัปเดตเรียลไทม์ทุกลีกทั่วโลก ไม่ต้องรีเฟรชหน้า&lt;/p>
    &lt;/div>

    &lt;div class=&quot;datebar num&quot;>
      &lt;button class=&quot;d&quot;>ส.&lt;b>4 ก.ค.&lt;/b>&lt;/button>
      &lt;button class=&quot;d&quot;>อา.&lt;b>5 ก.ค.&lt;/b>&lt;/button>
      &lt;button class=&quot;d on&quot;>วันนี้&lt;b>6 ก.ค.&lt;/b>&lt;/button>
      &lt;button class=&quot;d&quot;>อ.&lt;b>7 ก.ค.&lt;/b>&lt;/button>
      &lt;button class=&quot;d&quot;>พ.&lt;b>8 ก.ค.&lt;/b>&lt;/button>
      &lt;button class=&quot;cal&quot; title=&quot;เลือกวันที่&quot;>📅&lt;/button>
    &lt;/div>

    &lt;div class=&quot;filters hscroll&quot;>
      &lt;button class=&quot;pill on&quot;>ทั้งหมด &lt;em>14&lt;/em>&lt;/button>
      &lt;button class=&quot;pill&quot;>&lt;i class=&quot;livedot&quot;>&lt;/i> สด &lt;em>3&lt;/em>&lt;/button>
      &lt;button class=&quot;pill&quot;>จบแล้ว&lt;/button>
      &lt;button class=&quot;pill&quot;>ยังไม่เริ่ม&lt;/button>
      &lt;button class=&quot;pill&quot;>⭐ ทีมโปรด&lt;/button>
    &lt;/div>

    &lt;!-- ฟุตบอลโลก 2026 -->
    &lt;section class=&quot;league&quot;>
      &lt;header class=&quot;lg-h&quot;>
        &lt;span class=&quot;fl&quot;>🏆&lt;/span>
        &lt;div>&lt;b>ฟุตบอลโลก 2026&lt;/b> · &lt;span>รอบ 16 ทีม · สหรัฐฯ–แคนาดา–เม็กซิโก&lt;/span>&lt;/div>
        &lt;button class=&quot;fav&quot; title=&quot;ปักหมุดลีก&quot;>☆&lt;/button>
      &lt;/header>
      &lt;a class=&quot;match live&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st num&quot;>&lt;b>67'&lt;/b>&lt;i>&lt;/i>&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇩🇪&lt;/i>&lt;span class=&quot;nm&quot;>เยอรมนี&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w goal-flash&quot;>2&lt;/b>&lt;b>1&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot; title=&quot;ติดตามแมตช์&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match live&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st num&quot;>&lt;b>23'&lt;/b>&lt;i>&lt;/i>&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇪🇸&lt;/i>&lt;span class=&quot;nm&quot;>สเปน&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇺🇾&lt;/i>&lt;span class=&quot;nm&quot;>อุรุกวัย&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>1&lt;/b>&lt;b>0&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st&quot;>จบ&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇦🇷&lt;/i>&lt;span class=&quot;nm&quot;>อาร์เจนตินา&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇩🇰&lt;/i>&lt;span class=&quot;nm&quot;>เดนมาร์ก&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>3&lt;/b>&lt;b>1&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st&quot;>จบ&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇫🇷&lt;/i>&lt;span class=&quot;nm&quot;>ฝรั่งเศส&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇳🇬&lt;/i>&lt;span class=&quot;nm&quot;>ไนจีเรีย&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>0&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st num&quot;>22:00&lt;/span>
        &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿&lt;/i>&lt;span class=&quot;nm&quot;>อังกฤษ&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇲🇽&lt;/i>&lt;span class=&quot;nm&quot;>เม็กซิโก&lt;/span>&lt;/span>
        &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st num&quot;>02:00&lt;/span>
        &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇵🇹&lt;/i>&lt;span class=&quot;nm&quot;>โปรตุเกส&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇯🇵&lt;/i>&lt;span class=&quot;nm&quot;>ญี่ปุ่น&lt;/span>&lt;/span>
        &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
    &lt;/section>

    &lt;!-- ไทย กระชับมิตร -->
    &lt;section class=&quot;league&quot;>
      &lt;header class=&quot;lg-h&quot;>
        &lt;span class=&quot;fl&quot;>🇹🇭&lt;/span>
        &lt;div>&lt;b>กระชับมิตรสโมสร&lt;/b> · &lt;span>ไทย · ปรีซีซั่น&lt;/span>&lt;/div>
        &lt;button class=&quot;fav&quot; title=&quot;ปักหมุดลีก&quot;>☆&lt;/button>
      &lt;/header>
      &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st&quot;>จบ&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd&quot;>บุ&lt;/i>&lt;span class=&quot;nm&quot;>บุรีรัมย์ ยูไนเต็ด&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>ท&lt;/i>&lt;span class=&quot;nm&quot;>การท่าเรือ&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>1&lt;/b>&lt;/span>
        &lt;button class=&quot;fav on&quot; title=&quot;เลิกติดตาม&quot;>★&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st num&quot;>19:00&lt;/span>
        &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd&quot;>แบ&lt;/i>&lt;span class=&quot;nm&quot;>ทรู แบงค็อก ยูไนเต็ด&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>ปท&lt;/i>&lt;span class=&quot;nm&quot;>บีจี ปทุม ยูไนเต็ด&lt;/span>&lt;/span>
        &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
    &lt;/section>

    &lt;!-- เคลีก -->
    &lt;section class=&quot;league&quot;>
      &lt;header class=&quot;lg-h&quot;>
        &lt;span class=&quot;fl&quot;>🇰🇷&lt;/span>
        &lt;div>&lt;b>เคลีก 1&lt;/b> · &lt;span>เกาหลีใต้ · นัดที่ 21&lt;/span>&lt;/div>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/header>
      &lt;a class=&quot;match live&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st num&quot;>&lt;b>81'&lt;/b>&lt;i>&lt;/i>&lt;/span>
        &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd&quot;>ชบ&lt;/i>&lt;span class=&quot;nm&quot;>ชอนบุก มอเตอร์ส&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>ปฮ&lt;/i>&lt;span class=&quot;nm&quot;>โปฮัง สตีลเลอร์ส&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b>0&lt;/b>&lt;b>0&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st&quot;>จบ&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd&quot;>อซ&lt;/i>&lt;span class=&quot;nm&quot;>อุลซาน เอชดี&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>ซล&lt;/i>&lt;span class=&quot;nm&quot;>เอฟซี โซล&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>3&lt;/b>&lt;b>1&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
    &lt;/section>

    &lt;!-- เจลีก -->
    &lt;section class=&quot;league&quot;>
      &lt;header class=&quot;lg-h&quot;>
        &lt;span class=&quot;fl&quot;>🇯🇵&lt;/span>
        &lt;div>&lt;b>เจ1 ลีก&lt;/b> · &lt;span>ญี่ปุ่น · นัดที่ 23&lt;/span>&lt;/div>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/header>
      &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st&quot;>จบ&lt;/span>
        &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd&quot;>คว&lt;/i>&lt;span class=&quot;nm&quot;>คาวาซากิ ฟรอนตาเล่&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>ซโ&lt;/i>&lt;span class=&quot;nm&quot;>เซเรโซ โอซาก้า&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b>2&lt;/b>&lt;b>2&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st&quot;>จบ&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd&quot;>วโ&lt;/i>&lt;span class=&quot;nm&quot;>วิสเซล โกเบ&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>อร&lt;/i>&lt;span class=&quot;nm&quot;>อุราวะ เร้ด ไดมอนส์&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>1&lt;/b>&lt;b>0&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
    &lt;/section>

    &lt;!-- MLS -->
    &lt;section class=&quot;league&quot;>
      &lt;header class=&quot;lg-h&quot;>
        &lt;span class=&quot;fl&quot;>🇺🇸&lt;/span>
        &lt;div>&lt;b>เมเจอร์ลีก ซอคเกอร์&lt;/b> · &lt;span>สหรัฐฯ&lt;/span>&lt;/div>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/header>
      &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st&quot;>จบ&lt;/span>
        &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd&quot;>ไม&lt;/i>&lt;span class=&quot;nm&quot;>อินเตอร์ ไมอามี่&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>แอ&lt;/i>&lt;span class=&quot;nm&quot;>แอลเอ กาแลคซี่&lt;/span>&lt;/span>
        &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>3&lt;/b>&lt;b>2&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
      &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
        &lt;span class=&quot;st num&quot;>06:30&lt;/span>
        &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd&quot;>แอต&lt;/i>&lt;span class=&quot;nm&quot;>แอตแลนตา ยูไนเต็ด&lt;/span>&lt;/span>
        &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd&quot;>ออ&lt;/i>&lt;span class=&quot;nm&quot;>ออร์แลนโด ซิตี้&lt;/span>&lt;/span>
        &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
        &lt;button class=&quot;fav&quot;>☆&lt;/button>
      &lt;/a>
    &lt;/section>

    &lt;!-- SEO / AEO block -->
    &lt;section class=&quot;seo&quot;>
      &lt;h2>ผลบอลสด score108 — เร็ว ครบ ทุกลีกทั่วโลก&lt;/h2>
      &lt;p>ติดตามผลบอลสดวันนี้แบบเรียลไทม์ ครอบคลุมฟุตบอลโลก 2026, ไทยลีก, พรีเมียร์ลีก, ลาลีกา และลีกทั่วโลกกว่า 1,000 รายการ พร้อมสถิติ รายชื่อผู้เล่น และตารางคะแนนอัปเดตทันทีที่จบเกม&lt;/p>
      &lt;p>สกอร์เปลี่ยนถึงหน้าจอภายในไม่กี่วินาที ไม่ต้องกดรีเฟรช ใช้ได้ทั้งมือถือและคอมพิวเตอร์ ฟรีทุกฟีเจอร์&lt;/p>
      &lt;div class=&quot;links&quot;>
        &lt;a href=&quot;#&quot;>ผลบอลเมื่อคืน&lt;/a>
        &lt;a href=&quot;#&quot;>โปรแกรมบอลพรุ่งนี้&lt;/a>
        &lt;a href=&quot;#&quot;>ตารางคะแนนฟุตบอลโลก 2026&lt;/a>
        &lt;a href=&quot;#&quot;>ไทยลีก&lt;/a>
        &lt;a href=&quot;#&quot;>ดาวซัลโว&lt;/a>
      &lt;/div>
    &lt;/section>
  &lt;/section>

  &lt;!-- ขวา: widgets (desktop) -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>แมตช์เด่นวันนี้&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇧🇷 บราซิล – เยอรมนี 🇩🇪&lt;/span>&lt;span class=&quot;s num&quot;>2-1&lt;/span>&lt;span class=&quot;tv num&quot;>67'&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ – เม็กซิโก 🇲🇽&lt;/span>&lt;span class=&quot;tv num&quot;>22:00&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>ดาวซัลโว &lt;span>ฟุตบอลโลก 2026&lt;/span>&lt;/div>
      &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>1&lt;/span>&lt;span>🇫🇷 คีลิยัน เอ็มบัปเป้&lt;/span>&lt;span class=&quot;gl&quot;>5&lt;/span>&lt;/div>
      &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>2&lt;/span>&lt;span>🇧🇷 วินิซิอุส จูเนียร์&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
      &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>3&lt;/span>&lt;span>🇪🇸 ลามีน ยามาล&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
      &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>4&lt;/span>&lt;span>🏴󠁧󠁢󠁥󠁮󠁧󠁿 แฮร์รี่ เคน&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
      &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>5&lt;/span>&lt;span>🇦🇷 ลิโอเนล เมสซี่&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;sp-card&quot;>
      &lt;div class=&quot;sp-logo&quot;>SCORE&lt;i>PULSE&lt;/i>&lt;/div>
      &lt;p>ข้อมูลกีฬาสำหรับเว็บของคุณ — livescore feed · API · widget พร้อมใช้&lt;/p>
      &lt;a href=&quot;#&quot;>ดูแพ็กเกจ →&lt;/a>
    &lt;/div>
  &lt;/aside>
&lt;/div>

&lt;footer>
  &lt;div class=&quot;cols&quot;>
    &lt;div>
      &lt;b>score108&lt;/b>
      &lt;a href=&quot;#&quot;>เกี่ยวกับเรา&lt;/a>&lt;a href=&quot;#&quot;>ติดต่อ&lt;/a>&lt;a href=&quot;#&quot;>นโยบายความเป็นส่วนตัว&lt;/a>
    &lt;/div>
    &lt;div>
      &lt;b>บริการ&lt;/b>
      &lt;a href=&quot;#&quot;>ผลบอลสด&lt;/a>&lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>&lt;a href=&quot;#&quot;>ตารางคะแนน&lt;/a>&lt;a href=&quot;#&quot;>ข่าวกีฬา&lt;/a>
    &lt;/div>
    &lt;div>
      &lt;b>สำหรับธุรกิจ&lt;/b>
      &lt;a href=&quot;#&quot;>scorepulse — feed / API / widget&lt;/a>&lt;a href=&quot;#&quot;>ติดตั้ง widget ฟรี&lt;/a>
    &lt;/div>
    &lt;div>
      &lt;b data-i18n=&quot;foot_lang&quot;>ภาษา&lt;/b>
      &lt;a href=&quot;#&quot; data-lang=&quot;th&quot;>ไทย · /&lt;/a>&lt;a href=&quot;#&quot; data-lang=&quot;en&quot;>English · /en/&lt;/a>&lt;a href=&quot;#&quot; data-lang=&quot;zh&quot;>中文 · /zh/&lt;/a>&lt;a href=&quot;#&quot; data-lang=&quot;ja&quot;>日本語 · /ja/&lt;/a>&lt;a href=&quot;#&quot; data-lang=&quot;ru&quot;>Русский · /ru/&lt;/a>&lt;a href=&quot;#&quot; data-lang=&quot;es&quot;>Español · /es/&lt;/a>
    &lt;/div>
  &lt;/div>
  &lt;div class=&quot;base&quot;>
    &lt;span>© 2569 score108.com&lt;/span>
    &lt;span>prototype Phase 2 — โครงนี้จะถูกแปลงเป็น Next.js component ใน Phase 3&lt;/span>
  &lt;/div>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a class=&quot;on&quot; href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();

/* ===== i18n — สลับภาษา UI chrome 6 ภาษา (TH default) ===== */
/* หมายเหตุ: แปลเฉพาะ &quot;ข้อความระบบ/UI&quot; — ชื่อทีม/ลีก/ผู้เล่นมาจากตาราง Translation ต่อ entity (feature-spec §1.6) */
const LANGS=[
  {code:'th',name:'ไทย',flag:'🇹🇭',pre:'/'},
  {code:'en',name:'English',flag:'🇬🇧',pre:'/en/'},
  {code:'zh',name:'中文',flag:'🇨🇳',pre:'/zh/'},
  {code:'ja',name:'日本語',flag:'🇯🇵',pre:'/ja/'},
  {code:'ru',name:'Русский',flag:'🇷🇺',pre:'/ru/'},
  {code:'es',name:'Español',flag:'🇪🇸',pre:'/es/'},
];
const I18N={
  nav_live:{th:'บอลสด',en:'Live',zh:'比分直播',ja:'ライブ',ru:'Лайв',es:'En vivo'},
  nav_fixtures:{th:'โปรแกรมบอล',en:'Fixtures',zh:'赛程',ja:'日程',ru:'Расписание',es:'Calendario'},
  nav_results:{th:'ผลบอลย้อนหลัง',en:'Results',zh:'赛果',ja:'結果',ru:'Результаты',es:'Resultados'},
  nav_standings:{th:'ตารางคะแนน',en:'Standings',zh:'积分榜',ja:'順位表',ru:'Таблица',es:'Clasificación'},
  nav_news:{th:'ข่าว',en:'News',zh:'新闻',ja:'ニュース',ru:'Новости',es:'Noticias'},
  sport_football:{th:'ฟุตบอล',en:'Football',zh:'足球',ja:'サッカー',ru:'Футбол',es:'Fútbol'},
  sport_basketball:{th:'บาสเกตบอล',en:'Basketball',zh:'篮球',ja:'バスケ',ru:'Баскетбол',es:'Baloncesto'},
  sport_tennis:{th:'เทนนิส',en:'Tennis',zh:'网球',ja:'テニス',ru:'Теннис',es:'Tenis'},
  sport_volleyball:{th:'วอลเลย์บอล',en:'Volleyball',zh:'排球',ja:'バレー',ru:'Волейбол',es:'Voleibol'},
  sport_boxing:{th:'มวย',en:'Boxing',zh:'拳击',ja:'ボクシング',ru:'Бокс',es:'Boxeo'},
  rail_popular:{th:'ลีกยอดนิยม',en:'Popular Leagues',zh:'热门联赛',ja:'人気リーグ',ru:'Популярные лиги',es:'Ligas populares'},
  rail_allcountries:{th:'ประเทศทั้งหมด ▾',en:'All countries ▾',zh:'所有国家 ▾',ja:'すべての国 ▾',ru:'Все страны ▾',es:'Todos los países ▾'},
  sub_realtime:{
    th:'อัปเดตเรียลไทม์ทุกลีกทั่วโลก ไม่ต้องรีเฟรชหน้า',
    en:'Real-time updates from every league worldwide — no refresh needed',
    zh:'全球联赛实时更新 — 无需刷新',
    ja:'世界中のリーグをリアルタイム更新 — 更新不要',
    ru:'Обновления в реальном времени по всем лигам — без перезагрузки',
    es:'Actualizaciones en tiempo real de todas las ligas — sin recargar'},
  foot_lang:{th:'ภาษา',en:'Language',zh:'语言',ja:'言語',ru:'Язык',es:'Idioma'},
};
const langBtn=document.getElementById('langBtn'),langCur=document.getElementById('langCur'),langMenu=document.getElementById('langMenu');
/* สร้างเมนู */
langMenu.innerHTML=LANGS.map(l=>`&lt;button role=&quot;menuitemradio&quot; data-lang=&quot;${l.code}&quot;>&lt;span>${l.flag}&lt;/span> ${l.name}&lt;span class=&quot;pre&quot;>${l.pre}&lt;/span>&lt;/button>`).join('');
function applyLang(code){
  const l=LANGS.find(x=>x.code===code)||LANGS[0];
  document.querySelectorAll('[data-i18n]').forEach(el=>{const t=I18N[el.dataset.i18n];if(t&amp;&amp;t[code])el.textContent=t[code];});
  r.setAttribute('lang',code);
  langCur.textContent=l.name;langBtn.firstChild.textContent=l.flag+' ';
  langMenu.querySelectorAll('button').forEach(b=>{
    const on=b.dataset.lang===code;b.classList.toggle('on',on);
    b.querySelectorAll('.pre,.ck').forEach(x=>x.remove());
    b.insertAdjacentHTML('beforeend',on?'&lt;span class=&quot;ck&quot;>✓&lt;/span>':`&lt;span class=&quot;pre&quot;>${LANGS.find(x=>x.code===b.dataset.lang).pre}&lt;/span>`);
  });
}
function toggleMenu(open){const o=open??langMenu.hidden;langMenu.hidden=!o;langBtn.setAttribute('aria-expanded',o);}
langBtn.addEventListener('click',e=>{e.stopPropagation();toggleMenu();});
langMenu.addEventListener('click',e=>{const b=e.target.closest('button[data-lang]');if(!b)return;applyLang(b.dataset.lang);toggleMenu(false);});
document.addEventListener('click',()=>toggleMenu(false));
/* ปุ่มภาษาที่ footer ก็สลับได้ */
document.querySelectorAll('footer [data-lang]').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();applyLang(a.dataset.lang);}));
applyLang('th');
&lt;/script>
"></iframe>
  <iframe id="f-match" title="🆚 match detail" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>บราซิล พบ เยอรมนี — score108 (prototype match detail)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12): BreadcrumbList + SportsEvent + FAQPage + Organization ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;ฟุตบอล&quot;,&quot;item&quot;:&quot;https://www.score108.com/football&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;ฟุตบอลโลก 2026&quot;,&quot;item&quot;:&quot;https://www.score108.com/competition/fifa-world-cup-2026&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:4,&quot;name&quot;:&quot;บราซิล พบ เยอรมนี&quot;}]},
 {&quot;@type&quot;:&quot;SportsEvent&quot;,&quot;name&quot;:&quot;บราซิล พบ เยอรมนี&quot;,&quot;sport&quot;:&quot;Football&quot;,&quot;startDate&quot;:&quot;2026-07-06T20:00:00+07:00&quot;,&quot;eventStatus&quot;:&quot;https://schema.org/EventScheduled&quot;,
  &quot;location&quot;:{&quot;@type&quot;:&quot;Place&quot;,&quot;name&quot;:&quot;เมตไลฟ์ สเตเดียม, นิวเจอร์ซีย์&quot;},
  &quot;superEvent&quot;:{&quot;@type&quot;:&quot;SportsEvent&quot;,&quot;name&quot;:&quot;ฟุตบอลโลก 2026 รอบ 16 ทีม&quot;},
  &quot;homeTeam&quot;:{&quot;@type&quot;:&quot;SportsTeam&quot;,&quot;name&quot;:&quot;บราซิล&quot;},&quot;awayTeam&quot;:{&quot;@type&quot;:&quot;SportsTeam&quot;,&quot;name&quot;:&quot;เยอรมนี&quot;}},
 {&quot;@type&quot;:&quot;FAQPage&quot;,&quot;mainEntity&quot;:[
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;บราซิล พบ เยอรมนี เตะกี่โมง?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;เตะวันจันทร์ที่ 6 กรกฎาคม 2569 เวลา 20:00 น. (เวลาไทย) ที่เมตไลฟ์ สเตเดียม สหรัฐอเมริกา — ฟุตบอลโลก 2026 รอบ 16 ทีม&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ดูถ่ายทอดสดช่องไหน?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ประเทศไทยรับชมได้ทางช่อง 7HD (ฟรีทีวี) และสตรีมผ่าน TrueVisions NOW — ติดตามผลสดและสถิติแบบเรียลไทม์ได้ที่หน้านี้&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;สถิติการพบกันเป็นอย่างไร?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;พบกันมาแล้ว 12 นัด บราซิลชนะ 5 เสมอ 3 เยอรมนีชนะ 4 — นัดที่คนจดจำคือรอบรองชนะเลิศฟุตบอลโลก 2014 ที่เยอรมนีชนะ 7-1&quot;}}]},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --draw:#5B667A;
    --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
    --s-home:#3987E5; --s-away:#199E70;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --draw:#5B667A;
  --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
  --s-home:#3987E5; --s-away:#199E70;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif;
  padding-bottom:64px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.hscroll{overflow-x:auto;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1020px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.mainnav a.on{color:var(--ink);font-weight:700;background:var(--bg)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}

/* ========= SHELL / HEAD ========= */
.shell{max-width:1020px;margin:10px auto 0;padding:0 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rail{display:none}
.crumb{font-size:11.5px;color:var(--muted);padding:2px 4px 8px;display:flex;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--text);font-weight:600}
.page-head{padding:0 4px 10px}
.page-head h1{margin:0;font-size:16px;color:var(--ink);font-weight:700;text-wrap:balance}
.page-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}

/* ========= CARD ========= */
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.card-t{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 0;font-size:14px;font-weight:700;color:var(--ink)}
.card-t a{font-size:12px;font-weight:500;color:var(--muted)}
.card-t a:hover{color:var(--ink)}
.card-in{padding:12px 16px 16px}

/* ========= HERO ========= */
.hero{padding:16px 12px 14px;text-align:center}
.hero-comp{font-size:12px;color:var(--muted);margin-bottom:14px}
.hero-comp a:hover{color:var(--ink)}
.hero-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;max-width:560px;margin:0 auto}
.hteam{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.hbadge{font-size:44px;line-height:1}
.hteam b{font-size:14px;color:var(--ink);font-weight:700}
.hrank{font-size:10.5px;color:var(--muted);background:var(--band);border-radius:999px;padding:1px 8px}
.hmid{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:4px}
.hscore{font-size:42px;font-weight:800;color:var(--brand);letter-spacing:1px;line-height:1}
.hscore span{color:var(--muted);font-weight:400;font-size:30px;vertical-align:6px}
.hstatus{display:inline-flex;align-items:center;gap:6px;background:var(--brand-soft);color:var(--brand-deep);font-size:12px;font-weight:700;border-radius:999px;padding:3px 12px}
.hstatus i{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}
.hscorers{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:560px;margin:12px auto 0;font-size:12px;color:var(--muted)}
.hscorers .hs-h{text-align:right}
.hscorers .hs-a{text-align:left}
.hscorers div span{display:block;padding:1px 0}
.hmeta{font-size:11.5px;color:var(--muted);margin-top:12px}
.hactions{display:flex;justify-content:center;gap:8px;margin-top:12px}
.hactions .pillb{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;color:var(--muted)}
.hactions .pillb:hover{color:var(--ink);border-color:var(--ink)}

/* ========= TABS: หลัก + SUB ========= */
.tabwrap{position:sticky;top:52px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.tabs{display:flex;gap:2px;padding:0 6px;white-space:nowrap;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:11px 14px 9px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}
.tabs a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.tabs a:hover{color:var(--ink)}
.subtabs{display:none;gap:6px;padding:8px 10px;background:var(--band);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.subtabs.on{display:flex}
.subtabs .st{flex:none;border:1px solid transparent;border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:500;color:var(--muted)}
.subtabs .st:hover{color:var(--ink)}
.subtabs .st.on{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:700}
.pane{display:none}
.pane.on{display:block}

/* ========= TIMELINE ========= */
.ev-half{background:var(--band);color:var(--muted);font-size:11px;font-weight:600;text-align:center;padding:4px;border-radius:6px;margin:8px 16px}
.ev{display:flex;align-items:center;gap:10px;padding:7px 16px;font-size:13px}
.ev-min{flex:none;width:34px;text-align:right;color:var(--muted);font-size:12px}
.ev.goal .ev-min{color:var(--brand-deep);font-weight:700}
.ev-ico{flex:none;width:22px;text-align:center}
.ev-tx{flex:1;min-width:0}
.ev-tx b{color:var(--ink);font-weight:600}
.ev-tx span{color:var(--muted);font-size:11.5px;display:block}
.ev-flag{flex:none;font-size:15px}
.ev-score{flex:none;font-size:12px;font-weight:700;color:var(--ink)}

/* ========= SENTIMENT / STAT BARS ========= */
.senti-bar{display:flex;gap:2px;height:12px;border-radius:6px;overflow:hidden;margin:4px 0 8px}
.senti-bar i{height:100%}
.senti-bar .sh{background:var(--s-home);border-radius:6px 0 0 6px}
.senti-bar .sd{background:var(--draw)}
.senti-bar .sa{background:var(--s-away);border-radius:0 6px 6px 0}
.senti-leg{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);flex-wrap:wrap;gap:6px}
.senti-leg b{color:var(--ink)}
.sq{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.senti-cta{margin-top:12px;display:flex;gap:8px;align-items:center}
.senti-cta button{background:var(--ink);color:var(--surface);font-size:12.5px;font-weight:700;border-radius:999px;padding:7px 18px}
.senti-cta span{font-size:11.5px;color:var(--muted)}
.sb-leg{display:flex;justify-content:space-between;font-size:12px;color:var(--ink);font-weight:600;padding-bottom:6px}
.sb{padding:7px 0}
.sb-lab{text-align:center;font-size:12px;color:var(--muted);margin-bottom:4px}
.sb-row{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px}
.sb-v{font-size:12.5px;color:var(--muted)}
.sb-v.w{font-weight:700;color:var(--ink)}
.sb-v:last-child{text-align:right}
.sb-bars{display:flex;gap:3px}
.sb-l,.sb-r{flex:1;height:7px;background:var(--bg);border-radius:4px;overflow:hidden;display:flex}
.sb-l{justify-content:flex-end}
.sb-l i{background:var(--s-home);border-radius:4px;height:100%}
.sb-r i{background:var(--s-away);border-radius:4px;height:100%}
/* ===== MOMENTUM (uniscore §125 — diverging bar: เจ้าบ้านขึ้น / เยือนลง) ===== */
.mom-sub{font-size:11px;color:var(--muted);margin:2px 0 12px;max-width:62ch}
.mom-wrap{position:relative}
.mom{position:relative;height:124px;display:flex;align-items:stretch;gap:2px}
.mom::before{content:&quot;&quot;;position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line);z-index:1}
.mom-col{flex:1;min-width:0;display:grid;grid-template-rows:1fr 1fr;position:relative;z-index:2}
.mom-col i{width:100%;display:block}
.mom-col .mh{align-self:end;background:var(--s-home);border-radius:4px 4px 0 0;box-shadow:0 -1.5px 0 var(--surface)}
.mom-col .ma{align-self:start;background:var(--s-away);border-radius:0 0 4px 4px;box-shadow:0 1.5px 0 var(--surface)}
.mom-col.live .mh,.mom-col.live .ma{opacity:.5}
.mom-goal{position:absolute;top:-6px;transform:translateX(-50%);z-index:4;text-align:center;line-height:1}
.mom-goal i{font-style:normal;font-size:13px}
.mom-goal b{display:block;font-size:9px;font-weight:700;color:var(--brand-deep);white-space:nowrap;margin-top:1px}
.mom-live{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--brand);z-index:3;border-radius:2px}
.mom-live b{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:800;color:var(--brand-deep);white-space:nowrap}
.mom-axis{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}
.mom-leg{display:flex;justify-content:center;gap:18px;font-size:12px;color:var(--muted);margin-top:10px}
.mom-leg span{display:flex;align-items:center;gap:6px}
.mom-leg b{color:var(--ink);font-weight:600}
.mom-leg i{width:16px;height:8px;border-radius:2px;flex:none}

/* ========= FORM / H2H / TV / VIDEO / GURU / CHAT ========= */
.form-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}
.form-row .nm{flex:1;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:8px}
.chip{width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.chip.w{background:var(--win)}.chip.d{background:var(--draw)}.chip.l{background:var(--loss)}
.chips{display:flex;gap:4px}
.h2h-sum{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:10px}
.h2h-sum span{background:var(--band);color:var(--text);font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 12px}
.h2h{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:12.5px;border-top:1px solid var(--line)}
.h2h .d{flex:none;width:88px;color:var(--muted);font-size:11.5px}
.h2h .m{flex:1}
.h2h .m b{color:var(--ink)}
.h2h .s{font-weight:700;color:var(--ink)}
.tv{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}
.tv i{font-style:normal;width:22px;text-align:center}
.tv span{color:var(--muted);font-size:11.5px;margin-left:auto}
.inj{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px}
.inj i{font-style:normal;flex:none;width:22px;text-align:center}
.inj b{color:var(--ink);font-weight:600}
.inj .why{color:var(--muted);font-size:11.5px;display:block}
.inj .ret{margin-left:auto;color:var(--muted);font-size:11.5px;text-align:right;flex:none;padding-left:10px}
.vid{aspect-ratio:16/9;background:var(--band);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.vid .play{width:52px;height:52px;border-radius:50%;background:var(--brand);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;padding-left:4px}
.vid p{margin:0;font-size:12px;color:var(--muted);text-align:center;padding:0 20px}
.guru{display:flex;gap:12px;align-items:flex-start}
.guru .av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--band);color:var(--bd-tx);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.guru .who{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink);flex-wrap:wrap}
.guru .ai{background:var(--band);color:var(--muted);font-size:9.5px;font-weight:700;border-radius:4px;padding:1px 5px;letter-spacing:.04em}
.guru .rec{font-size:11.5px;color:var(--muted);font-weight:400}
.guru .pred{margin:6px 0 4px;font-size:13px}
.guru .pred b{color:var(--ink)}
.guru .ok{background:#E7F5EC;color:#1F7A44;font-size:10.5px;font-weight:700;border-radius:4px;padding:1px 6px;margin-left:6px}
:root[data-theme=&quot;dark&quot;] .guru .ok{background:#1B3327;color:#5FCE8B}
.guru p{margin:0;font-size:12.5px;color:var(--muted)}
.chatc{display:flex;flex-direction:column;gap:10px}
.chatc .split{display:flex;gap:2px;height:10px;border-radius:5px;overflow:hidden}
.chatc .split i{height:100%}
.chatc .row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.chatc .row b{color:var(--ink)}
.chatc button{background:var(--ink);color:var(--surface);font-size:13px;font-weight:700;border-radius:999px;padding:9px 18px}
.stub{border:1.5px dashed var(--line);border-radius:8px;padding:22px 16px;text-align:center;font-size:12.5px;color:var(--muted)}
.auto-top{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;gap:8px;margin-bottom:10px}
.auto-top b{display:block;font-size:22px;font-weight:800;color:var(--ink);line-height:1.2}
.auto-top span{font-size:11.5px;color:var(--muted)}
.fx-t{font-size:11px;font-weight:700;color:var(--muted);margin:14px 0 4px}
.fx{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:12px}
.fx .k{flex:none;width:118px;color:var(--muted);font-size:11px;line-height:1.35}
.fx .senti-bar{flex:1;margin:0;height:8px}
.fx .v{flex:none;width:78px;text-align:right;color:var(--ink);font-weight:600;font-size:11.5px}
.auto-note{margin:12px 0 0;font-size:11.5px;color:var(--muted);max-width:65ch}

/* ========= MINI / STANDINGS / TOPSCORE ========= */
.card-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted)}
.mini{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.mini:first-of-type{border-top:0}
.mini .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .t b{color:var(--ink)}
.mini .s{font-weight:800;color:var(--brand)}
.mini .sf{font-weight:800;color:var(--ink)}
.mini .tv2{color:var(--muted);font-size:11.5px}
.mini.now{background:var(--brand-soft)}
.stb{padding:4px 0}
.stb .sr{display:grid;grid-template-columns:24px minmax(0,1fr) 36px 36px 40px;gap:6px;align-items:center;padding:6px 16px;font-size:12.5px}
.stb .sr.hd{color:var(--muted);font-size:10.5px;font-weight:600;padding-bottom:2px}
.stb .sr:not(.hd){border-top:1px solid var(--line)}
.stb .pos{color:var(--muted);font-size:11.5px}
.stb .tm2{display:flex;align-items:center;gap:7px;min-width:0}
.stb .tm2 b{color:var(--ink)}
.stb .c{text-align:center}
.stb .pts{text-align:center;font-weight:700;color:var(--ink)}
.wrow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 16px;font-size:13px;border-top:1px solid var(--line)}
.wrow:first-of-type{border-top:0}
.wrow .rk{color:var(--muted);font-size:12px;text-align:center}
.wrow .gl{font-weight:800;color:var(--ink)}

/* ========= FAQ / LINKS / FOOTER / RAIL ========= */
details{border-top:1px solid var(--line);padding:0 16px}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:600;color:var(--ink)}
details summary::after{content:&quot;+&quot;;color:var(--muted);font-size:16px;font-weight:400}
details[open] summary::after{content:&quot;–&quot;}
details p{margin:0 0 12px;font-size:12.5px;color:var(--muted);max-width:65ch}
.links{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 8px}
.links a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--text)}
.links a:hover{border-color:var(--ink);color:var(--ink)}
footer{max-width:1020px;margin:20px auto 0;padding:16px 16px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sp-card{background:#1B2740;color:#E9EDF5;border-radius:10px;padding:16px;margin-bottom:12px}
.sp-card .sp-logo{font-weight:800;letter-spacing:.04em;font-size:14px;color:#fff}
.sp-card .sp-logo i{color:#F26A47;font-style:normal}
.sp-card p{margin:6px 0 10px;font-size:12.5px;color:#B9C3D6}
.sp-card a{display:inline-block;background:#F26A47;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px}

/* ========= BOTTOM NAV ========= */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottomnav a.on{color:var(--brand-deep);font-weight:700}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (min-width:760px){
  body{padding-bottom:0}
  .bottomnav{display:none}
  .mainnav{display:flex}
  .page-head h1{font-size:19px}
  .hbadge{font-size:56px}
  .hscore{font-size:52px}
  .hteam b{font-size:16px}
}
@media (min-width:1100px){
  .shell{grid-template-columns:minmax(0,1fr) 300px}
  .rail{display:block}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 3 · match-detail · เพิ่มจาก uniscore benchmark (spec §1.13): xG · ป้ายอันดับฟีฟ่า · ขาดสนาม — &lt;b>กดสลับ tab ได้จริง&lt;/b> · ข้อมูลตัวอย่าง&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a class=&quot;on&quot; href=&quot;#&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a href=&quot;#&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหา&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;div class=&quot;shell&quot;>
  &lt;section>
    &lt;nav class=&quot;crumb&quot;>
      &lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;a href=&quot;#&quot;>ฟุตบอล&lt;/a> › &lt;a href=&quot;#&quot;>ฟุตบอลโลก 2026&lt;/a> › &lt;b>บราซิล พบ เยอรมนี&lt;/b>
    &lt;/nav>
    &lt;div class=&quot;page-head&quot;>
      &lt;h1>บราซิล พบ เยอรมนี — ผลบอลสด ฟุตบอลโลก 2026 รอบ 16 ทีม&lt;/h1>
      &lt;p>จันทร์ที่ 6 กรกฎาคม 2569 · เริ่มเตะ 20:00 น. (เวลาไทย)&lt;/p>
    &lt;/div>

    &lt;!-- HERO -->
    &lt;section class=&quot;card hero&quot;>
      &lt;div class=&quot;hero-comp&quot;>&lt;a href=&quot;#&quot;>🏆 ฟุตบอลโลก 2026 · รอบ 16 ทีม&lt;/a>&lt;/div>
      &lt;div class=&quot;hero-grid&quot;>
        &lt;a class=&quot;hteam&quot; href=&quot;#&quot;>&lt;i class=&quot;hbadge&quot;>🇧🇷&lt;/i>&lt;b>บราซิล&lt;/b>&lt;span class=&quot;hrank num&quot;>ฟีฟ่า #2&lt;/span>&lt;/a>
        &lt;div class=&quot;hmid&quot;>
          &lt;div class=&quot;hscore num&quot;>2&lt;span> : &lt;/span>1&lt;/div>
          &lt;div class=&quot;hstatus&quot;>&lt;i>&lt;/i> LIVE 67'&lt;/div>
        &lt;/div>
        &lt;a class=&quot;hteam&quot; href=&quot;#&quot;>&lt;i class=&quot;hbadge&quot;>🇩🇪&lt;/i>&lt;b>เยอรมนี&lt;/b>&lt;span class=&quot;hrank num&quot;>ฟีฟ่า #10&lt;/span>&lt;/a>
      &lt;/div>
      &lt;div class=&quot;hscorers&quot;>
        &lt;div class=&quot;hs-h&quot;>&lt;span>⚽ วินิซิอุส จูเนียร์ 23'&lt;/span>&lt;span>⚽ ราฟินญ่า 55'&lt;/span>&lt;/div>
        &lt;div class=&quot;hs-a&quot;>&lt;span>⚽ จามาล มูเซียล่า 71'&lt;/span>&lt;/div>
      &lt;/div>
      &lt;div class=&quot;hmeta&quot;>📍 เมตไลฟ์ สเตเดียม, นิวเจอร์ซีย์ · 👁 125K กำลังดูอยู่&lt;/div>
      &lt;div class=&quot;hactions&quot;>
        &lt;button class=&quot;pillb&quot;>☆ ติดตาม&lt;/button>
        &lt;button class=&quot;pillb&quot;>🔔 แจ้งเตือน&lt;/button>
        &lt;button class=&quot;pillb&quot;>↗ แชร์&lt;/button>
      &lt;/div>
    &lt;/section>

    &lt;!-- TABS หลัก + SUB -->
    &lt;div class=&quot;tabwrap&quot;>
      &lt;nav class=&quot;tabs&quot;>
        &lt;a href=&quot;#&quot; data-m=&quot;match&quot; class=&quot;on&quot;>แมตช์&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;ana&quot;>วิเคราะห์&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;tour&quot;>ทัวนาเมนต์&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;stand&quot;>ตารางคะแนน&lt;/a>
      &lt;/nav>
      &lt;nav class=&quot;subtabs on&quot; data-m=&quot;match&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;match&quot; data-s=&quot;sum&quot;>สรุป&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;match&quot; data-s=&quot;stats&quot;>สถิติ&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;match&quot; data-s=&quot;vdo&quot;>ไฮไลต์&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;match&quot; data-s=&quot;cheer&quot;>เชียร์สด&lt;/button>
      &lt;/nav>
      &lt;nav class=&quot;subtabs&quot; data-m=&quot;ana&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;ana&quot; data-s=&quot;auto&quot;>อัตโนมัติ&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;ana&quot; data-s=&quot;guru&quot;>ทีเด็ดเซียน&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;ana&quot; data-s=&quot;form&quot;>ฟอร์ม&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;ana&quot; data-s=&quot;h2h&quot;>H2H&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;ana&quot; data-s=&quot;lineup&quot;>รายชื่อผู้เล่น&lt;/button>
      &lt;/nav>
      &lt;nav class=&quot;subtabs&quot; data-m=&quot;tour&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;tour&quot; data-s=&quot;today&quot;>วันนี้&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;tour&quot; data-s=&quot;results&quot;>ผลล่าสุด&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;tour&quot; data-s=&quot;fixtures&quot;>โปรแกรม&lt;/button>
      &lt;/nav>
      &lt;nav class=&quot;subtabs&quot; data-m=&quot;stand&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;stand&quot; data-s=&quot;table&quot;>ตาราง&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;stand&quot; data-s=&quot;topscore&quot;>ดาวซัลโว&lt;/button>
      &lt;/nav>
    &lt;/div>

    &lt;!-- ============ แมตช์ / สรุป ============ -->
    &lt;div class=&quot;pane on&quot; data-m=&quot;match&quot; data-s=&quot;sum&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>เหตุการณ์สำคัญ&lt;/div>
        &lt;div style=&quot;padding:8px 0 12px&quot;>
          &lt;div class=&quot;ev-half&quot;>ครึ่งแรก&lt;/div>
          &lt;div class=&quot;ev goal&quot;>
            &lt;span class=&quot;ev-min num&quot;>23'&lt;/span>&lt;span class=&quot;ev-ico&quot;>⚽&lt;/span>
            &lt;div class=&quot;ev-tx&quot;>&lt;b>วินิซิอุส จูเนียร์&lt;/b>&lt;span>แอสซิสต์: ราฟินญ่า&lt;/span>&lt;/div>
            &lt;span class=&quot;ev-flag&quot;>🇧🇷&lt;/span>&lt;span class=&quot;ev-score num&quot;>1-0&lt;/span>
          &lt;/div>
          &lt;div class=&quot;ev&quot;>
            &lt;span class=&quot;ev-min num&quot;>38'&lt;/span>&lt;span class=&quot;ev-ico&quot;>🟨&lt;/span>
            &lt;div class=&quot;ev-tx&quot;>&lt;b>โยชัว คิมมิช&lt;/b>&lt;/div>
            &lt;span class=&quot;ev-flag&quot;>🇩🇪&lt;/span>
          &lt;/div>
          &lt;div class=&quot;ev-half&quot;>พักครึ่ง · 1-0&lt;/div>
          &lt;div class=&quot;ev goal&quot;>
            &lt;span class=&quot;ev-min num&quot;>55'&lt;/span>&lt;span class=&quot;ev-ico&quot;>⚽&lt;/span>
            &lt;div class=&quot;ev-tx&quot;>&lt;b>ราฟินญ่า&lt;/b>&lt;/div>
            &lt;span class=&quot;ev-flag&quot;>🇧🇷&lt;/span>&lt;span class=&quot;ev-score num&quot;>2-0&lt;/span>
          &lt;/div>
          &lt;div class=&quot;ev&quot;>
            &lt;span class=&quot;ev-min num&quot;>64'&lt;/span>&lt;span class=&quot;ev-ico&quot;>🔁&lt;/span>
            &lt;div class=&quot;ev-tx&quot;>&lt;b>จามาล มูเซียล่า&lt;/b>&lt;span>แทน: เลรอย ซาเน่&lt;/span>&lt;/div>
            &lt;span class=&quot;ev-flag&quot;>🇩🇪&lt;/span>
          &lt;/div>
          &lt;div class=&quot;ev goal&quot;>
            &lt;span class=&quot;ev-min num&quot;>71'&lt;/span>&lt;span class=&quot;ev-ico&quot;>⚽&lt;/span>
            &lt;div class=&quot;ev-tx&quot;>&lt;b>จามาล มูเซียล่า&lt;/b>&lt;/div>
            &lt;span class=&quot;ev-flag&quot;>🇩🇪&lt;/span>&lt;span class=&quot;ev-score num&quot;>2-1&lt;/span>
          &lt;/div>
          &lt;div class=&quot;ev&quot;>
            &lt;span class=&quot;ev-min num&quot;>79'&lt;/span>&lt;span class=&quot;ev-ico&quot;>🟨&lt;/span>
            &lt;div class=&quot;ev-tx&quot;>&lt;b>กาเซมิโร่&lt;/b>&lt;/div>
            &lt;span class=&quot;ev-flag&quot;>🇧🇷&lt;/span>
          &lt;/div>
        &lt;/div>
      &lt;/section>

      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>ใครจะชนะ?&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;senti-bar&quot;>
            &lt;i class=&quot;sh&quot; style=&quot;width:58%&quot;>&lt;/i>&lt;i class=&quot;sd&quot; style=&quot;width:19%&quot;>&lt;/i>&lt;i class=&quot;sa&quot; style=&quot;width:23%&quot;>&lt;/i>
          &lt;/div>
          &lt;div class=&quot;senti-leg&quot;>
            &lt;span>&lt;i class=&quot;sq&quot; style=&quot;background:var(--s-home)&quot;>&lt;/i>บราซิล &lt;b class=&quot;num&quot;>58%&lt;/b>&lt;/span>
            &lt;span>เสมอ &lt;b class=&quot;num&quot;>19%&lt;/b>&lt;/span>
            &lt;span>&lt;i class=&quot;sq&quot; style=&quot;background:var(--s-away)&quot;>&lt;/i>เยอรมนี &lt;b class=&quot;num&quot;>23%&lt;/b>&lt;/span>
          &lt;/div>
          &lt;div class=&quot;senti-cta&quot;>
            &lt;button>โหวตเลย&lt;/button>
            &lt;span class=&quot;num&quot;>12,480 คนโหวตแล้ว · โหวตได้ถึงจบเกม&lt;/span>
          &lt;/div>
        &lt;/div>
      &lt;/section>

      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>ถ่ายทอดสด&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;tv&quot;>&lt;i>📺&lt;/i>ช่อง 7HD&lt;span>ฟรีทีวี&lt;/span>&lt;/div>
          &lt;div class=&quot;tv&quot;>&lt;i>📱&lt;/i>TrueVisions NOW&lt;span>สตรีมมิง&lt;/span>&lt;/div>
          &lt;div class=&quot;tv&quot; style=&quot;border-top:1px solid var(--line)&quot;>&lt;i>&lt;/i>&lt;span style=&quot;margin:0&quot;>สิทธิ์การถ่ายทอดอาจต่างกันตามพื้นที่&lt;/span>&lt;/div>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ แมตช์ / สถิติ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;match&quot; data-s=&quot;stats&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>โมเมนตัมเกม &lt;span style=&quot;font-size:11px;font-weight:500;color:var(--muted)&quot;>สด · 67'&lt;/span>&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;p class=&quot;mom-sub&quot;>แรงกดดันต่อ 5 นาที คำนวณจากการบุก/บุกอันตราย/ยิง/มุม (ไม่ใช่การครองบอลดิบ) — แท่งขึ้น = บราซิลกดดัน, แท่งลง = เยอรมนี&lt;/p>
          &lt;div class=&quot;mom-wrap&quot;>
            &lt;div class=&quot;mom&quot; role=&quot;img&quot; aria-label=&quot;กราฟโมเมนตัม: บราซิลครองเกมช่วงต้น เยอรมนีไล่กดช่วง 60 นาที&quot;>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:30%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:15%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:45%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:20%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:55%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:18%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:62%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:22%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:72%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:12%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:50%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:28%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:40%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:35%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:35%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:44%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:48%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:30%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:44%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:33%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:66%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:20%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:38%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:52%&quot;>&lt;/i>&lt;/div>
              &lt;div class=&quot;mom-col live&quot;>&lt;i class=&quot;mh&quot; style=&quot;height:28%&quot;>&lt;/i>&lt;i class=&quot;ma&quot; style=&quot;height:60%&quot;>&lt;/i>&lt;/div>
              &lt;!-- หมุดประตู (left% = นาที/70) + เส้นสด -->
              &lt;div class=&quot;mom-goal&quot; style=&quot;left:33%&quot;>&lt;i>⚽&lt;/i>&lt;b>บราซิล 23'&lt;/b>&lt;/div>
              &lt;div class=&quot;mom-goal&quot; style=&quot;left:79%&quot;>&lt;i>⚽&lt;/i>&lt;b>บราซิล 55'&lt;/b>&lt;/div>
              &lt;div class=&quot;mom-live&quot; style=&quot;left:96%&quot;>&lt;b>67' สด&lt;/b>&lt;/div>
            &lt;/div>
            &lt;div class=&quot;mom-axis&quot;>&lt;span>0'&lt;/span>&lt;span>15'&lt;/span>&lt;span>30'&lt;/span>&lt;span>45'&lt;/span>&lt;span>60'&lt;/span>&lt;/div>
          &lt;/div>
          &lt;div class=&quot;mom-leg&quot;>
            &lt;span>&lt;i style=&quot;background:var(--s-home)&quot;>&lt;/i> &lt;b>บราซิล&lt;/b> กดดัน&lt;/span>
            &lt;span>&lt;i style=&quot;background:var(--s-away)&quot;>&lt;/i> &lt;b>เยอรมนี&lt;/b> กดดัน&lt;/span>
          &lt;/div>
        &lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>สถิติการแข่งขัน&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;sb-leg&quot;>
            &lt;span>&lt;i class=&quot;sq&quot; style=&quot;background:var(--s-home)&quot;>&lt;/i> บราซิล&lt;/span>
            &lt;span>เยอรมนี &lt;i class=&quot;sq&quot; style=&quot;background:var(--s-away)&quot;>&lt;/i>&lt;/span>
          &lt;/div>
          &lt;div class=&quot;sb&quot;>&lt;div class=&quot;sb-lab&quot;>ครองบอล&lt;/div>
            &lt;div class=&quot;sb-row&quot;>&lt;span class=&quot;sb-v num w&quot;>58%&lt;/span>
              &lt;div class=&quot;sb-bars&quot;>&lt;div class=&quot;sb-l&quot;>&lt;i style=&quot;width:58%&quot;>&lt;/i>&lt;/div>&lt;div class=&quot;sb-r&quot;>&lt;i style=&quot;width:42%&quot;>&lt;/i>&lt;/div>&lt;/div>
              &lt;span class=&quot;sb-v num&quot;>42%&lt;/span>&lt;/div>&lt;/div>
          &lt;div class=&quot;sb&quot;>&lt;div class=&quot;sb-lab&quot;>ประตูคาดหวัง (xG)&lt;/div>
            &lt;div class=&quot;sb-row&quot;>&lt;span class=&quot;sb-v num w&quot;>2.14&lt;/span>
              &lt;div class=&quot;sb-bars&quot;>&lt;div class=&quot;sb-l&quot;>&lt;i style=&quot;width:71%&quot;>&lt;/i>&lt;/div>&lt;div class=&quot;sb-r&quot;>&lt;i style=&quot;width:29%&quot;>&lt;/i>&lt;/div>&lt;/div>
              &lt;span class=&quot;sb-v num&quot;>0.87&lt;/span>&lt;/div>&lt;/div>
          &lt;div class=&quot;sb&quot;>&lt;div class=&quot;sb-lab&quot;>ยิงทั้งหมด&lt;/div>
            &lt;div class=&quot;sb-row&quot;>&lt;span class=&quot;sb-v num w&quot;>14&lt;/span>
              &lt;div class=&quot;sb-bars&quot;>&lt;div class=&quot;sb-l&quot;>&lt;i style=&quot;width:61%&quot;>&lt;/i>&lt;/div>&lt;div class=&quot;sb-r&quot;>&lt;i style=&quot;width:39%&quot;>&lt;/i>&lt;/div>&lt;/div>
              &lt;span class=&quot;sb-v num&quot;>9&lt;/span>&lt;/div>&lt;/div>
          &lt;div class=&quot;sb&quot;>&lt;div class=&quot;sb-lab&quot;>ยิงเข้ากรอบ&lt;/div>
            &lt;div class=&quot;sb-row&quot;>&lt;span class=&quot;sb-v num w&quot;>6&lt;/span>
              &lt;div class=&quot;sb-bars&quot;>&lt;div class=&quot;sb-l&quot;>&lt;i style=&quot;width:67%&quot;>&lt;/i>&lt;/div>&lt;div class=&quot;sb-r&quot;>&lt;i style=&quot;width:33%&quot;>&lt;/i>&lt;/div>&lt;/div>
              &lt;span class=&quot;sb-v num&quot;>3&lt;/span>&lt;/div>&lt;/div>
          &lt;div class=&quot;sb&quot;>&lt;div class=&quot;sb-lab&quot;>เตะมุม&lt;/div>
            &lt;div class=&quot;sb-row&quot;>&lt;span class=&quot;sb-v num w&quot;>7&lt;/span>
              &lt;div class=&quot;sb-bars&quot;>&lt;div class=&quot;sb-l&quot;>&lt;i style=&quot;width:64%&quot;>&lt;/i>&lt;/div>&lt;div class=&quot;sb-r&quot;>&lt;i style=&quot;width:36%&quot;>&lt;/i>&lt;/div>&lt;/div>
              &lt;span class=&quot;sb-v num&quot;>4&lt;/span>&lt;/div>&lt;/div>
          &lt;div class=&quot;sb&quot;>&lt;div class=&quot;sb-lab&quot;>ฟาวล์&lt;/div>
            &lt;div class=&quot;sb-row&quot;>&lt;span class=&quot;sb-v num&quot;>8&lt;/span>
              &lt;div class=&quot;sb-bars&quot;>&lt;div class=&quot;sb-l&quot;>&lt;i style=&quot;width:40%&quot;>&lt;/i>&lt;/div>&lt;div class=&quot;sb-r&quot;>&lt;i style=&quot;width:60%&quot;>&lt;/i>&lt;/div>&lt;/div>
              &lt;span class=&quot;sb-v num w&quot;>12&lt;/span>&lt;/div>&lt;/div>
          &lt;div class=&quot;sb&quot;>&lt;div class=&quot;sb-lab&quot;>เซฟ&lt;/div>
            &lt;div class=&quot;sb-row&quot;>&lt;span class=&quot;sb-v num&quot;>2&lt;/span>
              &lt;div class=&quot;sb-bars&quot;>&lt;div class=&quot;sb-l&quot;>&lt;i style=&quot;width:33%&quot;>&lt;/i>&lt;/div>&lt;div class=&quot;sb-r&quot;>&lt;i style=&quot;width:67%&quot;>&lt;/i>&lt;/div>&lt;/div>
              &lt;span class=&quot;sb-v num w&quot;>4&lt;/span>&lt;/div>&lt;/div>
        &lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>สถิติผู้เล่น&lt;/div>
        &lt;div class=&quot;card-in&quot;>&lt;div class=&quot;stub&quot;>⬜ สถิติรายผู้เล่น (รวม / เหย้า / เยือน) — รอบถัดไป&lt;/div>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ แมตช์ / ไฮไลต์ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;match&quot; data-s=&quot;vdo&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>ไฮไลต์&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;vid&quot;>
            &lt;div class=&quot;play&quot;>▶&lt;/div>
            &lt;p>ไฮไลต์จะขึ้นหลังจบเกม — เฉพาะวิดีโอจากช่อง YouTube ทางการ (whitelist โดยแอดมิน)&lt;/p>
          &lt;/div>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ แมตช์ / เชียร์สด ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;match&quot; data-s=&quot;cheer&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>ห้องเชียร์สด&lt;/div>
        &lt;div class=&quot;card-in chatc&quot;>
          &lt;div class=&quot;row&quot;>&lt;span>🇧🇷 บราซิล &lt;b class=&quot;num&quot;>12.4K&lt;/b>&lt;/span>&lt;span>&lt;b class=&quot;num&quot;>20.5K&lt;/b> คนในห้อง&lt;/span>&lt;span>&lt;b class=&quot;num&quot;>8.1K&lt;/b> เยอรมนี 🇩🇪&lt;/span>&lt;/div>
          &lt;div class=&quot;split&quot;>&lt;i style=&quot;background:var(--s-home);width:61%&quot;>&lt;/i>&lt;i style=&quot;background:var(--s-away);width:39%&quot;>&lt;/i>&lt;/div>
          &lt;button>เข้าห้องเชียร์ →&lt;/button>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ วิเคราะห์ / อัตโนมัติ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;ana&quot; data-s=&quot;auto&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>วิเคราะห์อัตโนมัติ &lt;a href=&quot;#&quot;>วิธีคำนวณ →&lt;/a>&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;auto-top num&quot;>
            &lt;div>&lt;b>47%&lt;/b>&lt;span>&lt;i class=&quot;sq&quot; style=&quot;background:var(--s-home)&quot;>&lt;/i>บราซิล ชนะ&lt;/span>&lt;/div>
            &lt;div>&lt;b>23%&lt;/b>&lt;span>เสมอ&lt;/span>&lt;/div>
            &lt;div>&lt;b>30%&lt;/b>&lt;span>&lt;i class=&quot;sq&quot; style=&quot;background:var(--s-away)&quot;>&lt;/i>เยอรมนี ชนะ&lt;/span>&lt;/div>
          &lt;/div>
          &lt;div class=&quot;senti-bar&quot;>
            &lt;i class=&quot;sh&quot; style=&quot;width:47%&quot;>&lt;/i>&lt;i class=&quot;sd&quot; style=&quot;width:23%&quot;>&lt;/i>&lt;i class=&quot;sa&quot; style=&quot;width:30%&quot;>&lt;/i>
          &lt;/div>
          &lt;div class=&quot;fx-t&quot;>คำนวณจาก&lt;/div>
          &lt;div class=&quot;fx num&quot;>
            &lt;span class=&quot;k&quot;>การพบกัน 12 นัด&lt;br>น้ำหนัก 40%&lt;/span>
            &lt;div class=&quot;senti-bar&quot;>&lt;i class=&quot;sh&quot; style=&quot;width:42%&quot;>&lt;/i>&lt;i class=&quot;sd&quot; style=&quot;width:25%&quot;>&lt;/i>&lt;i class=&quot;sa&quot; style=&quot;width:33%&quot;>&lt;/i>&lt;/div>
            &lt;span class=&quot;v&quot;>5-3-4&lt;/span>
          &lt;/div>
          &lt;div class=&quot;fx num&quot;>
            &lt;span class=&quot;k&quot;>ฟอร์ม 5 นัดหลัง&lt;br>น้ำหนัก 60%&lt;/span>
            &lt;div class=&quot;senti-bar&quot;>&lt;i class=&quot;sh&quot; style=&quot;width:51%&quot;>&lt;/i>&lt;i class=&quot;sd&quot; style=&quot;width:22%&quot;>&lt;/i>&lt;i class=&quot;sa&quot; style=&quot;width:27%&quot;>&lt;/i>&lt;/div>
            &lt;span class=&quot;v&quot;>13 vs 7 แต้ม&lt;/span>
          &lt;/div>
          &lt;p class=&quot;auto-note&quot;>โมเดลสถิติ v1 คำนวณอัตโนมัติทุกแมตช์จากข้อมูลจริง (ไม่ใช่คำทำนาย) · เฟสถัดไป: อันดับโลก, ได้เปรียบเจ้าบ้าน, ผู้เล่นหลักขาด, ทำนายมุม/ใบเหลือง (§1.13)&lt;/p>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ วิเคราะห์ / ทีเด็ดเซียน ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;ana&quot; data-s=&quot;guru&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>ทีเด็ดเซียน &lt;a href=&quot;#&quot;>เซียนทั้งหมด →&lt;/a>&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;guru&quot;>
            &lt;div class=&quot;av&quot;>โค้ช&lt;/div>
            &lt;div>
              &lt;div class=&quot;who&quot;>โค้ชสิงห์ &lt;span class=&quot;ai&quot;>AI&lt;/span> &lt;span class=&quot;rec&quot;>· แม่นยำ 67% จาก 120 นัด&lt;/span>&lt;/div>
              &lt;div class=&quot;pred&quot;>ทาย: &lt;b>บราซิล ชนะ 2-1&lt;/b>&lt;span class=&quot;ok&quot;>กำลังเข้าเป้า&lt;/span>&lt;/div>
              &lt;p>เกมรุกฝั่งบราซิลจังหวะสวนเร็วอันตรายตลอดครึ่งแรก ขณะที่เยอรมนีเพิ่งเปลี่ยนตัวรุกเพิ่ม น่าจะได้ลุ้นช่วงท้ายแต่แนวรับยังโดนสวนได้อีก&lt;/p>
            &lt;/div>
          &lt;/div>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ วิเคราะห์ / ฟอร์ม ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;ana&quot; data-s=&quot;form&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>ฟอร์ม 5 นัดหลังสุด&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;form-row&quot;>&lt;span class=&quot;nm&quot;>🇧🇷 บราซิล&lt;/span>
            &lt;span class=&quot;chips&quot;>&lt;i class=&quot;chip d&quot;>ส&lt;/i>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;/span>&lt;/div>
          &lt;div class=&quot;form-row&quot;>&lt;span class=&quot;nm&quot;>🇩🇪 เยอรมนี&lt;/span>
            &lt;span class=&quot;chips&quot;>&lt;i class=&quot;chip l&quot;>พ&lt;/i>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;i class=&quot;chip d&quot;>ส&lt;/i>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;i class=&quot;chip l&quot;>พ&lt;/i>&lt;/span>&lt;/div>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ วิเคราะห์ / H2H ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;ana&quot; data-s=&quot;h2h&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>การพบกัน (H2H) &lt;a href=&quot;#&quot;>ทั้งหมด 12 นัด →&lt;/a>&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;h2h-sum&quot;>&lt;span>บราซิล ชนะ 5&lt;/span>&lt;span>เสมอ 3&lt;/span>&lt;span>เยอรมนี ชนะ 4&lt;/span>&lt;/div>
          &lt;div class=&quot;h2h&quot;>&lt;span class=&quot;d num&quot;>ธ.ค. 2565&lt;/span>&lt;span class=&quot;m&quot;>ฟุตบอลโลก · &lt;b>บราซิล&lt;/b> พบ เยอรมนี&lt;/span>&lt;span class=&quot;s num&quot;>1-0&lt;/span>&lt;/div>
          &lt;div class=&quot;h2h&quot;>&lt;span class=&quot;d num&quot;>มิ.ย. 2567&lt;/span>&lt;span class=&quot;m&quot;>กระชับมิตร · เยอรมนี พบ บราซิล&lt;/span>&lt;span class=&quot;s num&quot;>2-2&lt;/span>&lt;/div>
          &lt;div class=&quot;h2h&quot;>&lt;span class=&quot;d num&quot;>ก.ค. 2557&lt;/span>&lt;span class=&quot;m&quot;>ฟุตบอลโลก รอบรองฯ · บราซิล พบ &lt;b>เยอรมนี&lt;/b>&lt;/span>&lt;span class=&quot;s num&quot;>1-7&lt;/span>&lt;/div>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ วิเคราะห์ / รายชื่อผู้เล่น ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;ana&quot; data-s=&quot;lineup&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>ขาดสนาม · บาดเจ็บ/โดนแบน&lt;/div>
        &lt;div class=&quot;card-in&quot;>
          &lt;div class=&quot;fx-t&quot; style=&quot;margin-top:0&quot;>🇧🇷 บราซิล&lt;/div>
          &lt;div class=&quot;inj&quot;>&lt;i>🩹&lt;/i>&lt;span>&lt;b>เอแดร์ มิลิเตา&lt;/b>&lt;span class=&quot;why&quot;>บาดเจ็บกล้ามเนื้อต้นขา&lt;/span>&lt;/span>&lt;span class=&quot;ret num&quot;>คาดกลับ รอบรองฯ&lt;/span>&lt;/div>
          &lt;div class=&quot;inj&quot;>&lt;i>🟥&lt;/i>&lt;span>&lt;b>ดักลาส ลุยซ์&lt;/b>&lt;span class=&quot;why&quot;>โดนแบน — ใบแดงรอบ 32 ทีม&lt;/span>&lt;/span>&lt;span class=&quot;ret num&quot;>กลับนัดถัดไป&lt;/span>&lt;/div>
          &lt;div class=&quot;fx-t&quot;>🇩🇪 เยอรมนี&lt;/div>
          &lt;div class=&quot;inj&quot;>&lt;i>🩹&lt;/i>&lt;span>&lt;b>คาย ฮาแวร์ตซ์&lt;/b>&lt;span class=&quot;why&quot;>บาดเจ็บข้อเท้า&lt;/span>&lt;/span>&lt;span class=&quot;ret num&quot;>พลาดทั้งทัวนาเมนต์&lt;/span>&lt;/div>
        &lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot;>รายชื่อผู้เล่น&lt;/div>
        &lt;div class=&quot;card-in&quot;>&lt;div class=&quot;stub&quot;>⬜ ตัวจริง 11 คน + สำรอง + แผงเปลี่ยนตัว (formation pitch view) — รอบถัดไป&lt;/div>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ทัวนาเมนต์ / วันนี้ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;tour&quot; data-s=&quot;today&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>ฟุตบอลโลก 2026 · แมตช์วันนี้&lt;/div>
        &lt;div class=&quot;mini now&quot;>&lt;span class=&quot;t&quot;>🇧🇷 &lt;b>บราซิล – เยอรมนี&lt;/b> 🇩🇪&lt;/span>&lt;span class=&quot;s num&quot;>2-1&lt;/span>&lt;span class=&quot;tv2 num&quot;>67'&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇪🇸 สเปน – อุรุกวัย 🇺🇾&lt;/span>&lt;span class=&quot;s num&quot;>1-0&lt;/span>&lt;span class=&quot;tv2 num&quot;>23'&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ – เม็กซิโก 🇲🇽&lt;/span>&lt;span class=&quot;tv2 num&quot;>22:00&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ทัวนาเมนต์ / ผลล่าสุด ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;tour&quot; data-s=&quot;results&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>ผลล่าสุด · รอบ 16 ทีม&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇦🇷 &lt;b>อาร์เจนตินา&lt;/b> – เดนมาร์ก 🇩🇰&lt;/span>&lt;span class=&quot;sf num&quot;>3-1&lt;/span>&lt;span class=&quot;tv2&quot;>จบ&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇫🇷 &lt;b>ฝรั่งเศส&lt;/b> – ไนจีเรีย 🇳🇬&lt;/span>&lt;span class=&quot;sf num&quot;>2-0&lt;/span>&lt;span class=&quot;tv2&quot;>จบ&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇲🇦 &lt;b>โมร็อกโก&lt;/b> – สหรัฐฯ 🇺🇸&lt;/span>&lt;span class=&quot;sf num&quot;>2-1&lt;/span>&lt;span class=&quot;tv2&quot;>จบ (ต่อเวลา)&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇳🇱 &lt;b>เนเธอร์แลนด์&lt;/b> – เกาหลีใต้ 🇰🇷&lt;/span>&lt;span class=&quot;sf num&quot;>1-0&lt;/span>&lt;span class=&quot;tv2&quot;>จบ&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ทัวนาเมนต์ / โปรแกรม ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;tour&quot; data-s=&quot;fixtures&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>โปรแกรมถัดไป&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ – เม็กซิโก 🇲🇽&lt;/span>&lt;span class=&quot;tv2 num&quot;>วันนี้ 22:00&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇵🇹 โปรตุเกส – ญี่ปุ่น 🇯🇵&lt;/span>&lt;span class=&quot;tv2 num&quot;>พรุ่งนี้ 02:00&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>รอบ 8 ทีม · คู่ที่ 1&lt;/span>&lt;span class=&quot;tv2 num&quot;>ศ. 10 ก.ค.&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ตารางคะแนน / ตาราง ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;stand&quot; data-s=&quot;table&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>รอบแบ่งกลุ่ม · กลุ่มซี (จบแล้ว)&lt;/div>
        &lt;div class=&quot;stb&quot;>
          &lt;div class=&quot;sr hd&quot;>&lt;span>&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;c&quot;>แข่ง&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span class=&quot;c&quot;>แต้ม&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>1&lt;/span>&lt;span class=&quot;tm2&quot;>🇧🇷 &lt;b>บราซิล&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+6&lt;/span>&lt;span class=&quot;pts&quot;>9&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>2&lt;/span>&lt;span class=&quot;tm2&quot;>🇲🇦 โมร็อกโก&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+2&lt;/span>&lt;span class=&quot;pts&quot;>6&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>3&lt;/span>&lt;span class=&quot;tm2&quot;>🇷🇸 เซอร์เบีย&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-3&lt;/span>&lt;span class=&quot;pts&quot;>3&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>4&lt;/span>&lt;span class=&quot;tm2&quot;>🇳🇿 นิวซีแลนด์&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-5&lt;/span>&lt;span class=&quot;pts&quot;>0&lt;/span>&lt;/div>
        &lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>รอบแบ่งกลุ่ม · กลุ่มอี (จบแล้ว)&lt;/div>
        &lt;div class=&quot;stb&quot;>
          &lt;div class=&quot;sr hd&quot;>&lt;span>&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;c&quot;>แข่ง&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span class=&quot;c&quot;>แต้ม&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>1&lt;/span>&lt;span class=&quot;tm2&quot;>🇩🇪 &lt;b>เยอรมนี&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+4&lt;/span>&lt;span class=&quot;pts&quot;>7&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>2&lt;/span>&lt;span class=&quot;tm2&quot;>🇪🇨 เอกวาดอร์&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+1&lt;/span>&lt;span class=&quot;pts&quot;>5&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>3&lt;/span>&lt;span class=&quot;tm2&quot;>🇹🇳 ตูนิเซีย&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-2&lt;/span>&lt;span class=&quot;pts&quot;>2&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>4&lt;/span>&lt;span class=&quot;tm2&quot;>🇯🇴 จอร์แดน&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-3&lt;/span>&lt;span class=&quot;pts&quot;>1&lt;/span>&lt;/div>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ตารางคะแนน / ดาวซัลโว ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;stand&quot; data-s=&quot;topscore&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>ดาวซัลโว · ฟุตบอลโลก 2026&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>1&lt;/span>&lt;span>🇫🇷 คีลิยัน เอ็มบัปเป้&lt;/span>&lt;span class=&quot;gl&quot;>5&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>2&lt;/span>&lt;span>🇧🇷 วินิซิอุส จูเนียร์&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>3&lt;/span>&lt;span>🇪🇸 ลามีน ยามาล&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>4&lt;/span>&lt;span>🏴󠁧󠁢󠁥󠁮󠁧󠁿 แฮร์รี่ เคน&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>5&lt;/span>&lt;span>🇦🇷 ลิโอเนล เมสซี่&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- FAQ (AEO) — อยู่นอก tab เห็นเสมอ -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;card-t&quot; style=&quot;padding-bottom:10px&quot;>คำถามที่พบบ่อย&lt;/div>
      &lt;details open>
        &lt;summary>บราซิล พบ เยอรมนี เตะกี่โมง?&lt;/summary>
        &lt;p>เตะวันจันทร์ที่ 6 กรกฎาคม 2569 เวลา 20:00 น. (เวลาไทย) ที่เมตไลฟ์ สเตเดียม สหรัฐอเมริกา — ฟุตบอลโลก 2026 รอบ 16 ทีม&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ดูถ่ายทอดสดช่องไหน?&lt;/summary>
        &lt;p>ประเทศไทยรับชมได้ทางช่อง 7HD (ฟรีทีวี) และสตรีมผ่าน TrueVisions NOW — ติดตามผลสดและสถิติแบบเรียลไทม์ได้ที่หน้านี้&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>สถิติการพบกันเป็นอย่างไร?&lt;/summary>
        &lt;p>พบกันมาแล้ว 12 นัด บราซิลชนะ 5 เสมอ 3 เยอรมนีชนะ 4 — นัดที่คนจดจำคือรอบรองชนะเลิศฟุตบอลโลก 2014 ที่เยอรมนีชนะ 7-1&lt;/p>
      &lt;/details>
    &lt;/section>

    &lt;div class=&quot;links&quot;>
      &lt;a href=&quot;#&quot;>ตารางคะแนนฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมรอบ 8 ทีม&lt;/a>
      &lt;a href=&quot;#&quot;>ทีมชาติบราซิล&lt;/a>
      &lt;a href=&quot;#&quot;>ทีมชาติเยอรมนี&lt;/a>
      &lt;a href=&quot;#&quot;>ดาวซัลโว&lt;/a>
    &lt;/div>
  &lt;/section>

  &lt;!-- RAIL -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>รอบ 16 ทีม · แมตช์อื่น&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇪🇸 สเปน – อุรุกวัย 🇺🇾&lt;/span>&lt;span class=&quot;s num&quot;>1-0&lt;/span>&lt;span class=&quot;tv2 num&quot;>23'&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇦🇷 อาร์เจนตินา – เดนมาร์ก 🇩🇰&lt;/span>&lt;span class=&quot;sf num&quot;>3-1&lt;/span>&lt;span class=&quot;tv2&quot;>จบ&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇫🇷 ฝรั่งเศส – ไนจีเรีย 🇳🇬&lt;/span>&lt;span class=&quot;sf num&quot;>2-0&lt;/span>&lt;span class=&quot;tv2&quot;>จบ&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ – เม็กซิโก 🇲🇽&lt;/span>&lt;span class=&quot;tv2 num&quot;>22:00&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;sp-card&quot;>
      &lt;div class=&quot;sp-logo&quot;>SCORE&lt;i>PULSE&lt;/i>&lt;/div>
      &lt;p>widget ผลบอลสดแบบหน้านี้ ติดตั้งบนเว็บคุณได้ — feed · API · widget&lt;/p>
      &lt;a href=&quot;#&quot;>ดูแพ็กเกจ →&lt;/a>
    &lt;/div>
  &lt;/aside>
&lt;/div>

&lt;footer>
  &lt;span>© 2569 score108.com&lt;/span>
  &lt;span>prototype Phase 2 · match detail — ทุก tab render ใน DOM (SSR) เพื่อ SEO, สลับด้วย client&lt;/span>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a class=&quot;on&quot; href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
/* theme toggle */
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();

/* tab หลัก + sub tab (จำ sub ล่าสุดของแต่ละ tab หลัก) */
const state={m:'match',s:{match:'sum',ana:'auto',tour:'today',stand:'table'}};
function renderTabs(){
  document.querySelectorAll('.tabs a').forEach(a=>a.classList.toggle('on',a.dataset.m===state.m));
  document.querySelectorAll('.subtabs').forEach(b=>b.classList.toggle('on',b.dataset.m===state.m));
  document.querySelectorAll('.subtabs .st').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m&amp;&amp;p.dataset.s===state.s[state.m]));
  document.querySelectorAll('.pane').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m&amp;&amp;p.dataset.s===state.s[state.m]));
}
document.querySelectorAll('.tabs a').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();state.m=a.dataset.m;renderTabs()}));
document.querySelectorAll('.subtabs .st').forEach(p=>p.addEventListener('click',()=>{state.m=p.dataset.m;state.s[p.dataset.m]=p.dataset.s;renderTabs()}));
renderTabs();
&lt;/script>
"></iframe>
  <iframe id="f-comp" title="🏆 competition" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>ฟุตบอลโลก 2026 ตารางคะแนน โปรแกรม ดาวซัลโว — score108 (prototype competition)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12): BreadcrumbList + SportsEvent + FAQPage + Organization ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;ฟุตบอล&quot;,&quot;item&quot;:&quot;https://www.score108.com/football&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;ฟุตบอลโลก 2026&quot;}]},
 {&quot;@type&quot;:&quot;SportsEvent&quot;,&quot;name&quot;:&quot;ฟุตบอลโลก 2026&quot;,&quot;sport&quot;:&quot;Football&quot;,&quot;startDate&quot;:&quot;2026-06-11&quot;,&quot;endDate&quot;:&quot;2026-07-19&quot;,&quot;eventStatus&quot;:&quot;https://schema.org/EventScheduled&quot;,
  &quot;location&quot;:{&quot;@type&quot;:&quot;Place&quot;,&quot;name&quot;:&quot;สหรัฐอเมริกา · แคนาดา · เม็กซิโก&quot;},&quot;organizer&quot;:{&quot;@type&quot;:&quot;SportsOrganization&quot;,&quot;name&quot;:&quot;FIFA&quot;}},
 {&quot;@type&quot;:&quot;FAQPage&quot;,&quot;mainEntity&quot;:[
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ฟุตบอลโลก 2026 รอบต่อไปเตะเมื่อไหร่?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;รอบ 16 ทีมแข่งถึงวันอังคารที่ 7 กรกฎาคม 2569 จากนั้นรอบ 8 ทีมเริ่มคืนวันศุกร์ที่ 10 กรกฎาคม (ตี 2 เวลาไทย) — ดูโปรแกรมครบทุกคู่ได้ที่ tab โปรแกรมด้านบน&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;นัดชิงชนะเลิศแข่งเมื่อไหร่ ที่ไหน?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;นัดชิงชนะเลิศแข่งคืนวันอาทิตย์ที่ 19 กรกฎาคม 2569 เวลา 02:00 น. (เวลาไทย) ที่เมตไลฟ์ สเตเดียม รัฐนิวเจอร์ซีย์ สหรัฐอเมริกา&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ใครเป็นดาวซัลโวฟุตบอลโลก 2026?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;คีลิยัน เอ็มบัปเป้ (ฝรั่งเศส) นำอยู่ที่ 5 ประตู ตามด้วยวินิซิอุส จูเนียร์ (บราซิล) และลามีน ยามาล (สเปน) คนละ 4 ประตู — อัปเดตสดหลังจบทุกแมตช์&quot;}}]},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --draw:#5B667A;
    --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
    --s-home:#3987E5; --s-away:#199E70;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --draw:#5B667A;
  --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
  --s-home:#3987E5; --s-away:#199E70;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif;
  padding-bottom:64px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.hscroll{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hscroll::-webkit-scrollbar{display:none}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.mainnav a.on{color:var(--ink);font-weight:700;background:var(--bg)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}

/* ========= SHELL ========= */
.shell{max-width:1200px;margin:10px auto 0;padding:0 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rail{display:none}
.rail-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px 0;margin-bottom:12px}
.rail-t{font-size:12px;font-weight:700;color:var(--muted);padding:8px 14px 4px}
.rail-card a{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:13px;border-left:2px solid transparent}
.rail-card a:hover{background:var(--bg)}
.rail-card a.on{font-weight:700;color:var(--ink);border-left-color:var(--brand);background:var(--bg)}
.rail-card a.more{color:var(--muted);font-size:12px}
.crumb{font-size:11.5px;color:var(--muted);padding:2px 4px 8px;display:flex;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--text);font-weight:600}
.page-head{padding:0 4px 10px}
.page-head h1{margin:0;font-size:16px;color:var(--ink);font-weight:700;text-wrap:balance}
.page-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}

/* ========= CARD ========= */
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.card-t{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 0;font-size:14px;font-weight:700;color:var(--ink)}
.card-t a{font-size:12px;font-weight:500;color:var(--muted)}
.card-t a:hover{color:var(--ink)}
.card-in{padding:12px 16px 16px}
.card-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted)}

/* ========= HERO ลีก ========= */
.hero-lg{display:flex;align-items:center;gap:14px;padding:16px;flex-wrap:wrap}
.lg-badge{flex:none;width:56px;height:56px;border-radius:14px;background:var(--band);display:flex;align-items:center;justify-content:center;font-size:30px}
.hero-lg .info{flex:1;min-width:220px}
.hero-lg .info b{display:block;font-size:17px;color:var(--ink);font-weight:800}
.hero-lg .info p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.hero-lg .hactions{display:flex;gap:8px}
.pillb{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;color:var(--muted)}
.pillb:hover{color:var(--ink);border-color:var(--ink)}
.lg-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 14px}
.lg-chips span{background:var(--band);color:var(--text);font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 12px;display:inline-flex;align-items:center;gap:6px}
.lg-chips .livedot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}

/* ========= TABS หลัก + SUB ========= */
.tabwrap{position:sticky;top:52px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.tabs{display:flex;gap:2px;padding:0 6px;white-space:nowrap;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:11px 14px 9px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}
.tabs a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.tabs a:hover{color:var(--ink)}
.subtabs{display:none;gap:6px;padding:8px 10px;background:var(--band);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.subtabs.on{display:flex}
.subtabs .st{flex:none;border:1px solid transparent;border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:500;color:var(--muted)}
.subtabs .st:hover{color:var(--ink)}
.subtabs .st.on{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:700}
.pane{display:none}
.pane.on{display:block}

/* ========= แถบจัดกลุ่มวันที่/รอบ ========= */
.dband{background:var(--band);color:var(--muted);font-size:11px;font-weight:600;padding:5px 12px}
.dband b{color:var(--ink);font-weight:700}

/* ========= MATCH ROW (component เดียวกับ live-home) ========= */
.match{display:grid;grid-template-columns:46px minmax(0,1fr) auto 34px;grid-template-areas:&quot;st home sc fav&quot; &quot;st away sc fav&quot;;align-items:center;row-gap:3px;padding:8px 6px 8px 0;min-height:52px;border-top:1px solid var(--line)}
.dband+.match{border-top:0}
.match:hover{background:var(--bg)}
.st{grid-area:st;text-align:center;font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px}
.live .st b{color:var(--brand);font-weight:700;font-size:12px}
.live .st i{width:5px;height:5px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}
.tm{display:flex;align-items:center;gap:8px;font-size:13.5px;min-width:0}
.tm.home{grid-area:home}.tm.away{grid-area:away}
.tm .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm.w .nm{font-weight:700;color:var(--ink)}
.ft .tm:not(.w) .nm{color:var(--muted)}
.tm.tbd .nm{color:var(--muted);font-size:12.5px}
.bd{flex:none;width:20px;height:20px;border-radius:50%;background:var(--bd-bg);color:var(--bd-tx);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bd.flag{background:none;font-size:17px}
.sc{grid-area:sc;display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0 10px;font-size:14px}
.sc b{font-weight:600;color:var(--text);min-width:14px;text-align:center;border-radius:4px;padding:0 3px}
.sc b.w{font-weight:800;color:var(--ink)}
.live .sc b{color:var(--brand);font-weight:800}
.pre .sc{align-items:center;justify-content:center}
.pre .sc b{color:var(--muted);font-weight:400}
.fav{grid-area:fav;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted);border-radius:50%}
.fav:hover{background:var(--brand-soft);color:var(--brand-deep)}
.linkrow{display:block;text-align:center;font-size:12px;color:var(--muted);padding:9px;border-top:1px solid var(--line)}
.linkrow:hover{color:var(--ink)}

/* ========= ตารางคะแนน ========= */
.stb{padding:4px 0}
.stb .sr{display:grid;grid-template-columns:24px minmax(0,1fr) 36px 36px 40px;gap:6px;align-items:center;padding:6px 16px;font-size:12.5px}
.stb .sr.hd{color:var(--muted);font-size:10.5px;font-weight:600;padding-bottom:2px}
.stb .sr:not(.hd){border-top:1px solid var(--line)}
.stb .sr.q{box-shadow:inset 2px 0 0 var(--win)}
.stb .pos{color:var(--muted);font-size:11.5px}
.stb .tm2{display:flex;align-items:center;gap:7px;min-width:0}
.stb .tm2 b{color:var(--ink)}
.stb .c{text-align:center}
.stb .pts{text-align:center;font-weight:700;color:var(--ink)}
.q-leg{font-size:11px;color:var(--muted);padding:8px 16px 12px;display:flex;align-items:center;gap:6px}
.q-leg i{width:8px;height:8px;border-radius:2px;background:var(--win)}

/* ========= BRACKET (สายน็อคเอาท์) ========= */
.bk{display:flex;gap:12px;padding:12px;align-items:stretch}
.bkc{flex:none;width:206px;display:flex;flex-direction:column;gap:8px}
.bkc.mid{justify-content:space-around}
.bk-t{font-size:11px;font-weight:700;color:var(--muted);text-align:center;padding-bottom:2px}
.tie{border:1px solid var(--line);border-radius:8px;padding:6px 10px 8px;background:var(--surface)}
.tie-m{font-size:10.5px;color:var(--muted);padding-bottom:4px;display:flex;align-items:center;gap:5px}
.tie.live .tie-m{color:var(--brand-deep);font-weight:700}
.tie.live .tie-m i{width:5px;height:5px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}
.tie .tr{display:flex;align-items:center;gap:7px;font-size:12.5px;padding:2px 0}
.tie .tr .fl2{flex:none;width:18px;text-align:center}
.tie .tr .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tie .tr b{font-weight:600;color:var(--text);font-size:13px}
.tie.ft .tr.w .nm{font-weight:700;color:var(--ink)}
.tie.ft .tr.w b{font-weight:800;color:var(--ink)}
.tie.ft .tr:not(.w) .nm{color:var(--muted)}
.tie.live .tr b{color:var(--brand);font-weight:800}
.tie .tr.tbd .nm{color:var(--muted);font-size:11.5px}

/* ========= ดาวซัลโว ========= */
.wrow{display:grid;grid-template-columns:22px minmax(0,1fr) 40px 44px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;border-top:1px solid var(--line)}
.wrow.hd{border-top:0;color:var(--muted);font-size:10.5px;font-weight:600;padding-bottom:0}
.wrow:hover:not(.hd){background:var(--bg)}
.wrow .rk{color:var(--muted);font-size:12px;text-align:center}
.wrow .pl{display:flex;align-items:center;gap:8px;min-width:0}
.wrow .pl .who b{display:block;color:var(--ink);font-weight:600;font-size:13px;line-height:1.3}
.wrow .pl .who span{font-size:11px;color:var(--muted)}
.wrow .c{text-align:center;color:var(--muted)}
.wrow .gl{font-weight:800;color:var(--ink);text-align:center}

/* ========= FAQ / SEO / MINI / FOOTER ========= */
details{border-top:1px solid var(--line);padding:0 16px}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:600;color:var(--ink)}
details summary::after{content:&quot;+&quot;;color:var(--muted);font-size:16px;font-weight:400}
details[open] summary::after{content:&quot;–&quot;}
details p{margin:0 0 12px;font-size:12.5px;color:var(--muted);max-width:65ch}
.seo{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:16px;margin:0 0 10px}
.seo h2{margin:0 0 6px;font-size:15px;color:var(--ink)}
.seo p{margin:0 0 8px;font-size:13px;color:var(--muted);max-width:65ch}
.links{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 8px}
.links a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--text)}
.links a:hover{border-color:var(--ink);color:var(--ink)}
.mini{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.mini .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .s{font-weight:800;color:var(--brand)}
.mini .tv2{color:var(--muted);font-size:11.5px}
.inforow{display:flex;justify-content:space-between;gap:10px;padding:7px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.inforow:first-of-type{border-top:0}
.inforow .k{color:var(--muted)}
.inforow .v{color:var(--ink);font-weight:600;text-align:right}
footer{max-width:1200px;margin:20px auto 0;padding:16px 16px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sp-card{background:#1B2740;color:#E9EDF5;border-radius:10px;padding:16px;margin-bottom:12px}
.sp-card .sp-logo{font-weight:800;letter-spacing:.04em;font-size:14px;color:#fff}
.sp-card .sp-logo i{color:#F26A47;font-style:normal}
.sp-card p{margin:6px 0 10px;font-size:12.5px;color:#B9C3D6}
.sp-card a{display:inline-block;background:#F26A47;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px}

/* ========= BOTTOM NAV ========= */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottomnav a.on{color:var(--brand-deep);font-weight:700}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (min-width:760px){
  body{padding-bottom:0}
  .bottomnav{display:none}
  .mainnav{display:flex}
  .page-head h1{font-size:19px}
  .hero-lg .info b{font-size:20px}
  .lg-badge{width:64px;height:64px;font-size:34px}
}
@media (min-width:900px){
  .match{grid-template-columns:52px minmax(0,1fr) 96px minmax(0,1fr) 40px;grid-template-areas:&quot;st home sc away fav&quot;;min-height:38px;padding:5px 6px 5px 0;row-gap:0}
  .tm.home{justify-content:flex-end;text-align:right}
  .tm.home .bd{order:2}
  .sc{flex-direction:row;align-items:center;justify-content:center;gap:14px;position:relative}
  .sc::before{content:&quot;&quot;;position:absolute;left:50%;top:50%;width:6px;height:1.5px;background:var(--muted);transform:translate(-50%,-50%);opacity:.55}
  .pre .sc::before{display:none}
}
@media (min-width:1100px){
  .shell{grid-template-columns:220px minmax(0,1fr) 300px}
  .rail{display:block}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 1 · competition (หน้าลีก/ทัวนาเมนต์) · tab หลัก + sub ภาษาเดียวกับ match-detail — &lt;b>กดสลับ tab ได้จริง&lt;/b> · ข้อมูลตัวอย่าง&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a href=&quot;#&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a class=&quot;on&quot; href=&quot;#&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหา&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;div class=&quot;shell&quot;>

  &lt;!-- ซ้าย: ลีกยอดนิยม (desktop ≥1100) -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;rail-card&quot;>
      &lt;div class=&quot;rail-t&quot;>ลีกยอดนิยม&lt;/div>
      &lt;a class=&quot;on&quot; href=&quot;#&quot;>🏆 ฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>🇹🇭 ไทยลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 พรีเมียร์ลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇪🇸 ลาลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇩🇪 บุนเดสลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇮🇹 กัลโช่ เซเรีย อา&lt;/a>
      &lt;a href=&quot;#&quot;>🇯🇵 เจลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇰🇷 เคลีก 1&lt;/a>
      &lt;a href=&quot;#&quot;>🇺🇸 เมเจอร์ลีก ซอคเกอร์&lt;/a>
      &lt;a href=&quot;#&quot;>⭐ ยูฟ่า แชมเปียนส์ลีก&lt;/a>
      &lt;a class=&quot;more&quot; href=&quot;#&quot;>ประเทศทั้งหมด ▾&lt;/a>
    &lt;/div>
  &lt;/aside>

  &lt;!-- กลาง -->
  &lt;section>
    &lt;nav class=&quot;crumb&quot;>
      &lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;a href=&quot;#&quot;>ฟุตบอล&lt;/a> › &lt;b>ฟุตบอลโลก 2026&lt;/b>
    &lt;/nav>
    &lt;div class=&quot;page-head&quot;>
      &lt;h1>ฟุตบอลโลก 2026 — โปรแกรมบอล ผลบอล ตารางคะแนน ดาวซัลโว&lt;/h1>
      &lt;p>อัปเดตสดทุกแมตช์ · 11 มิถุนายน – 19 กรกฎาคม 2569 · สหรัฐฯ แคนาดา เม็กซิโก&lt;/p>
    &lt;/div>

    &lt;!-- HERO ลีก -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;hero-lg&quot;>
        &lt;div class=&quot;lg-badge&quot;>🏆&lt;/div>
        &lt;div class=&quot;info&quot;>
          &lt;b>ฟุตบอลโลก 2026&lt;/b>
          &lt;p>FIFA World Cup · ทีมชาติ · จัดทุก 4 ปี&lt;/p>
        &lt;/div>
        &lt;div class=&quot;hactions&quot;>
          &lt;button class=&quot;pillb&quot;>☆ ติดตาม&lt;/button>
          &lt;button class=&quot;pillb&quot;>↗ แชร์&lt;/button>
        &lt;/div>
      &lt;/div>
      &lt;div class=&quot;lg-chips&quot;>
        &lt;span>&lt;i class=&quot;livedot&quot;>&lt;/i> รอบ 16 ทีม — กำลังแข่ง&lt;/span>
        &lt;span class=&quot;num&quot;>48 ทีม · 104 นัด&lt;/span>
        &lt;span>แชมป์เก่า 🇦🇷 อาร์เจนตินา&lt;/span>
      &lt;/div>
    &lt;/section>

    &lt;!-- TABS หลัก + SUB -->
    &lt;div class=&quot;tabwrap&quot;>
      &lt;nav class=&quot;tabs&quot;>
        &lt;a href=&quot;#&quot; data-m=&quot;match&quot; class=&quot;on&quot;>แมตช์&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;stand&quot;>ตารางคะแนน&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;top&quot;>ดาวซัลโว&lt;/a>
      &lt;/nav>
      &lt;nav class=&quot;subtabs on&quot; data-m=&quot;match&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;match&quot; data-s=&quot;today&quot;>วันนี้&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;match&quot; data-s=&quot;results&quot;>ผลล่าสุด&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;match&quot; data-s=&quot;fixtures&quot;>โปรแกรม&lt;/button>
      &lt;/nav>
      &lt;nav class=&quot;subtabs&quot; data-m=&quot;stand&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;stand&quot; data-s=&quot;group&quot;>รอบแบ่งกลุ่ม&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;stand&quot; data-s=&quot;knock&quot;>สายน็อคเอาท์&lt;/button>
      &lt;/nav>
      &lt;nav class=&quot;subtabs&quot; data-m=&quot;top&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;top&quot; data-s=&quot;goals&quot;>ประตู&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;top&quot; data-s=&quot;assists&quot;>แอสซิสต์&lt;/button>
      &lt;/nav>
    &lt;/div>

    &lt;!-- ============ แมตช์ / วันนี้ ============ -->
    &lt;div class=&quot;pane on&quot; data-m=&quot;match&quot; data-s=&quot;today&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;dband&quot;>รอบ 16 ทีม · &lt;b>วันนี้ — จันทร์ที่ 6 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match live&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>&lt;b>67'&lt;/b>&lt;i>&lt;/i>&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇩🇪&lt;/i>&lt;span class=&quot;nm&quot;>เยอรมนี&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>1&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot; title=&quot;ติดตามแมตช์&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match live&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>&lt;b>23'&lt;/b>&lt;i>&lt;/i>&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇪🇸&lt;/i>&lt;span class=&quot;nm&quot;>สเปน&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇺🇾&lt;/i>&lt;span class=&quot;nm&quot;>อุรุกวัย&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>1&lt;/b>&lt;b>0&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>22:00&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿&lt;/i>&lt;span class=&quot;nm&quot;>อังกฤษ&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇲🇽&lt;/i>&lt;span class=&quot;nm&quot;>เม็กซิโก&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>02:00&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇵🇹&lt;/i>&lt;span class=&quot;nm&quot;>โปรตุเกส&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇯🇵&lt;/i>&lt;span class=&quot;nm&quot;>ญี่ปุ่น&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ แมตช์ / ผลล่าสุด ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;match&quot; data-s=&quot;results&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;dband&quot;>รอบ 16 ทีม · &lt;b>อาทิตย์ที่ 5 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇦🇷&lt;/i>&lt;span class=&quot;nm&quot;>อาร์เจนตินา&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇩🇰&lt;/i>&lt;span class=&quot;nm&quot;>เดนมาร์ก&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>3&lt;/b>&lt;b>1&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇫🇷&lt;/i>&lt;span class=&quot;nm&quot;>ฝรั่งเศส&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇳🇬&lt;/i>&lt;span class=&quot;nm&quot;>ไนจีเรีย&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>0&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>รอบ 16 ทีม · &lt;b>เสาร์ที่ 4 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;br>ต่อเวลา&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇲🇦&lt;/i>&lt;span class=&quot;nm&quot;>โมร็อกโก&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇺🇸&lt;/i>&lt;span class=&quot;nm&quot;>สหรัฐอเมริกา&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>1&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇳🇱&lt;/i>&lt;span class=&quot;nm&quot;>เนเธอร์แลนด์&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇰🇷&lt;/i>&lt;span class=&quot;nm&quot;>เกาหลีใต้&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>1&lt;/b>&lt;b>0&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>รอบแบ่งกลุ่ม นัดสุดท้าย · &lt;b>พุธที่ 1 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇷🇸&lt;/i>&lt;span class=&quot;nm&quot;>เซอร์เบีย&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>0&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇩🇪&lt;/i>&lt;span class=&quot;nm&quot;>เยอรมนี&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇪🇨&lt;/i>&lt;span class=&quot;nm&quot;>เอกวาดอร์&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b>2&lt;/b>&lt;b>2&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูผลทั้งหมด →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ แมตช์ / โปรแกรม ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;match&quot; data-s=&quot;fixtures&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;dband&quot;>รอบ 16 ทีม · &lt;b>วันนี้ — จันทร์ที่ 6 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>22:00&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿&lt;/i>&lt;span class=&quot;nm&quot;>อังกฤษ&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇲🇽&lt;/i>&lt;span class=&quot;nm&quot;>เม็กซิโก&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>รอบ 16 ทีม · &lt;b>อังคารที่ 7 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>02:00&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇵🇹&lt;/i>&lt;span class=&quot;nm&quot;>โปรตุเกส&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇯🇵&lt;/i>&lt;span class=&quot;nm&quot;>ญี่ปุ่น&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>รอบ 8 ทีม · &lt;b>ศุกร์ที่ 10 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>02:00&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇦🇷&lt;/i>&lt;span class=&quot;nm&quot;>อาร์เจนตินา&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇫🇷&lt;/i>&lt;span class=&quot;nm&quot;>ฝรั่งเศส&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>06:00&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇲🇦&lt;/i>&lt;span class=&quot;nm&quot;>โมร็อกโก&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇳🇱&lt;/i>&lt;span class=&quot;nm&quot;>เนเธอร์แลนด์&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>รอบ 8 ทีม · &lt;b>เสาร์ที่ 11 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>02:00&lt;/span>
          &lt;span class=&quot;tm home tbd&quot;>&lt;i class=&quot;bd&quot;>?&lt;/i>&lt;span class=&quot;nm&quot;>ชนะคู่ บราซิล–เยอรมนี&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away tbd&quot;>&lt;i class=&quot;bd&quot;>?&lt;/i>&lt;span class=&quot;nm&quot;>ชนะคู่ สเปน–อุรุกวัย&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>06:00&lt;/span>
          &lt;span class=&quot;tm home tbd&quot;>&lt;i class=&quot;bd&quot;>?&lt;/i>&lt;span class=&quot;nm&quot;>ชนะคู่ อังกฤษ–เม็กซิโก&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away tbd&quot;>&lt;i class=&quot;bd&quot;>?&lt;/i>&lt;span class=&quot;nm&quot;>ชนะคู่ โปรตุเกส–ญี่ปุ่น&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูโปรแกรมทั้งหมด →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ตารางคะแนน / รอบแบ่งกลุ่ม ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;stand&quot; data-s=&quot;group&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>กลุ่มซี (จบแล้ว)&lt;/div>
        &lt;div class=&quot;stb&quot;>
          &lt;div class=&quot;sr hd&quot;>&lt;span>&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;c&quot;>แข่ง&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span class=&quot;c&quot;>แต้ม&lt;/span>&lt;/div>
          &lt;div class=&quot;sr q num&quot;>&lt;span class=&quot;pos&quot;>1&lt;/span>&lt;span class=&quot;tm2&quot;>🇧🇷 &lt;b>บราซิล&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+6&lt;/span>&lt;span class=&quot;pts&quot;>9&lt;/span>&lt;/div>
          &lt;div class=&quot;sr q num&quot;>&lt;span class=&quot;pos&quot;>2&lt;/span>&lt;span class=&quot;tm2&quot;>🇲🇦 โมร็อกโก&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+2&lt;/span>&lt;span class=&quot;pts&quot;>6&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>3&lt;/span>&lt;span class=&quot;tm2&quot;>🇷🇸 เซอร์เบีย&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-3&lt;/span>&lt;span class=&quot;pts&quot;>3&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>4&lt;/span>&lt;span class=&quot;tm2&quot;>🇳🇿 นิวซีแลนด์&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-5&lt;/span>&lt;span class=&quot;pts&quot;>0&lt;/span>&lt;/div>
        &lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>กลุ่มอี (จบแล้ว)&lt;/div>
        &lt;div class=&quot;stb&quot;>
          &lt;div class=&quot;sr hd&quot;>&lt;span>&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;c&quot;>แข่ง&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span class=&quot;c&quot;>แต้ม&lt;/span>&lt;/div>
          &lt;div class=&quot;sr q num&quot;>&lt;span class=&quot;pos&quot;>1&lt;/span>&lt;span class=&quot;tm2&quot;>🇩🇪 &lt;b>เยอรมนี&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+4&lt;/span>&lt;span class=&quot;pts&quot;>7&lt;/span>&lt;/div>
          &lt;div class=&quot;sr q num&quot;>&lt;span class=&quot;pos&quot;>2&lt;/span>&lt;span class=&quot;tm2&quot;>🇪🇨 เอกวาดอร์&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+1&lt;/span>&lt;span class=&quot;pts&quot;>5&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>3&lt;/span>&lt;span class=&quot;tm2&quot;>🇹🇳 ตูนิเซีย&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-2&lt;/span>&lt;span class=&quot;pts&quot;>2&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>4&lt;/span>&lt;span class=&quot;tm2&quot;>🇯🇴 จอร์แดน&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-3&lt;/span>&lt;span class=&quot;pts&quot;>1&lt;/span>&lt;/div>
        &lt;/div>
        &lt;div class=&quot;q-leg&quot;>&lt;i>&lt;/i> เข้ารอบ 32 ทีม (อันดับ 1–2 + อันดับ 3 ที่ดีที่สุด 8 ทีม)&lt;/div>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูครบทั้ง 12 กลุ่ม (เอ–แอล) →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ตารางคะแนน / สายน็อคเอาท์ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;stand&quot; data-s=&quot;knock&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>สายน็อคเอาท์ · เลื่อนดูซ้าย–ขวา&lt;/div>
        &lt;div class=&quot;hscroll&quot;>
          &lt;div class=&quot;bk num&quot;>
            &lt;div class=&quot;bkc&quot;>
              &lt;div class=&quot;bk-t&quot;>รอบ 16 ทีม&lt;/div>
              &lt;div class=&quot;tie ft&quot;>&lt;div class=&quot;tie-m&quot;>อา. 5 ก.ค. · จบ&lt;/div>
                &lt;div class=&quot;tr w&quot;>&lt;span class=&quot;fl2&quot;>🇦🇷&lt;/span>&lt;span class=&quot;nm&quot;>อาร์เจนตินา&lt;/span>&lt;b>3&lt;/b>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇩🇰&lt;/span>&lt;span class=&quot;nm&quot;>เดนมาร์ก&lt;/span>&lt;b>1&lt;/b>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie ft&quot;>&lt;div class=&quot;tie-m&quot;>อา. 5 ก.ค. · จบ&lt;/div>
                &lt;div class=&quot;tr w&quot;>&lt;span class=&quot;fl2&quot;>🇫🇷&lt;/span>&lt;span class=&quot;nm&quot;>ฝรั่งเศส&lt;/span>&lt;b>2&lt;/b>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇳🇬&lt;/span>&lt;span class=&quot;nm&quot;>ไนจีเรีย&lt;/span>&lt;b>0&lt;/b>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie ft&quot;>&lt;div class=&quot;tie-m&quot;>ส. 4 ก.ค. · จบ (ต่อเวลา)&lt;/div>
                &lt;div class=&quot;tr w&quot;>&lt;span class=&quot;fl2&quot;>🇲🇦&lt;/span>&lt;span class=&quot;nm&quot;>โมร็อกโก&lt;/span>&lt;b>2&lt;/b>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇺🇸&lt;/span>&lt;span class=&quot;nm&quot;>สหรัฐอเมริกา&lt;/span>&lt;b>1&lt;/b>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie ft&quot;>&lt;div class=&quot;tie-m&quot;>ส. 4 ก.ค. · จบ&lt;/div>
                &lt;div class=&quot;tr w&quot;>&lt;span class=&quot;fl2&quot;>🇳🇱&lt;/span>&lt;span class=&quot;nm&quot;>เนเธอร์แลนด์&lt;/span>&lt;b>1&lt;/b>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇰🇷&lt;/span>&lt;span class=&quot;nm&quot;>เกาหลีใต้&lt;/span>&lt;b>0&lt;/b>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie live&quot;>&lt;div class=&quot;tie-m&quot;>&lt;i>&lt;/i>LIVE 67'&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇧🇷&lt;/span>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;b>2&lt;/b>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇩🇪&lt;/span>&lt;span class=&quot;nm&quot;>เยอรมนี&lt;/span>&lt;b>1&lt;/b>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie live&quot;>&lt;div class=&quot;tie-m&quot;>&lt;i>&lt;/i>LIVE 23'&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇪🇸&lt;/span>&lt;span class=&quot;nm&quot;>สเปน&lt;/span>&lt;b>1&lt;/b>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇺🇾&lt;/span>&lt;span class=&quot;nm&quot;>อุรุกวัย&lt;/span>&lt;b>0&lt;/b>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>วันนี้ 22:00&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿&lt;/span>&lt;span class=&quot;nm&quot;>อังกฤษ&lt;/span>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇲🇽&lt;/span>&lt;span class=&quot;nm&quot;>เม็กซิโก&lt;/span>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>อ. 7 ก.ค. 02:00&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇵🇹&lt;/span>&lt;span class=&quot;nm&quot;>โปรตุเกส&lt;/span>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇯🇵&lt;/span>&lt;span class=&quot;nm&quot;>ญี่ปุ่น&lt;/span>&lt;/div>&lt;/div>
            &lt;/div>
            &lt;div class=&quot;bkc mid&quot;>
              &lt;div class=&quot;bk-t&quot;>รอบ 8 ทีม&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>ศ. 10 ก.ค. 02:00&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇦🇷&lt;/span>&lt;span class=&quot;nm&quot;>อาร์เจนตินา&lt;/span>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇫🇷&lt;/span>&lt;span class=&quot;nm&quot;>ฝรั่งเศส&lt;/span>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>ศ. 10 ก.ค. 06:00&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇲🇦&lt;/span>&lt;span class=&quot;nm&quot;>โมร็อกโก&lt;/span>&lt;/div>
                &lt;div class=&quot;tr&quot;>&lt;span class=&quot;fl2&quot;>🇳🇱&lt;/span>&lt;span class=&quot;nm&quot;>เนเธอร์แลนด์&lt;/span>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>ส. 11 ก.ค. 02:00&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>ชนะคู่ บราซิล–เยอรมนี&lt;/span>&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>ชนะคู่ สเปน–อุรุกวัย&lt;/span>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>ส. 11 ก.ค. 06:00&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>ชนะคู่ อังกฤษ–เม็กซิโก&lt;/span>&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>ชนะคู่ โปรตุเกส–ญี่ปุ่น&lt;/span>&lt;/div>&lt;/div>
            &lt;/div>
            &lt;div class=&quot;bkc mid&quot;>
              &lt;div class=&quot;bk-t&quot;>รอบรองชนะเลิศ&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>อ. 14 ก.ค. 02:00&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>รอผลรอบ 8 ทีม&lt;/span>&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>รอผลรอบ 8 ทีม&lt;/span>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>พ. 15 ก.ค. 02:00&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>รอผลรอบ 8 ทีม&lt;/span>&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>รอผลรอบ 8 ทีม&lt;/span>&lt;/div>&lt;/div>
            &lt;/div>
            &lt;div class=&quot;bkc mid&quot;>
              &lt;div class=&quot;bk-t&quot;>ชิงชนะเลิศ&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>🏆 อา. 19 ก.ค. 02:00 · เมตไลฟ์ สเตเดียม&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>รอผลรอบรองฯ&lt;/span>&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>รอผลรอบรองฯ&lt;/span>&lt;/div>&lt;/div>
              &lt;div class=&quot;tie pre&quot;>&lt;div class=&quot;tie-m&quot;>ชิงที่ 3 · ส. 18 ก.ค. 02:00&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>แพ้รอบรองฯ&lt;/span>&lt;/div>
                &lt;div class=&quot;tr tbd&quot;>&lt;span class=&quot;fl2&quot;>?&lt;/span>&lt;span class=&quot;nm&quot;>แพ้รอบรองฯ&lt;/span>&lt;/div>&lt;/div>
            &lt;/div>
          &lt;/div>
        &lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ดาวซัลโว / ประตู ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;top&quot; data-s=&quot;goals&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;wrow hd&quot;>&lt;span>&lt;/span>&lt;span>ผู้เล่น&lt;/span>&lt;span class=&quot;c&quot;>นัด&lt;/span>&lt;span class=&quot;c&quot;>ประตู&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>1&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>คีลิยัน เอ็มบัปเป้&lt;/b>&lt;span>🇫🇷 ฝรั่งเศส&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>5&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>2&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>วินิซิอุส จูเนียร์&lt;/b>&lt;span>🇧🇷 บราซิล&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>3&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>ลามีน ยามาล&lt;/b>&lt;span>🇪🇸 สเปน&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>4&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>แฮร์รี่ เคน&lt;/b>&lt;span>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>4&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>5&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>ลิโอเนล เมสซี่&lt;/b>&lt;span>🇦🇷 อาร์เจนตินา&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>6&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>จามาล มูเซียล่า&lt;/b>&lt;span>🇩🇪 เยอรมนี&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>7&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>ฆูเลียน อัลบาเรซ&lt;/b>&lt;span>🇦🇷 อาร์เจนตินา&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>8&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>จู๊ด เบลลิงแฮม&lt;/b>&lt;span>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>4&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/div>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูทั้งหมด →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ดาวซัลโว / แอสซิสต์ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;top&quot; data-s=&quot;assists&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;wrow hd&quot;>&lt;span>&lt;/span>&lt;span>ผู้เล่น&lt;/span>&lt;span class=&quot;c&quot;>นัด&lt;/span>&lt;span class=&quot;c&quot;>แอสซิสต์&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>1&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>ราฟินญ่า&lt;/b>&lt;span>🇧🇷 บราซิล&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>2&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>อองตวน กรีซมันน์&lt;/b>&lt;span>🇫🇷 ฝรั่งเศส&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>3&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>เปดรี&lt;/b>&lt;span>🇪🇸 สเปน&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>4&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>จามาล มูเซียล่า&lt;/b>&lt;span>🇩🇪 เยอรมนี&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>5&lt;/span>&lt;span class=&quot;pl&quot;>&lt;span class=&quot;who&quot;>&lt;b>ฟิล โฟเดน&lt;/b>&lt;span>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ&lt;/span>&lt;/span>&lt;/span>&lt;span class=&quot;c&quot;>4&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- FAQ (AEO) — นอก tab เห็นเสมอ -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;card-t&quot; style=&quot;padding-bottom:10px&quot;>คำถามที่พบบ่อย&lt;/div>
      &lt;details open>
        &lt;summary>ฟุตบอลโลก 2026 รอบต่อไปเตะเมื่อไหร่?&lt;/summary>
        &lt;p>รอบ 16 ทีมแข่งถึงวันอังคารที่ 7 กรกฎาคม 2569 จากนั้นรอบ 8 ทีมเริ่มคืนวันศุกร์ที่ 10 กรกฎาคม (ตี 2 เวลาไทย) — ดูโปรแกรมครบทุกคู่ได้ที่ tab โปรแกรมด้านบน&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>นัดชิงชนะเลิศแข่งเมื่อไหร่ ที่ไหน?&lt;/summary>
        &lt;p>นัดชิงชนะเลิศแข่งคืนวันอาทิตย์ที่ 19 กรกฎาคม 2569 เวลา 02:00 น. (เวลาไทย) ที่เมตไลฟ์ สเตเดียม รัฐนิวเจอร์ซีย์ สหรัฐอเมริกา&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ใครเป็นดาวซัลโวฟุตบอลโลก 2026?&lt;/summary>
        &lt;p>คีลิยัน เอ็มบัปเป้ (ฝรั่งเศส) นำอยู่ที่ 5 ประตู ตามด้วยวินิซิอุส จูเนียร์ (บราซิล) และลามีน ยามาล (สเปน) คนละ 4 ประตู — อัปเดตสดหลังจบทุกแมตช์&lt;/p>
      &lt;/details>
    &lt;/section>

    &lt;!-- SEO block -->
    &lt;section class=&quot;seo&quot;>
      &lt;h2>ฟุตบอลโลก 2026 — ครบทุกแมตช์ที่ score108&lt;/h2>
      &lt;p>ตามผลบอลสดฟุตบอลโลก 2026 ทั้ง 104 นัด พร้อมตารางคะแนนทุกกลุ่ม สายน็อคเอาท์ ดาวซัลโว และสถิติเจาะลึกทุกทีม อัปเดตเรียลไทม์ทันทีที่มีประตู&lt;/p>
    &lt;/section>

    &lt;div class=&quot;links&quot;>
      &lt;a href=&quot;#&quot;>ผลบอลสดวันนี้&lt;/a>
      &lt;a href=&quot;#&quot;>บราซิล พบ เยอรมนี&lt;/a>
      &lt;a href=&quot;#&quot;>ทีมชาติบราซิล&lt;/a>
      &lt;a href=&quot;#&quot;>พรีเมียร์ลีก&lt;/a>
      &lt;a href=&quot;#&quot;>ไทยลีก&lt;/a>
    &lt;/div>
  &lt;/section>

  &lt;!-- ขวา: widgets (desktop) -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>ข้อมูลทัวนาเมนต์&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>เจ้าภาพ&lt;/span>&lt;span class=&quot;v&quot;>สหรัฐฯ · แคนาดา · เม็กซิโก&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>จำนวนทีม&lt;/span>&lt;span class=&quot;v num&quot;>48 ทีม · 104 นัด&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>รอบปัจจุบัน&lt;/span>&lt;span class=&quot;v&quot;>รอบ 16 ทีม&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>แชมป์เก่า&lt;/span>&lt;span class=&quot;v&quot;>🇦🇷 อาร์เจนตินา (2022)&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>นัดชิง&lt;/span>&lt;span class=&quot;v num&quot;>อา. 19 ก.ค. · เมตไลฟ์&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>แมตช์เด่นวันนี้&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇧🇷 บราซิล – เยอรมนี 🇩🇪&lt;/span>&lt;span class=&quot;s num&quot;>2-1&lt;/span>&lt;span class=&quot;tv2 num&quot;>67'&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 อังกฤษ – เม็กซิโก 🇲🇽&lt;/span>&lt;span class=&quot;tv2 num&quot;>22:00&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;sp-card&quot;>
      &lt;div class=&quot;sp-logo&quot;>SCORE&lt;i>PULSE&lt;/i>&lt;/div>
      &lt;p>widget ตารางคะแนน + โปรแกรมลีกนี้ ติดตั้งบนเว็บคุณได้ — feed · API · widget&lt;/p>
      &lt;a href=&quot;#&quot;>ดูแพ็กเกจ →&lt;/a>
    &lt;/div>
  &lt;/aside>
&lt;/div>

&lt;footer>
  &lt;span>© 2569 score108.com&lt;/span>
  &lt;span>prototype Phase 2 · competition — ทุก tab render ใน DOM (SSR) เพื่อ SEO, สลับด้วย client&lt;/span>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a class=&quot;on&quot; href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
/* theme toggle */
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();

/* tab หลัก + sub tab (จำ sub ล่าสุดของแต่ละ tab หลัก) */
const state={m:'match',s:{match:'today',stand:'group',top:'goals'}};
function renderTabs(){
  document.querySelectorAll('.tabs a').forEach(a=>a.classList.toggle('on',a.dataset.m===state.m));
  document.querySelectorAll('.subtabs').forEach(b=>b.classList.toggle('on',b.dataset.m===state.m));
  document.querySelectorAll('.subtabs .st').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m&amp;&amp;p.dataset.s===state.s[state.m]));
  document.querySelectorAll('.pane').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m&amp;&amp;p.dataset.s===state.s[state.m]));
}
document.querySelectorAll('.tabs a').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();state.m=a.dataset.m;renderTabs()}));
document.querySelectorAll('.subtabs .st').forEach(p=>p.addEventListener('click',()=>{state.m=p.dataset.m;state.s[p.dataset.m]=p.dataset.s;renderTabs()}));
renderTabs();
&lt;/script>
"></iframe>
  <iframe id="f-team" title="🛡️ team" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>ทีมชาติบราซิล ผลบอล โปรแกรม รายชื่อผู้เล่น — score108 (prototype team)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12): BreadcrumbList + SportsTeam + FAQPage + Organization ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;ฟุตบอล&quot;,&quot;item&quot;:&quot;https://www.score108.com/football&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;ทีมชาติ&quot;,&quot;item&quot;:&quot;https://www.score108.com/teams/national&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:4,&quot;name&quot;:&quot;บราซิล&quot;}]},
 {&quot;@type&quot;:&quot;SportsTeam&quot;,&quot;name&quot;:&quot;ทีมชาติบราซิล&quot;,&quot;sport&quot;:&quot;Football&quot;,&quot;memberOf&quot;:{&quot;@type&quot;:&quot;SportsOrganization&quot;,&quot;name&quot;:&quot;คอนเมโบล (CONMEBOL)&quot;},
  &quot;coach&quot;:{&quot;@type&quot;:&quot;Person&quot;,&quot;name&quot;:&quot;คาร์โล อันเชลอตติ&quot;},&quot;url&quot;:&quot;https://www.score108.com/team/brazil&quot;},
 {&quot;@type&quot;:&quot;FAQPage&quot;,&quot;mainEntity&quot;:[
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;บราซิลนัดต่อไปเตะเมื่อไหร่?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ตอนนี้บราซิลกำลังแข่งรอบ 16 ทีมกับเยอรมนี (นำอยู่ 2-1) — ถ้าผ่านเข้ารอบจะเตะรอบ 8 ทีมคืนวันเสาร์ที่ 11 กรกฎาคม 2569 เวลา 02:00 น. กับผู้ชนะคู่สเปน–อุรุกวัย&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;บราซิลอยู่กลุ่มอะไร ผลงานเป็นยังไง?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;บราซิลอยู่กลุ่มซี จบอันดับ 1 ด้วยผลงานชนะ 3 นัดรวด (ชนะโมร็อกโก 3-1, เซอร์เบีย 2-0, นิวซีแลนด์ 2-0) ได้ 9 แต้มเต็ม ยิงได้ 7 เสีย 1&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ใครคือดาวซัลโวของบราซิลในฟุตบอลโลก 2026?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;วินิซิอุส จูเนียร์ ยิงไปแล้ว 4 ประตู (รองดาวซัลโวของทัวนาเมนต์) ตามด้วยราฟินญ่า 3 ประตูซึ่งจ่ายแอสซิสต์สูงสุดของทีมอีก 4 ครั้ง&quot;}}]},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --draw:#5B667A;
    --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
    --s-home:#3987E5; --s-away:#199E70;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --draw:#5B667A;
  --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
  --s-home:#3987E5; --s-away:#199E70;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif;
  padding-bottom:64px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1020px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}

/* ========= SHELL ========= */
.shell{max-width:1020px;margin:10px auto 0;padding:0 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rail{display:none}
.crumb{font-size:11.5px;color:var(--muted);padding:2px 4px 8px;display:flex;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--text);font-weight:600}
.page-head{padding:0 4px 10px}
.page-head h1{margin:0;font-size:16px;color:var(--ink);font-weight:700;text-wrap:balance}
.page-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}

/* ========= CARD / HERO ========= */
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.card-t{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 0;font-size:14px;font-weight:700;color:var(--ink)}
.card-t a{font-size:12px;font-weight:500;color:var(--muted)}
.card-t a:hover{color:var(--ink)}
.card-in{padding:12px 16px 16px}
.card-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted)}
.hero-lg{display:flex;align-items:center;gap:14px;padding:16px;flex-wrap:wrap}
.lg-badge{flex:none;width:56px;height:56px;border-radius:14px;background:var(--band);display:flex;align-items:center;justify-content:center;font-size:30px}
.hero-lg .info{flex:1;min-width:220px}
.hero-lg .info b{display:block;font-size:17px;color:var(--ink);font-weight:800}
.hero-lg .info p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.hero-lg .hactions{display:flex;gap:8px}
.pillb{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;color:var(--muted)}
.pillb:hover{color:var(--ink);border-color:var(--ink)}
.lg-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 14px}
.lg-chips span{background:var(--band);color:var(--text);font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 12px;display:inline-flex;align-items:center;gap:6px}
.lg-chips .livedot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}

/* ========= TABS หลัก + SUB ========= */
.tabwrap{position:sticky;top:52px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.tabs{display:flex;gap:2px;padding:0 6px;white-space:nowrap;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:11px 14px 9px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}
.tabs a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.tabs a:hover{color:var(--ink)}
.subtabs{display:none;gap:6px;padding:8px 10px;background:var(--band);white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.subtabs::-webkit-scrollbar{display:none}
.subtabs.on{display:flex}
.subtabs .st{flex:none;border:1px solid transparent;border-radius:999px;padding:4px 13px;font-size:12.5px;font-weight:500;color:var(--muted)}
.subtabs .st:hover{color:var(--ink)}
.subtabs .st.on{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:700}
.pane{display:none}
.pane.on{display:block}
.dband{background:var(--band);color:var(--muted);font-size:11px;font-weight:600;padding:5px 12px}
.dband b{color:var(--ink);font-weight:700}

/* ========= MATCH ROW (component เดียวกับ live-home) ========= */
.match{display:grid;grid-template-columns:46px minmax(0,1fr) auto 34px;grid-template-areas:&quot;st home sc fav&quot; &quot;st away sc fav&quot;;align-items:center;row-gap:3px;padding:8px 6px 8px 0;min-height:52px;border-top:1px solid var(--line)}
.dband+.match{border-top:0}
.match:hover{background:var(--bg)}
.st{grid-area:st;text-align:center;font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px}
.live .st b{color:var(--brand);font-weight:700;font-size:12px}
.live .st i{width:5px;height:5px;border-radius:50%;background:var(--brand);animation:pulse 1.8s ease-in-out infinite}
.tm{display:flex;align-items:center;gap:8px;font-size:13.5px;min-width:0}
.tm.home{grid-area:home}.tm.away{grid-area:away}
.tm .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tm.w .nm{font-weight:700;color:var(--ink)}
.ft .tm:not(.w) .nm{color:var(--muted)}
.tm.tbd .nm{color:var(--muted);font-size:12.5px}
.bd{flex:none;width:20px;height:20px;border-radius:50%;background:var(--bd-bg);color:var(--bd-tx);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bd.flag{background:none;font-size:17px}
.sc{grid-area:sc;display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0 10px;font-size:14px}
.sc b{font-weight:600;color:var(--text);min-width:14px;text-align:center;border-radius:4px;padding:0 3px}
.sc b.w{font-weight:800;color:var(--ink)}
.live .sc b{color:var(--brand);font-weight:800}
.pre .sc{align-items:center;justify-content:center}
.pre .sc b{color:var(--muted);font-weight:400}
.fav{grid-area:fav;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted);border-radius:50%}
.fav:hover{background:var(--brand-soft);color:var(--brand-deep)}
.linkrow{display:block;text-align:center;font-size:12px;color:var(--muted);padding:9px;border-top:1px solid var(--line)}
.linkrow:hover{color:var(--ink)}

/* ========= SQUAD ========= */
.sq{display:grid;grid-template-columns:34px minmax(0,1fr) 44px 36px 44px;gap:6px;align-items:center;padding:7px 16px;font-size:13px;border-top:1px solid var(--line)}
.dband+.sq{border-top:0}
.sq:hover{background:var(--bg)}
.sq.hd{color:var(--muted);font-size:10.5px;font-weight:600;padding-bottom:2px;border-top:0}
.sq.hd:hover{background:none}
.sq .no{color:var(--muted);font-size:12px;text-align:center;font-weight:600}
.sq .nm2{display:flex;align-items:center;gap:7px;min-width:0}
.sq .nm2 b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq .cap{background:var(--band);color:var(--bd-tx);font-size:9.5px;font-weight:800;border-radius:4px;padding:1px 5px}
.sq .c{text-align:center;color:var(--muted)}
.sq .gl{text-align:center;font-weight:800;color:var(--ink)}
.injq{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 16px;font-size:13px;border-top:1px solid var(--line)}
.dband+.injq{border-top:0}
.injq:hover{background:var(--bg)}
.injq i{font-style:normal;text-align:center}
.injq b{color:var(--ink);font-weight:600}
.injq .why{color:var(--muted);font-size:11.5px;display:block}
.injq .ret{color:var(--muted);font-size:11.5px;text-align:right}

/* ========= ตาราง / ดาวซัลโว / เส้นทาง ========= */
.stb{padding:4px 0}
.stb .sr{display:grid;grid-template-columns:24px minmax(0,1fr) 36px 36px 40px;gap:6px;align-items:center;padding:6px 16px;font-size:12.5px}
.stb .sr.hd{color:var(--muted);font-size:10.5px;font-weight:600;padding-bottom:2px}
.stb .sr:not(.hd){border-top:1px solid var(--line)}
.stb .sr.q{box-shadow:inset 2px 0 0 var(--win)}
.stb .pos{color:var(--muted);font-size:11.5px}
.stb .tm2{display:flex;align-items:center;gap:7px;min-width:0}
.stb .tm2 b{color:var(--ink)}
.stb .c{text-align:center}
.stb .pts{text-align:center;font-weight:700;color:var(--ink)}
.q-leg{font-size:11px;color:var(--muted);padding:8px 16px 12px;display:flex;align-items:center;gap:6px}
.q-leg i{width:8px;height:8px;border-radius:2px;background:var(--win)}
.wrow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 16px;font-size:13px;border-top:1px solid var(--line)}
.wrow:first-of-type{border-top:0}
.wrow:hover{background:var(--bg)}
.wrow .rk{color:var(--muted);font-size:12px;text-align:center}
.wrow .gl{font-weight:800;color:var(--ink)}
.chip{flex:none;width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.chip.w{background:var(--win)}.chip.d{background:var(--draw)}.chip.l{background:var(--loss)}
.chip.lv{background:var(--brand);font-size:9px}
.mini{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.mini:first-of-type{border-top:0}
.mini .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .t b{color:var(--ink)}
.mini .s{font-weight:800;color:var(--brand)}
.mini .sf{font-weight:800;color:var(--ink)}
.mini .tv2{color:var(--muted);font-size:11.5px}
.inforow{display:flex;justify-content:space-between;gap:10px;padding:7px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.inforow:first-of-type{border-top:0}
.inforow .k{color:var(--muted)}
.inforow .v{color:var(--ink);font-weight:600;text-align:right}

/* ========= FAQ / LINKS / FOOTER ========= */
details{border-top:1px solid var(--line);padding:0 16px}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:600;color:var(--ink)}
details summary::after{content:&quot;+&quot;;color:var(--muted);font-size:16px;font-weight:400}
details[open] summary::after{content:&quot;–&quot;}
details p{margin:0 0 12px;font-size:12.5px;color:var(--muted);max-width:65ch}
.links{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 8px}
.links a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--text)}
.links a:hover{border-color:var(--ink);color:var(--ink)}
footer{max-width:1020px;margin:20px auto 0;padding:16px 16px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sp-card{background:#1B2740;color:#E9EDF5;border-radius:10px;padding:16px;margin-bottom:12px}
.sp-card .sp-logo{font-weight:800;letter-spacing:.04em;font-size:14px;color:#fff}
.sp-card .sp-logo i{color:#F26A47;font-style:normal}
.sp-card p{margin:6px 0 10px;font-size:12.5px;color:#B9C3D6}
.sp-card a{display:inline-block;background:#F26A47;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px}

/* ========= BOTTOM NAV ========= */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (min-width:760px){
  body{padding-bottom:0}
  .bottomnav{display:none}
  .mainnav{display:flex}
  .page-head h1{font-size:19px}
  .hero-lg .info b{font-size:20px}
  .lg-badge{width:64px;height:64px;font-size:34px}
}
@media (min-width:900px){
  .match{grid-template-columns:52px minmax(0,1fr) 96px minmax(0,1fr) 40px;grid-template-areas:&quot;st home sc away fav&quot;;min-height:38px;padding:5px 6px 5px 0;row-gap:0}
  .tm.home{justify-content:flex-end;text-align:right}
  .tm.home .bd{order:2}
  .sc{flex-direction:row;align-items:center;justify-content:center;gap:14px;position:relative}
  .sc::before{content:&quot;&quot;;position:absolute;left:50%;top:50%;width:6px;height:1.5px;background:var(--muted);transform:translate(-50%,-50%);opacity:.55}
  .pre .sc::before{display:none}
}
@media (min-width:1100px){
  .shell{grid-template-columns:minmax(0,1fr) 300px}
  .rail{display:block}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 2 · team · เพิ่มแท็บบาดเจ็บ/แบน (uniscore benchmark — spec §1.13) — &lt;b>กดสลับ tab ได้จริง&lt;/b> · ข้อมูลตัวอย่าง&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a href=&quot;#&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a href=&quot;#&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหา&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;div class=&quot;shell&quot;>
  &lt;section>
    &lt;nav class=&quot;crumb&quot;>
      &lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;a href=&quot;#&quot;>ฟุตบอล&lt;/a> › &lt;a href=&quot;#&quot;>ทีมชาติ&lt;/a> › &lt;b>บราซิล&lt;/b>
    &lt;/nav>
    &lt;div class=&quot;page-head&quot;>
      &lt;h1>ทีมชาติบราซิล — ผลบอล โปรแกรมแข่ง รายชื่อผู้เล่น ตารางคะแนน&lt;/h1>
      &lt;p>ฟุตบอลโลก 2026 รอบ 16 ทีม · กำลังแข่งกับเยอรมนี&lt;/p>
    &lt;/div>

    &lt;!-- HERO ทีม -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;hero-lg&quot;>
        &lt;div class=&quot;lg-badge&quot;>🇧🇷&lt;/div>
        &lt;div class=&quot;info&quot;>
          &lt;b>บราซิล&lt;/b>
          &lt;p>ทีมชาติ · สมาพันธ์อเมริกาใต้ (คอนเมโบล)&lt;/p>
        &lt;/div>
        &lt;div class=&quot;hactions&quot;>
          &lt;button class=&quot;pillb&quot;>☆ ติดตาม&lt;/button>
          &lt;button class=&quot;pillb&quot;>↗ แชร์&lt;/button>
        &lt;/div>
      &lt;/div>
      &lt;div class=&quot;lg-chips&quot;>
        &lt;span>&lt;i class=&quot;livedot&quot;>&lt;/i> กำลังแข่ง 🆚 เยอรมนี&lt;/span>
        &lt;span class=&quot;num&quot;>อันดับฟีฟ่า 2&lt;/span>
        &lt;span class=&quot;num&quot;>แชมป์โลก 5 สมัย&lt;/span>
      &lt;/div>
    &lt;/section>

    &lt;!-- TABS หลัก + SUB -->
    &lt;div class=&quot;tabwrap&quot;>
      &lt;nav class=&quot;tabs&quot;>
        &lt;a href=&quot;#&quot; data-m=&quot;match&quot; class=&quot;on&quot;>แมตช์&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;players&quot;>ผู้เล่น&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;stand&quot;>ตารางคะแนน&lt;/a>
      &lt;/nav>
      &lt;nav class=&quot;subtabs on&quot; data-m=&quot;match&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;match&quot; data-s=&quot;next&quot;>ถัดไป&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;match&quot; data-s=&quot;results&quot;>ผลล่าสุด&lt;/button>
      &lt;/nav>
      &lt;nav class=&quot;subtabs&quot; data-m=&quot;players&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;players&quot; data-s=&quot;squad&quot;>รายชื่อ&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;players&quot; data-s=&quot;stats&quot;>สถิติผู้เล่น&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;players&quot; data-s=&quot;inj&quot;>บาดเจ็บ/แบน&lt;/button>
      &lt;/nav>
      &lt;nav class=&quot;subtabs&quot; data-m=&quot;stand&quot;>
        &lt;button class=&quot;st on&quot; data-m=&quot;stand&quot; data-s=&quot;group&quot;>กลุ่มซี&lt;/button>
        &lt;button class=&quot;st&quot; data-m=&quot;stand&quot; data-s=&quot;path&quot;>เส้นทางน็อคเอาท์&lt;/button>
      &lt;/nav>
    &lt;/div>

    &lt;!-- ============ แมตช์ / ถัดไป ============ -->
    &lt;div class=&quot;pane on&quot; data-m=&quot;match&quot; data-s=&quot;next&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;dband&quot;>ฟุตบอลโลก 2026 · รอบ 16 ทีม · &lt;b>กำลังแข่งตอนนี้&lt;/b>&lt;/div>
        &lt;a class=&quot;match live&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>&lt;b>67'&lt;/b>&lt;i>&lt;/i>&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇩🇪&lt;/i>&lt;span class=&quot;nm&quot;>เยอรมนี&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>1&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot; title=&quot;ติดตามแมตช์&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>รอบ 8 ทีม · &lt;b>ถ้าผ่านเข้ารอบ — เสาร์ที่ 11 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match pre&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st num&quot;>02:00&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away tbd&quot;>&lt;i class=&quot;bd&quot;>?&lt;/i>&lt;span class=&quot;nm&quot;>ชนะคู่ สเปน–อุรุกวัย&lt;/span>&lt;/span>
          &lt;span class=&quot;sc&quot;>&lt;b>–&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ แมตช์ / ผลล่าสุด ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;match&quot; data-s=&quot;results&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;dband&quot;>ฟุตบอลโลก 2026 · &lt;b>รอบ 32 ทีม — ศุกร์ที่ 3 ก.ค.&lt;/b>&lt;/div>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇵🇾&lt;/i>&lt;span class=&quot;nm&quot;>ปารากวัย&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>4&lt;/b>&lt;b>0&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>ฟุตบอลโลก 2026 · &lt;b>รอบแบ่งกลุ่ม กลุ่มซี&lt;/b>&lt;/div>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;br>1 ก.ค.&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇳🇿&lt;/i>&lt;span class=&quot;nm&quot;>นิวซีแลนด์&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;b>0&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;br>27 มิ.ย.&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🇷🇸&lt;/i>&lt;span class=&quot;nm&quot;>เซอร์เบีย&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b>0&lt;/b>&lt;b class=&quot;w&quot;>2&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;br>23 มิ.ย.&lt;/span>
          &lt;span class=&quot;tm home w&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇲🇦&lt;/i>&lt;span class=&quot;nm&quot;>โมร็อกโก&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b class=&quot;w&quot;>3&lt;/b>&lt;b>1&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;div class=&quot;dband&quot;>อุ่นเครื่อง · &lt;b>มิถุนายน&lt;/b>&lt;/div>
        &lt;a class=&quot;match ft&quot; href=&quot;#&quot;>
          &lt;span class=&quot;st&quot;>จบ&lt;br>7 มิ.ย.&lt;/span>
          &lt;span class=&quot;tm home&quot;>&lt;i class=&quot;bd flag&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿&lt;/i>&lt;span class=&quot;nm&quot;>อังกฤษ&lt;/span>&lt;/span>
          &lt;span class=&quot;tm away&quot;>&lt;i class=&quot;bd flag&quot;>🇧🇷&lt;/i>&lt;span class=&quot;nm&quot;>บราซิล&lt;/span>&lt;/span>
          &lt;span class=&quot;sc num&quot;>&lt;b>1&lt;/b>&lt;b>1&lt;/b>&lt;/span>
          &lt;button class=&quot;fav&quot;>☆&lt;/button>
        &lt;/a>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูผลย้อนหลังทั้งหมด →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ผู้เล่น / รายชื่อ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;players&quot; data-s=&quot;squad&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;sq hd&quot;>&lt;span class=&quot;no&quot;>เบอร์&lt;/span>&lt;span>ผู้เล่น&lt;/span>&lt;span class=&quot;c&quot;>อายุ&lt;/span>&lt;span class=&quot;c&quot;>นัด&lt;/span>&lt;span class=&quot;c&quot;>ประตู&lt;/span>&lt;/div>
        &lt;div class=&quot;dband&quot;>ผู้รักษาประตู&lt;/div>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>1&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>อลิสซง เบ็คเกอร์&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>33&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>0&lt;/span>&lt;/a>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>12&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>เบนโต&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>27&lt;/span>&lt;span class=&quot;c&quot;>0&lt;/span>&lt;span class=&quot;gl&quot;>0&lt;/span>&lt;/a>
        &lt;div class=&quot;dband&quot;>กองหลัง&lt;/div>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>2&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>ดานิโล&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>35&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;gl&quot;>0&lt;/span>&lt;/a>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>4&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>มาร์คินญอส&lt;/b> &lt;i class=&quot;cap&quot;>C&lt;/i>&lt;/span>&lt;span class=&quot;c&quot;>32&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>1&lt;/span>&lt;/a>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>6&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>กาเบรียล มากัลเยส&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>28&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>0&lt;/span>&lt;/a>
        &lt;div class=&quot;dband&quot;>กองกลาง&lt;/div>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>5&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>กาเซมิโร่&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>34&lt;/span>&lt;span class=&quot;c&quot;>4&lt;/span>&lt;span class=&quot;gl&quot;>1&lt;/span>&lt;/a>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>8&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>บรูโน กิมาไรส์&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>28&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>0&lt;/span>&lt;/a>
        &lt;div class=&quot;dband&quot;>กองหน้า&lt;/div>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>7&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>วินิซิอุส จูเนียร์&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>26&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/a>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>10&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>โรดรีโก&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>25&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/a>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>11&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>ราฟินญ่า&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>29&lt;/span>&lt;span class=&quot;c&quot;>5&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/a>
        &lt;a class=&quot;sq num&quot; href=&quot;#&quot;>&lt;span class=&quot;no&quot;>21&lt;/span>&lt;span class=&quot;nm2&quot;>&lt;b>เอสเตเวา&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>19&lt;/span>&lt;span class=&quot;c&quot;>4&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/a>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูครบทั้ง 26 คน →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ผู้เล่น / สถิติผู้เล่น ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;players&quot; data-s=&quot;stats&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>ดาวซัลโวของทีม · ฟุตบอลโลก 2026&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>1&lt;/span>&lt;span>วินิซิอุส จูเนียร์&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>2&lt;/span>&lt;span>ราฟินญ่า&lt;/span>&lt;span class=&quot;gl&quot;>3&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>3&lt;/span>&lt;span>โรดรีโก&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>4&lt;/span>&lt;span>เอสเตเวา&lt;/span>&lt;span class=&quot;gl&quot;>2&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>5&lt;/span>&lt;span>มาร์คินญอส&lt;/span>&lt;span class=&quot;gl&quot;>1&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>6&lt;/span>&lt;span>กาเซมิโร่&lt;/span>&lt;span class=&quot;gl&quot;>1&lt;/span>&lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>แอสซิสต์สูงสุดของทีม&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>1&lt;/span>&lt;span>ราฟินญ่า&lt;/span>&lt;span class=&quot;gl&quot;>4&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>2&lt;/span>&lt;span>วินิซิอุส จูเนียร์&lt;/span>&lt;span class=&quot;gl&quot;>1&lt;/span>&lt;/div>
        &lt;div class=&quot;wrow num&quot;>&lt;span class=&quot;rk&quot;>3&lt;/span>&lt;span>บรูโน กิมาไรส์&lt;/span>&lt;span class=&quot;gl&quot;>1&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ผู้เล่น / บาดเจ็บ-แบน ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;players&quot; data-s=&quot;inj&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>ขาดสนาม &lt;span class=&quot;num&quot; style=&quot;font-weight:500&quot;>อัปเดต 6 ก.ค. 2569&lt;/span>&lt;/div>
        &lt;div class=&quot;dband&quot;>บาดเจ็บ&lt;/div>
        &lt;a class=&quot;injq&quot; href=&quot;#&quot;>&lt;i>🩹&lt;/i>&lt;span>&lt;b>เอแดร์ มิลิเตา&lt;/b>&lt;span class=&quot;why&quot;>กล้ามเนื้อต้นขา · ตั้งแต่ 3 ก.ค.&lt;/span>&lt;/span>&lt;span class=&quot;ret num&quot;>คาดกลับ รอบรองฯ&lt;/span>&lt;/a>
        &lt;a class=&quot;injq&quot; href=&quot;#&quot;>&lt;i>🩹&lt;/i>&lt;span>&lt;b>เปโดร&lt;/b>&lt;span class=&quot;why&quot;>ข้อเท้า · ตั้งแต่ 27 มิ.ย.&lt;/span>&lt;/span>&lt;span class=&quot;ret num&quot;>พลาดทั้งทัวนาเมนต์&lt;/span>&lt;/a>
        &lt;div class=&quot;dband&quot;>โดนแบน&lt;/div>
        &lt;a class=&quot;injq&quot; href=&quot;#&quot;>&lt;i>🟥&lt;/i>&lt;span>&lt;b>ดักลาส ลุยซ์&lt;/b>&lt;span class=&quot;why&quot;>ใบแดง · รอบ 32 ทีม&lt;/span>&lt;/span>&lt;span class=&quot;ret num&quot;>กลับรอบ 8 ทีม&lt;/span>&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ตารางคะแนน / กลุ่มซี ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;stand&quot; data-s=&quot;group&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>ฟุตบอลโลก 2026 · กลุ่มซี (จบแล้ว)&lt;/div>
        &lt;div class=&quot;stb&quot;>
          &lt;div class=&quot;sr hd&quot;>&lt;span>&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;c&quot;>แข่ง&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span class=&quot;c&quot;>แต้ม&lt;/span>&lt;/div>
          &lt;div class=&quot;sr q num&quot;>&lt;span class=&quot;pos&quot;>1&lt;/span>&lt;span class=&quot;tm2&quot;>🇧🇷 &lt;b>บราซิล&lt;/b>&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+6&lt;/span>&lt;span class=&quot;pts&quot;>9&lt;/span>&lt;/div>
          &lt;div class=&quot;sr q num&quot;>&lt;span class=&quot;pos&quot;>2&lt;/span>&lt;span class=&quot;tm2&quot;>🇲🇦 โมร็อกโก&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>+2&lt;/span>&lt;span class=&quot;pts&quot;>6&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>3&lt;/span>&lt;span class=&quot;tm2&quot;>🇷🇸 เซอร์เบีย&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-3&lt;/span>&lt;span class=&quot;pts&quot;>3&lt;/span>&lt;/div>
          &lt;div class=&quot;sr num&quot;>&lt;span class=&quot;pos&quot;>4&lt;/span>&lt;span class=&quot;tm2&quot;>🇳🇿 นิวซีแลนด์&lt;/span>&lt;span class=&quot;c&quot;>3&lt;/span>&lt;span class=&quot;c&quot;>-5&lt;/span>&lt;span class=&quot;pts&quot;>0&lt;/span>&lt;/div>
        &lt;/div>
        &lt;div class=&quot;q-leg&quot;>&lt;i>&lt;/i> เข้ารอบ 32 ทีม (อันดับ 1–2 + อันดับ 3 ที่ดีที่สุด 8 ทีม)&lt;/div>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูตารางทุกกลุ่ม + สายน็อคเอาท์เต็ม →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ ตารางคะแนน / เส้นทางน็อคเอาท์ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;stand&quot; data-s=&quot;path&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>เส้นทางของบราซิล · สายน็อคเอาท์&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;span class=&quot;t&quot;>รอบ 32 ทีม · &lt;b>ปารากวัย&lt;/b>&lt;/span>&lt;span class=&quot;sf num&quot;>4-0&lt;/span>&lt;span class=&quot;tv2 num&quot;>ศ. 3 ก.ค.&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip lv&quot;>สด&lt;/i>&lt;span class=&quot;t&quot;>รอบ 16 ทีม · &lt;b>เยอรมนี&lt;/b>&lt;/span>&lt;span class=&quot;s num&quot;>2-1&lt;/span>&lt;span class=&quot;tv2 num&quot;>67'&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip d&quot;>?&lt;/i>&lt;span class=&quot;t&quot;>รอบ 8 ทีม · ชนะคู่ สเปน–อุรุกวัย&lt;/span>&lt;span class=&quot;tv2 num&quot;>ส. 11 ก.ค. 02:00&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip d&quot;>?&lt;/i>&lt;span class=&quot;t&quot;>รอบรองชนะเลิศ&lt;/span>&lt;span class=&quot;tv2 num&quot;>อ. 14–พ. 15 ก.ค.&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip d&quot;>?&lt;/i>&lt;span class=&quot;t&quot;>ชิงชนะเลิศ · เมตไลฟ์ สเตเดียม&lt;/span>&lt;span class=&quot;tv2 num&quot;>อา. 19 ก.ค.&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- FAQ (AEO) — นอก tab เห็นเสมอ -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;card-t&quot; style=&quot;padding-bottom:10px&quot;>คำถามที่พบบ่อย&lt;/div>
      &lt;details open>
        &lt;summary>บราซิลนัดต่อไปเตะเมื่อไหร่?&lt;/summary>
        &lt;p>ตอนนี้บราซิลกำลังแข่งรอบ 16 ทีมกับเยอรมนี (นำอยู่ 2-1) — ถ้าผ่านเข้ารอบจะเตะรอบ 8 ทีมคืนวันเสาร์ที่ 11 กรกฎาคม 2569 เวลา 02:00 น. กับผู้ชนะคู่สเปน–อุรุกวัย&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>บราซิลอยู่กลุ่มอะไร ผลงานเป็นยังไง?&lt;/summary>
        &lt;p>บราซิลอยู่กลุ่มซี จบอันดับ 1 ด้วยผลงานชนะ 3 นัดรวด (ชนะโมร็อกโก 3-1, เซอร์เบีย 2-0, นิวซีแลนด์ 2-0) ได้ 9 แต้มเต็ม ยิงได้ 7 เสีย 1&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ใครคือดาวซัลโวของบราซิลในฟุตบอลโลก 2026?&lt;/summary>
        &lt;p>วินิซิอุส จูเนียร์ ยิงไปแล้ว 4 ประตู (รองดาวซัลโวของทัวนาเมนต์) ตามด้วยราฟินญ่า 3 ประตูซึ่งจ่ายแอสซิสต์สูงสุดของทีมอีก 4 ครั้ง&lt;/p>
      &lt;/details>
    &lt;/section>

    &lt;div class=&quot;links&quot;>
      &lt;a href=&quot;#&quot;>บราซิล พบ เยอรมนี&lt;/a>
      &lt;a href=&quot;#&quot;>ฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>วินิซิอุส จูเนียร์&lt;/a>
      &lt;a href=&quot;#&quot;>ทีมชาติเยอรมนี&lt;/a>
      &lt;a href=&quot;#&quot;>ดาวซัลโวฟุตบอลโลก&lt;/a>
    &lt;/div>
  &lt;/section>

  &lt;!-- RAIL -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>ข้อมูลทีม&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>โค้ช&lt;/span>&lt;span class=&quot;v&quot;>คาร์โล อันเชลอตติ&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>สมาพันธ์&lt;/span>&lt;span class=&quot;v&quot;>คอนเมโบล&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>อันดับฟีฟ่า&lt;/span>&lt;span class=&quot;v num&quot;>2&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>แชมป์โลก&lt;/span>&lt;span class=&quot;v num&quot;>5 สมัย (ล่าสุด 2002)&lt;/span>&lt;/div>
      &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>ฉายา&lt;/span>&lt;span class=&quot;v&quot;>เซเลเซา&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>นักเตะที่ฟอร์มร้อน&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>&lt;b>วินิซิอุส จูเนียร์&lt;/b> · กองหน้า&lt;/span>&lt;span class=&quot;sf num&quot;>⚽ 4&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>&lt;b>ราฟินญ่า&lt;/b> · กองหน้า&lt;/span>&lt;span class=&quot;sf num&quot;>⚽ 3 🅰 4&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>&lt;b>เอสเตเวา&lt;/b> · กองหน้า&lt;/span>&lt;span class=&quot;sf num&quot;>⚽ 2&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;sp-card&quot;>
      &lt;div class=&quot;sp-logo&quot;>SCORE&lt;i>PULSE&lt;/i>&lt;/div>
      &lt;p>widget โปรแกรม + ผลแข่งของทีมนี้ ติดตั้งบนเว็บคุณได้ — feed · API · widget&lt;/p>
      &lt;a href=&quot;#&quot;>ดูแพ็กเกจ →&lt;/a>
    &lt;/div>
  &lt;/aside>
&lt;/div>

&lt;footer>
  &lt;span>© 2569 score108.com&lt;/span>
  &lt;span>prototype Phase 2 · team — ทุก tab render ใน DOM (SSR) เพื่อ SEO, สลับด้วย client&lt;/span>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
/* theme toggle */
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();

/* tab หลัก + sub tab (จำ sub ล่าสุดของแต่ละ tab หลัก) */
const state={m:'match',s:{match:'next',players:'squad',stand:'group'}};
function renderTabs(){
  document.querySelectorAll('.tabs a').forEach(a=>a.classList.toggle('on',a.dataset.m===state.m));
  document.querySelectorAll('.subtabs').forEach(b=>b.classList.toggle('on',b.dataset.m===state.m));
  document.querySelectorAll('.subtabs .st').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m&amp;&amp;p.dataset.s===state.s[state.m]));
  document.querySelectorAll('.pane').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m&amp;&amp;p.dataset.s===state.s[state.m]));
}
document.querySelectorAll('.tabs a').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();state.m=a.dataset.m;renderTabs()}));
document.querySelectorAll('.subtabs .st').forEach(p=>p.addEventListener('click',()=>{state.m=p.dataset.m;state.s[p.dataset.m]=p.dataset.s;renderTabs()}));
renderTabs();
&lt;/script>
"></iframe>
  <iframe id="f-player" title="👕 player" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>วินิซิอุส จูเนียร์ สถิติ ประตู โปรไฟล์ — score108 (prototype player)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12): BreadcrumbList + Person(Athlete) + FAQPage + Organization ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;ทีมชาติบราซิล&quot;,&quot;item&quot;:&quot;https://www.score108.com/team/brazil&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;วินิซิอุส จูเนียร์&quot;}]},
 {&quot;@type&quot;:&quot;Person&quot;,&quot;name&quot;:&quot;วินิซิอุส จูเนียร์&quot;,&quot;jobTitle&quot;:&quot;นักฟุตบอลอาชีพ (ปีกซ้าย)&quot;,&quot;birthDate&quot;:&quot;2000-07-12&quot;,&quot;nationality&quot;:&quot;บราซิล&quot;,
  &quot;affiliation&quot;:[{&quot;@type&quot;:&quot;SportsTeam&quot;,&quot;name&quot;:&quot;ทีมชาติบราซิล&quot;},{&quot;@type&quot;:&quot;SportsTeam&quot;,&quot;name&quot;:&quot;เรอัล มาดริด&quot;}],&quot;url&quot;:&quot;https://www.score108.com/player/vinicius-junior&quot;},
 {&quot;@type&quot;:&quot;FAQPage&quot;,&quot;mainEntity&quot;:[
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;วินิซิอุสยิงกี่ประตูในฟุตบอลโลก 2026?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ยิงไปแล้ว 4 ประตูจาก 5 นัด (รวมประตูนาทีที่ 23 ในเกมรอบ 16 ทีมกับเยอรมนีที่กำลังแข่ง) รั้งรองดาวซัลโวของทัวนาเมนต์ ตามหลังคีลิยัน เอ็มบัปเป้ 1 ลูก&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;วินิซิอุสเล่นตำแหน่งอะไร?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ปีกซ้าย ใส่เสื้อเบอร์ 7 ให้ทีมชาติบราซิล และเล่นให้สโมสรเรอัล มาดริดในลาลีกาสเปน&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;วินิซิอุสอายุเท่าไหร่?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;26 ปี — เกิดวันที่ 12 กรกฎาคม 2543 ที่เมืองเซากงซาลู ประเทศบราซิล&quot;}}]},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --draw:#5B667A;
    --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --draw:#5B667A;
  --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif;
  padding-bottom:64px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1020px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}

/* ========= SHELL ========= */
.shell{max-width:1020px;margin:10px auto 0;padding:0 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rail{display:none}
.crumb{font-size:11.5px;color:var(--muted);padding:2px 4px 8px;display:flex;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--text);font-weight:600}
.page-head{padding:0 4px 10px}
.page-head h1{margin:0;font-size:16px;color:var(--ink);font-weight:700;text-wrap:balance}
.page-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}

/* ========= CARD / HERO ผู้เล่น ========= */
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.card-t{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 0;font-size:14px;font-weight:700;color:var(--ink)}
.card-in{padding:12px 16px 16px}
.card-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted)}
.hero-pl{display:flex;align-items:center;gap:14px;padding:16px;flex-wrap:wrap}
.pl-no{flex:none;width:60px;height:60px;border-radius:50%;background:var(--ink);color:var(--surface);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center}
.hero-pl .info{flex:1;min-width:220px}
.hero-pl .info b{display:block;font-size:17px;color:var(--ink);font-weight:800}
.hero-pl .info p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.hero-pl .info p a{font-weight:600;color:var(--text)}
.hero-pl .info p a:hover{color:var(--ink)}
.hero-pl .hactions{display:flex;gap:8px}
.pillb{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;color:var(--muted)}
.pillb:hover{color:var(--ink);border-color:var(--ink)}
.lg-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 14px}
.lg-chips span{background:var(--band);color:var(--text);font-size:11.5px;font-weight:600;border-radius:999px;padding:3px 12px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 16px}
.tiles .t-h{grid-column:1/-1;font-size:11px;font-weight:700;color:var(--muted)}
.tile{background:var(--bg);border:1px solid var(--line);border-radius:8px;text-align:center;padding:10px 4px}
.tile b{display:block;font-size:20px;font-weight:800;color:var(--ink);line-height:1.2}
.tile span{font-size:11px;color:var(--muted)}

/* ========= TABS (หลักอย่างเดียว) ========= */
.tabwrap{position:sticky;top:52px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.tabs{display:flex;gap:2px;padding:0 6px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:11px 14px 9px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}
.tabs a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.tabs a:hover{color:var(--ink)}
.pane{display:none}
.pane.on{display:block}

/* ========= แถวรายนัด / ข้อมูล ========= */
.chip{flex:none;width:22px;height:22px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.chip.w{background:var(--win)}.chip.d{background:var(--draw)}.chip.l{background:var(--loss)}
.chip.lv{background:var(--brand);font-size:9px}
.mini{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.mini:first-of-type{border-top:0}
.mini .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .t b{color:var(--ink)}
.mini .t span{color:var(--muted);font-size:11.5px;display:block}
.mini .gls{font-size:12px;color:var(--ink);font-weight:600}
.mini .s{font-weight:800;color:var(--brand)}
.mini .sf{font-weight:800;color:var(--ink)}
.mini .tv2{color:var(--muted);font-size:11.5px}
.inforow{display:flex;justify-content:space-between;gap:10px;padding:8px 16px;font-size:13px;border-top:1px solid var(--line)}
.inforow:first-of-type{border-top:0}
.inforow .k{color:var(--muted)}
.inforow .v{color:var(--ink);font-weight:600;text-align:right}
.stub{border:1.5px dashed var(--line);border-radius:8px;padding:22px 16px;text-align:center;font-size:12.5px;color:var(--muted)}

/* ========= FAQ / LINKS / FOOTER ========= */
details{border-top:1px solid var(--line);padding:0 16px}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:600;color:var(--ink)}
details summary::after{content:&quot;+&quot;;color:var(--muted);font-size:16px;font-weight:400}
details[open] summary::after{content:&quot;–&quot;}
details p{margin:0 0 12px;font-size:12.5px;color:var(--muted);max-width:65ch}
.links{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 8px}
.links a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--text)}
.links a:hover{border-color:var(--ink);color:var(--ink)}
footer{max-width:1020px;margin:20px auto 0;padding:16px 16px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sp-card{background:#1B2740;color:#E9EDF5;border-radius:10px;padding:16px;margin-bottom:12px}
.sp-card .sp-logo{font-weight:800;letter-spacing:.04em;font-size:14px;color:#fff}
.sp-card .sp-logo i{color:#F26A47;font-style:normal}
.sp-card p{margin:6px 0 10px;font-size:12.5px;color:#B9C3D6}
.sp-card a{display:inline-block;background:#F26A47;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px}

/* ========= BOTTOM NAV ========= */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (min-width:760px){
  body{padding-bottom:0}
  .bottomnav{display:none}
  .mainnav{display:flex}
  .page-head h1{font-size:19px}
  .hero-pl .info b{font-size:20px}
  .pl-no{width:68px;height:68px;font-size:27px}
  .tiles{grid-template-columns:repeat(4,minmax(0,140px))}
}
@media (min-width:1100px){
  .shell{grid-template-columns:minmax(0,1fr) 300px}
  .rail{display:block}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 2 · player · เพิ่มขอบเขต v2 จาก uniscore benchmark (spec §1.13) เป็น stub — &lt;b>กดสลับ tab ได้จริง&lt;/b> · ข้อมูลตัวอย่าง&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a href=&quot;#&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a href=&quot;#&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหา&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;div class=&quot;shell&quot;>
  &lt;section>
    &lt;nav class=&quot;crumb&quot;>
      &lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;a href=&quot;#&quot;>ฟุตบอล&lt;/a> › &lt;a href=&quot;#&quot;>ทีมชาติบราซิล&lt;/a> › &lt;b>วินิซิอุส จูเนียร์&lt;/b>
    &lt;/nav>
    &lt;div class=&quot;page-head&quot;>
      &lt;h1>วินิซิอุส จูเนียร์ — สถิติ ประตู โปรไฟล์&lt;/h1>
      &lt;p>กองหน้าทีมชาติบราซิล · ฟุตบอลโลก 2026&lt;/p>
    &lt;/div>

    &lt;!-- HERO ผู้เล่น -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;hero-pl&quot;>
        &lt;div class=&quot;pl-no num&quot;>7&lt;/div>
        &lt;div class=&quot;info&quot;>
          &lt;b>วินิซิอุส จูเนียร์&lt;/b>
          &lt;p>ปีกซ้าย · &lt;a href=&quot;#&quot;>🇧🇷 ทีมชาติบราซิล&lt;/a> · &lt;a href=&quot;#&quot;>เรอัล มาดริด&lt;/a>&lt;/p>
        &lt;/div>
        &lt;div class=&quot;hactions&quot;>
          &lt;button class=&quot;pillb&quot;>☆ ติดตาม&lt;/button>
          &lt;button class=&quot;pillb&quot;>↗ แชร์&lt;/button>
        &lt;/div>
      &lt;/div>
      &lt;div class=&quot;lg-chips&quot;>
        &lt;span class=&quot;num&quot;>อายุ 26&lt;/span>
        &lt;span class=&quot;num&quot;>สูง 176 ซม.&lt;/span>
        &lt;span>เท้าขวา&lt;/span>
      &lt;/div>
      &lt;div class=&quot;tiles num&quot;>
        &lt;div class=&quot;t-h&quot;>ฟุตบอลโลก 2026&lt;/div>
        &lt;div class=&quot;tile&quot;>&lt;b>5&lt;/b>&lt;span>นัด&lt;/span>&lt;/div>
        &lt;div class=&quot;tile&quot;>&lt;b>4&lt;/b>&lt;span>ประตู&lt;/span>&lt;/div>
        &lt;div class=&quot;tile&quot;>&lt;b>1&lt;/b>&lt;span>แอสซิสต์&lt;/span>&lt;/div>
        &lt;div class=&quot;tile&quot;>&lt;b>431&lt;/b>&lt;span>นาที&lt;/span>&lt;/div>
      &lt;/div>
    &lt;/section>

    &lt;!-- TABS หลักอย่างเดียว -->
    &lt;div class=&quot;tabwrap&quot;>
      &lt;nav class=&quot;tabs&quot;>
        &lt;a href=&quot;#&quot; data-m=&quot;now&quot; class=&quot;on&quot;>ทัวนาเมนต์นี้&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;profile&quot;>โปรไฟล์&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;career&quot;>อาชีพ&lt;/a>
      &lt;/nav>
    &lt;/div>

    &lt;!-- ============ ทัวนาเมนต์นี้ ============ -->
    &lt;div class=&quot;pane on&quot; data-m=&quot;now&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-h&quot;>รายนัด · ฟุตบอลโลก 2026&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip lv&quot;>สด&lt;/i>&lt;span class=&quot;t&quot;>&lt;b>🆚 เยอรมนี&lt;/b>&lt;span>รอบ 16 ทีม · วันนี้&lt;/span>&lt;/span>&lt;span class=&quot;gls num&quot;>⚽ 1&lt;/span>&lt;span class=&quot;s num&quot;>2-1&lt;/span>&lt;span class=&quot;tv2 num&quot;>67'&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;span class=&quot;t&quot;>&lt;b>🆚 ปารากวัย&lt;/b>&lt;span>รอบ 32 ทีม · ศ. 3 ก.ค.&lt;/span>&lt;/span>&lt;span class=&quot;gls num&quot;>⚽ 1 🅰 1&lt;/span>&lt;span class=&quot;sf num&quot;>4-0&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;span class=&quot;t&quot;>&lt;b>🆚 นิวซีแลนด์&lt;/b>&lt;span>กลุ่มซี นัด 3 · พ. 1 ก.ค.&lt;/span>&lt;/span>&lt;span class=&quot;gls num&quot;>–&lt;/span>&lt;span class=&quot;sf num&quot;>2-0&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;span class=&quot;t&quot;>&lt;b>🆚 เซอร์เบีย&lt;/b>&lt;span>กลุ่มซี นัด 2 · 27 มิ.ย.&lt;/span>&lt;/span>&lt;span class=&quot;gls num&quot;>⚽ 1&lt;/span>&lt;span class=&quot;sf num&quot;>2-0&lt;/span>&lt;/div>
        &lt;div class=&quot;mini&quot;>&lt;i class=&quot;chip w&quot;>ช&lt;/i>&lt;span class=&quot;t&quot;>&lt;b>🆚 โมร็อกโก&lt;/b>&lt;span>กลุ่มซี นัด 1 · 23 มิ.ย.&lt;/span>&lt;/span>&lt;span class=&quot;gls num&quot;>⚽ 1&lt;/span>&lt;span class=&quot;sf num&quot;>3-1&lt;/span>&lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-t&quot; style=&quot;padding-bottom:12px&quot;>อันดับในทัวนาเมนต์&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>ดาวซัลโว&lt;/span>&lt;span class=&quot;v num&quot;>อันดับ 2 (4 ประตู — ตามเอ็มบัปเป้ 1 ลูก)&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>ประตูต่อนัด&lt;/span>&lt;span class=&quot;v num&quot;>0.8&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ โปรไฟล์ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;profile&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>ชื่อเต็ม&lt;/span>&lt;span class=&quot;v&quot;>วินิซิอุส โชเซ ปาอิเซา จี โอลิเวรา จูเนียร์&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>วันเกิด&lt;/span>&lt;span class=&quot;v num&quot;>12 กรกฎาคม 2543 (26 ปี)&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>สัญชาติ&lt;/span>&lt;span class=&quot;v&quot;>🇧🇷 บราซิล&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>ส่วนสูง&lt;/span>&lt;span class=&quot;v num&quot;>176 ซม.&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>ตำแหน่ง&lt;/span>&lt;span class=&quot;v&quot;>ปีกซ้าย&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>เท้าถนัด&lt;/span>&lt;span class=&quot;v&quot;>ขวา&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>สโมสร&lt;/span>&lt;span class=&quot;v&quot;>เรอัล มาดริด&lt;/span>&lt;/div>
        &lt;div class=&quot;inforow&quot;>&lt;span class=&quot;k&quot;>เบอร์ทีมชาติ&lt;/span>&lt;span class=&quot;v num&quot;>7&lt;/span>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ อาชีพ ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;career&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-in&quot;>&lt;div class=&quot;stub&quot;>⬜ เส้นทางอาชีพ (สโมสร + สถิติรายฤดูกาล + ถ้วยรางวัล) — รอบถัดไป&lt;/div>&lt;/div>
      &lt;/section>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-in&quot;>&lt;div class=&quot;stub&quot;>⬜ v2 จาก uniscore benchmark (spec §1.13): มูลค่าตลาด + กราฟย้อนหลัง · จุดแข็ง/จุดอ่อน · radar เทียบค่าเฉลี่ยลีก · เรตติ้งรายเดือน/รายนัด — รอ data source (§6.4)&lt;/div>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- FAQ (AEO) — นอก tab เห็นเสมอ -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;card-t&quot; style=&quot;padding-bottom:10px&quot;>คำถามที่พบบ่อย&lt;/div>
      &lt;details open>
        &lt;summary>วินิซิอุสยิงกี่ประตูในฟุตบอลโลก 2026?&lt;/summary>
        &lt;p>ยิงไปแล้ว 4 ประตูจาก 5 นัด (รวมประตูนาทีที่ 23 ในเกมรอบ 16 ทีมกับเยอรมนีที่กำลังแข่ง) รั้งรองดาวซัลโวของทัวนาเมนต์ ตามหลังคีลิยัน เอ็มบัปเป้ 1 ลูก&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>วินิซิอุสเล่นตำแหน่งอะไร?&lt;/summary>
        &lt;p>ปีกซ้าย ใส่เสื้อเบอร์ 7 ให้ทีมชาติบราซิล และเล่นให้สโมสรเรอัล มาดริดในลาลีกาสเปน&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>วินิซิอุสอายุเท่าไหร่?&lt;/summary>
        &lt;p>26 ปี — เกิดวันที่ 12 กรกฎาคม 2543 ที่เมืองเซากงซาลู ประเทศบราซิล&lt;/p>
      &lt;/details>
    &lt;/section>

    &lt;div class=&quot;links&quot;>
      &lt;a href=&quot;#&quot;>ทีมชาติบราซิล&lt;/a>
      &lt;a href=&quot;#&quot;>บราซิล พบ เยอรมนี&lt;/a>
      &lt;a href=&quot;#&quot;>ดาวซัลโวฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>ราฟินญ่า&lt;/a>
    &lt;/div>
  &lt;/section>

  &lt;!-- RAIL -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>ทีมของผู้เล่น&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇧🇷 &lt;b>ทีมชาติบราซิล&lt;/b>&lt;/span>&lt;span class=&quot;tv2&quot;>ทีมชาติ&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>⚪ &lt;b>เรอัล มาดริด&lt;/b>&lt;/span>&lt;span class=&quot;tv2&quot;>ลาลีกา&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>แมตช์ของบราซิลตอนนี้&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇧🇷 บราซิล – เยอรมนี 🇩🇪&lt;/span>&lt;span class=&quot;s num&quot;>2-1&lt;/span>&lt;span class=&quot;tv2 num&quot;>67'&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;sp-card&quot;>
      &lt;div class=&quot;sp-logo&quot;>SCORE&lt;i>PULSE&lt;/i>&lt;/div>
      &lt;p>ข้อมูลนักเตะ + สถิติรายแมตช์ผ่าน API — feed · API · widget&lt;/p>
      &lt;a href=&quot;#&quot;>ดูแพ็กเกจ →&lt;/a>
    &lt;/div>
  &lt;/aside>
&lt;/div>

&lt;footer>
  &lt;span>© 2569 score108.com&lt;/span>
  &lt;span>prototype Phase 2 · player — ทุก tab render ใน DOM (SSR) เพื่อ SEO, สลับด้วย client&lt;/span>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
/* theme toggle */
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();

/* tab หลักอย่างเดียว (หน้า player ไม่มี sub) */
const state={m:'now'};
function renderTabs(){
  document.querySelectorAll('.tabs a').forEach(a=>a.classList.toggle('on',a.dataset.m===state.m));
  document.querySelectorAll('.pane').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m));
}
document.querySelectorAll('.tabs a').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();state.m=a.dataset.m;renderTabs()}));
renderTabs();
&lt;/script>
"></iframe>
  <iframe id="f-rank" title="📊 ranking" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>อันดับโลกฟีฟ่า ทีมชาติชาย-หญิง — score108 (prototype ranking)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12): BreadcrumbList + ItemList + FAQPage + Organization ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;ฟุตบอล&quot;,&quot;item&quot;:&quot;https://www.score108.com/football&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;อันดับโลกฟีฟ่า&quot;}]},
 {&quot;@type&quot;:&quot;ItemList&quot;,&quot;name&quot;:&quot;อันดับโลกฟีฟ่า ทีมชาติชาย&quot;,&quot;itemListOrder&quot;:&quot;https://schema.org/ItemListOrderAscending&quot;,&quot;numberOfItems&quot;:210,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;อาร์เจนตินา&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;บราซิล&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;ฝรั่งเศส&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:4,&quot;name&quot;:&quot;สเปน&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:5,&quot;name&quot;:&quot;อังกฤษ&quot;}]},
 {&quot;@type&quot;:&quot;FAQPage&quot;,&quot;mainEntity&quot;:[
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ทีมชาติไทยอยู่อันดับโลกฟีฟ่าที่เท่าไหร่?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ทีมชาติไทย (ชาย) อยู่อันดับ 99 ของโลก (1198 คะแนน) ขยับขึ้น 2 อันดับจากรอบก่อน — ส่วนทีมชาติหญิงอยู่อันดับ 44 ของโลก&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ใครครองอันดับ 1 ของโลกตอนนี้?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;อาร์เจนตินาครองอันดับ 1 ทีมชาติชาย (1886 คะแนน) ตามด้วยบราซิลและฝรั่งเศส — ฝั่งทีมชาติหญิงอันดับ 1 คือสเปน&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;อันดับโลกฟีฟ่าอัปเดตบ่อยแค่ไหน?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ฟีฟ่าประกาศอันดับใหม่ราวปีละ 6–8 ครั้งหลังช่วงเตะทีมชาติ (FIFA window) ครั้งล่าสุดคือ 10 กรกฎาคม 2569 และครั้งถัดไปคือ 14 สิงหาคม 2569 — หน้านี้อัปเดตอัตโนมัติทุกรอบประกาศ&quot;}}]},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --draw:#5B667A;
    --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
    --s-home:#3987E5; --s-away:#199E70;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --draw:#5B667A;
  --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
  --s-home:#3987E5; --s-away:#199E70;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif;
  padding-bottom:64px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.mainnav a.on{color:var(--ink);font-weight:700;background:var(--bg)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}

/* ========= SHELL / CARD ========= */
.shell{max-width:1200px;margin:10px auto 0;padding:0 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rail{display:none}
.rail-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px 0;margin-bottom:12px}
.rail-t{font-size:12px;font-weight:700;color:var(--muted);padding:8px 14px 4px}
.rail-card a{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:13px;border-left:2px solid transparent}
.rail-card a:hover{background:var(--bg)}
.rail-card a.on{font-weight:700;color:var(--ink);border-left-color:var(--brand);background:var(--bg)}
.rail-card a.more{color:var(--muted);font-size:12px}
.crumb{font-size:11.5px;color:var(--muted);padding:2px 4px 8px;display:flex;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--text);font-weight:600}
.page-head{padding:0 4px 10px}
.page-head h1{margin:0;font-size:16px;color:var(--ink);font-weight:700;text-wrap:balance}
.page-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.card-t{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 0;font-size:14px;font-weight:700;color:var(--ink)}
.card-in{padding:12px 16px 16px}
.card-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted)}
.stub{border:1.5px dashed var(--line);border-radius:8px;padding:22px 16px;text-align:center;font-size:12.5px;color:var(--muted)}

/* ========= TABS ========= */
.tabwrap{position:sticky;top:52px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.tabs{display:flex;gap:2px;padding:0 6px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{padding:11px 14px 9px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}
.tabs a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink)}
.tabs a:hover{color:var(--ink)}
.pane{display:none}
.pane.on{display:block}

/* ========= CONFED FILTER + RANK TABLE ========= */
.cf{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px 2px}
.cf button{border:1px solid var(--line);border-radius:999px;padding:4px 13px;font-size:12px;font-weight:500;color:var(--muted)}
.cf button:hover{color:var(--ink)}
.cf button.on{background:var(--band);border-color:var(--line);color:var(--ink);font-weight:700}
.rkhd{display:grid;grid-template-columns:36px 34px minmax(0,1fr) 64px;gap:6px;padding:10px 16px 4px;font-size:10.5px;font-weight:600;color:var(--muted)}
.rkhd .c{text-align:center}.rkhd .r{text-align:right}
.rkrow{display:grid;grid-template-columns:36px 34px minmax(0,1fr) 64px;gap:6px;align-items:center;padding:7px 16px;font-size:13px;border-top:1px solid var(--line)}
.rkrow:hover{background:var(--bg)}
.rkrow .pos{color:var(--muted);font-size:12px;text-align:center;font-weight:600}
.rkrow .mv{text-align:center;font-size:11px;font-weight:700}
.mv.up{color:var(--win)}.mv.dn{color:var(--loss)}.mv.same{color:var(--muted);font-weight:400}
.rkrow .tm{display:flex;align-items:center;gap:8px;min-width:0}
.rkrow .tm i{font-style:normal;font-size:17px}
.rkrow .tm b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rkrow .pts{text-align:right;font-weight:700;color:var(--ink)}
.rkrow.th{background:var(--brand-soft);box-shadow:inset 2px 0 0 var(--brand)}
.rkrow.top .pos{color:var(--gold);font-weight:800}
.gap{text-align:center;color:var(--muted);font-size:12px;padding:3px 0;border-top:1px solid var(--line)}
.linkrow{display:block;text-align:center;font-size:12px;color:var(--muted);padding:9px;border-top:1px solid var(--line)}
.linkrow:hover{color:var(--ink)}
.mini{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.mini:first-of-type{border-top:0}
.mini .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .t b{color:var(--ink)}
.mini .d{font-weight:700}
.mini .d.up{color:var(--win)}.mini .d.dn{color:var(--loss)}
.note{padding:8px 16px 12px;font-size:11.5px;color:var(--muted)}

/* ========= FAQ / LINKS / FOOTER ========= */
details{border-top:1px solid var(--line);padding:0 16px}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:600;color:var(--ink)}
details summary::after{content:&quot;+&quot;;color:var(--muted);font-size:16px;font-weight:400}
details[open] summary::after{content:&quot;–&quot;}
details p{margin:0 0 12px;font-size:12.5px;color:var(--muted);max-width:65ch}
.links{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 8px}
.links a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--text)}
.links a:hover{border-color:var(--ink);color:var(--ink)}
footer{max-width:1200px;margin:20px auto 0;padding:16px 16px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sp-card{background:#1B2740;color:#E9EDF5;border-radius:10px;padding:16px;margin-bottom:12px}
.sp-card .sp-logo{font-weight:800;letter-spacing:.04em;font-size:14px;color:#fff}
.sp-card .sp-logo i{color:#F26A47;font-style:normal}
.sp-card p{margin:6px 0 10px;font-size:12.5px;color:#B9C3D6}
.sp-card a{display:inline-block;background:#F26A47;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px}

/* ========= BOTTOM NAV ========= */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottomnav a.on{color:var(--brand-deep);font-weight:700}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (min-width:760px){
  body{padding-bottom:0}
  .bottomnav{display:none}
  .mainnav{display:flex}
  .page-head h1{font-size:19px}
}
@media (min-width:1100px){
  .shell{grid-template-columns:220px minmax(0,1fr) 300px}
  .rail{display:block}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 1 · ranking (อันดับโลกฟีฟ่า) · หน้าใหม่จาก uniscore benchmark (spec §1.13) — &lt;b>กดสลับ tab + กรองสมาพันธ์ได้จริง&lt;/b> · ข้อมูลตัวอย่าง&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a href=&quot;#&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a class=&quot;on&quot; href=&quot;#&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหา&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;div class=&quot;shell&quot;>

  &lt;!-- ซ้าย: ลีกยอดนิยม (desktop ≥1100) -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;rail-card&quot;>
      &lt;div class=&quot;rail-t&quot;>ลีกยอดนิยม&lt;/div>
      &lt;a href=&quot;#&quot;>🏆 ฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>🇹🇭 ไทยลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 พรีเมียร์ลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇪🇸 ลาลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇩🇪 บุนเดสลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇮🇹 กัลโช่ เซเรีย อา&lt;/a>
      &lt;a href=&quot;#&quot;>🇯🇵 เจลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇰🇷 เคลีก 1&lt;/a>
      &lt;a href=&quot;#&quot;>🇺🇸 เมเจอร์ลีก ซอคเกอร์&lt;/a>
      &lt;a href=&quot;#&quot;>⭐ ยูฟ่า แชมเปียนส์ลีก&lt;/a>
      &lt;a class=&quot;more&quot; href=&quot;#&quot;>ประเทศทั้งหมด ▾&lt;/a>
    &lt;/div>
  &lt;/aside>

  &lt;!-- กลาง -->
  &lt;section>
    &lt;nav class=&quot;crumb&quot;>
      &lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;a href=&quot;#&quot;>ฟุตบอล&lt;/a> › &lt;b>อันดับโลกฟีฟ่า&lt;/b>
    &lt;/nav>
    &lt;div class=&quot;page-head&quot;>
      &lt;h1>อันดับโลกฟีฟ่า — ทีมชาติชายและหญิง อัปเดตล่าสุด&lt;/h1>
      &lt;p>อัปเดต 10 กรกฎาคม 2569 (หลังฟุตบอลโลกรอบแบ่งกลุ่ม) · ประกาศครั้งถัดไป 14 สิงหาคม 2569&lt;/p>
    &lt;/div>

    &lt;!-- TABS -->
    &lt;div class=&quot;tabwrap&quot;>
      &lt;nav class=&quot;tabs&quot;>
        &lt;a href=&quot;#&quot; data-m=&quot;men&quot; class=&quot;on&quot;>ทีมชาติชาย&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;women&quot;>ทีมชาติหญิง&lt;/a>
        &lt;a href=&quot;#&quot; data-m=&quot;uefa&quot;>สัมประสิทธิ์ยูฟ่า&lt;/a>
      &lt;/nav>
    &lt;/div>

    &lt;!-- ============ ชาย ============ -->
    &lt;div class=&quot;pane on&quot; data-m=&quot;men&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;cf&quot;>
          &lt;button class=&quot;on&quot; data-cf=&quot;all&quot;>ทั้งหมด&lt;/button>
          &lt;button data-cf=&quot;eu&quot;>ยูฟ่า&lt;/button>
          &lt;button data-cf=&quot;sa&quot;>คอนเมโบล&lt;/button>
          &lt;button data-cf=&quot;as&quot;>เอเชีย&lt;/button>
          &lt;button data-cf=&quot;af&quot;>แอฟริกา&lt;/button>
          &lt;button data-cf=&quot;na&quot;>คอนคาแคฟ&lt;/button>
        &lt;/div>
        &lt;div class=&quot;rkhd&quot;>&lt;span class=&quot;c&quot;>อันดับ&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;r&quot;>คะแนน&lt;/span>&lt;/div>
        &lt;a class=&quot;rkrow top num&quot; data-cf=&quot;sa&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>1&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇦🇷&lt;/i>&lt;b>อาร์เจนตินา&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1886&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow top num&quot; data-cf=&quot;sa&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>2&lt;/span>&lt;span class=&quot;mv up&quot;>▲1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇧🇷&lt;/i>&lt;b>บราซิล&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1875&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow top num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>3&lt;/span>&lt;span class=&quot;mv dn&quot;>▼1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇫🇷&lt;/i>&lt;b>ฝรั่งเศส&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1862&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>4&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇪🇸&lt;/i>&lt;b>สเปน&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1854&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>5&lt;/span>&lt;span class=&quot;mv up&quot;>▲2&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🏴󠁧󠁢󠁥󠁮󠁧󠁿&lt;/i>&lt;b>อังกฤษ&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1830&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>6&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇵🇹&lt;/i>&lt;b>โปรตุเกส&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1815&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>7&lt;/span>&lt;span class=&quot;mv dn&quot;>▼2&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇳🇱&lt;/i>&lt;b>เนเธอร์แลนด์&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1801&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>8&lt;/span>&lt;span class=&quot;mv up&quot;>▲1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇮🇹&lt;/i>&lt;b>อิตาลี&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1793&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>9&lt;/span>&lt;span class=&quot;mv dn&quot;>▼1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇧🇪&lt;/i>&lt;b>เบลเยียม&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1780&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>10&lt;/span>&lt;span class=&quot;mv up&quot;>▲3&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇩🇪&lt;/i>&lt;b>เยอรมนี&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1774&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;af&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>11&lt;/span>&lt;span class=&quot;mv up&quot;>▲1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇲🇦&lt;/i>&lt;b>โมร็อกโก&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1706&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;na&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>14&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇺🇸&lt;/i>&lt;b>สหรัฐอเมริกา&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1681&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;as&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>18&lt;/span>&lt;span class=&quot;mv up&quot;>▲2&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇯🇵&lt;/i>&lt;b>ญี่ปุ่น&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1652&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;as&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>24&lt;/span>&lt;span class=&quot;mv dn&quot;>▼1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇰🇷&lt;/i>&lt;b>เกาหลีใต้&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1594&lt;/span>&lt;/a>
        &lt;div class=&quot;gap&quot;>⋯&lt;/div>
        &lt;a class=&quot;rkrow th num&quot; data-cf=&quot;as&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>99&lt;/span>&lt;span class=&quot;mv up&quot;>▲2&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇹🇭&lt;/i>&lt;b>ไทย&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1198&lt;/span>&lt;/a>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูครบทั้ง 210 ทีม →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ หญิง ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;women&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;cf&quot;>
          &lt;button class=&quot;on&quot; data-cf=&quot;all&quot;>ทั้งหมด&lt;/button>
          &lt;button data-cf=&quot;eu&quot;>ยูฟ่า&lt;/button>
          &lt;button data-cf=&quot;sa&quot;>คอนเมโบล&lt;/button>
          &lt;button data-cf=&quot;as&quot;>เอเชีย&lt;/button>
          &lt;button data-cf=&quot;af&quot;>แอฟริกา&lt;/button>
          &lt;button data-cf=&quot;na&quot;>คอนคาแคฟ&lt;/button>
        &lt;/div>
        &lt;div class=&quot;rkhd&quot;>&lt;span class=&quot;c&quot;>อันดับ&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;r&quot;>คะแนน&lt;/span>&lt;/div>
        &lt;a class=&quot;rkrow top num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>1&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇪🇸&lt;/i>&lt;b>สเปน&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>2071&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow top num&quot; data-cf=&quot;na&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>2&lt;/span>&lt;span class=&quot;mv up&quot;>▲1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇺🇸&lt;/i>&lt;b>สหรัฐอเมริกา&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>2057&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow top num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>3&lt;/span>&lt;span class=&quot;mv dn&quot;>▼1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇩🇪&lt;/i>&lt;b>เยอรมนี&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>2034&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>4&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🏴󠁧󠁢󠁥󠁮󠁧󠁿&lt;/i>&lt;b>อังกฤษ&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>2020&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>5&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇸🇪&lt;/i>&lt;b>สวีเดน&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1996&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;as&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>6&lt;/span>&lt;span class=&quot;mv up&quot;>▲1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇯🇵&lt;/i>&lt;b>ญี่ปุ่น&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1982&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;eu&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>7&lt;/span>&lt;span class=&quot;mv dn&quot;>▼1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇫🇷&lt;/i>&lt;b>ฝรั่งเศส&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1973&lt;/span>&lt;/a>
        &lt;a class=&quot;rkrow num&quot; data-cf=&quot;sa&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>8&lt;/span>&lt;span class=&quot;mv same&quot;>–&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇧🇷&lt;/i>&lt;b>บราซิล&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1961&lt;/span>&lt;/a>
        &lt;div class=&quot;gap&quot;>⋯&lt;/div>
        &lt;a class=&quot;rkrow th num&quot; data-cf=&quot;as&quot; href=&quot;#&quot;>&lt;span class=&quot;pos&quot;>44&lt;/span>&lt;span class=&quot;mv up&quot;>▲1&lt;/span>&lt;span class=&quot;tm&quot;>&lt;i>🇹🇭&lt;/i>&lt;b>ไทย&lt;/b>&lt;/span>&lt;span class=&quot;pts&quot;>1587&lt;/span>&lt;/a>
        &lt;a class=&quot;linkrow&quot; href=&quot;#&quot;>ดูครบทั้ง 192 ทีม →&lt;/a>
      &lt;/section>
    &lt;/div>

    &lt;!-- ============ สัมประสิทธิ์ยูฟ่า ============ -->
    &lt;div class=&quot;pane&quot; data-m=&quot;uefa&quot;>
      &lt;section class=&quot;card&quot;>
        &lt;div class=&quot;card-in&quot;>&lt;div class=&quot;stub&quot;>⬜ อันดับสัมประสิทธิ์ยูฟ่า (ประเทศ + สโมสร) — รอบถัดไป&lt;/div>&lt;/div>
      &lt;/section>
    &lt;/div>

    &lt;!-- FAQ (AEO) — นอก tab เห็นเสมอ -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;card-t&quot; style=&quot;padding-bottom:10px&quot;>คำถามที่พบบ่อย&lt;/div>
      &lt;details open>
        &lt;summary>ทีมชาติไทยอยู่อันดับโลกฟีฟ่าที่เท่าไหร่?&lt;/summary>
        &lt;p>ทีมชาติไทย (ชาย) อยู่อันดับ 99 ของโลก (1198 คะแนน) ขยับขึ้น 2 อันดับจากรอบก่อน — ส่วนทีมชาติหญิงอยู่อันดับ 44 ของโลก&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ใครครองอันดับ 1 ของโลกตอนนี้?&lt;/summary>
        &lt;p>อาร์เจนตินาครองอันดับ 1 ทีมชาติชาย (1886 คะแนน) ตามด้วยบราซิลและฝรั่งเศส — ฝั่งทีมชาติหญิงอันดับ 1 คือสเปน&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>อันดับโลกฟีฟ่าอัปเดตบ่อยแค่ไหน?&lt;/summary>
        &lt;p>ฟีฟ่าประกาศอันดับใหม่ราวปีละ 6–8 ครั้งหลังช่วงเตะทีมชาติ (FIFA window) ครั้งล่าสุดคือ 10 กรกฎาคม 2569 และครั้งถัดไปคือ 14 สิงหาคม 2569 — หน้านี้อัปเดตอัตโนมัติทุกรอบประกาศ&lt;/p>
      &lt;/details>
    &lt;/section>

    &lt;div class=&quot;links&quot;>
      &lt;a href=&quot;#&quot;>ทีมชาติไทย&lt;/a>
      &lt;a href=&quot;#&quot;>ฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>บอลสดวันนี้&lt;/a>
      &lt;a href=&quot;#&quot;>ตารางคะแนนพรีเมียร์ลีก&lt;/a>
    &lt;/div>
  &lt;/section>

  &lt;!-- RAIL -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>ขยับแรงรอบนี้ · ชาย&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇩🇪 &lt;b>เยอรมนี&lt;/b> · อันดับ 10&lt;/span>&lt;span class=&quot;d up num&quot;>▲3&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇯🇵 &lt;b>ญี่ปุ่น&lt;/b> · อันดับ 18&lt;/span>&lt;span class=&quot;d up num&quot;>▲2&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇹🇭 &lt;b>ไทย&lt;/b> · อันดับ 99&lt;/span>&lt;span class=&quot;d up num&quot;>▲2&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;t&quot;>🇳🇱 &lt;b>เนเธอร์แลนด์&lt;/b> · อันดับ 7&lt;/span>&lt;span class=&quot;d dn num&quot;>▼2&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>เกี่ยวกับอันดับนี้&lt;/div>
      &lt;div class=&quot;note&quot; style=&quot;padding-top:2px&quot;>คะแนนคำนวณแบบ Elo ของฟีฟ่า (SUM) จากผลแข่งจริงถ่วงน้ำหนักตามความสำคัญของรายการ · ป้ายอันดับเดียวกันนี้แสดงบนหัวแมตช์ทีมชาติและหน้าทีม&lt;/div>
    &lt;/div>
    &lt;div class=&quot;sp-card&quot;>
      &lt;div class=&quot;sp-logo&quot;>SCORE&lt;i>PULSE&lt;/i>&lt;/div>
      &lt;p>ตารางอันดับโลกพร้อมใช้บนเว็บคุณ — feed · API · widget&lt;/p>
      &lt;a href=&quot;#&quot;>ดูแพ็กเกจ →&lt;/a>
    &lt;/div>
  &lt;/aside>
&lt;/div>

&lt;footer>
  &lt;span>© 2569 score108.com&lt;/span>
  &lt;span>prototype Phase 2 · ranking — ทุก tab render ใน DOM (SSR) เพื่อ SEO, กรอง/สลับด้วย client&lt;/span>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a class=&quot;on&quot; href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
/* theme toggle */
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();

/* tab หลัก (ชาย/หญิง/ยูฟ่า) */
const state={m:'men'};
function renderTabs(){
  document.querySelectorAll('.tabs a').forEach(a=>a.classList.toggle('on',a.dataset.m===state.m));
  document.querySelectorAll('.pane').forEach(p=>p.classList.toggle('on',p.dataset.m===state.m));
}
document.querySelectorAll('.tabs a').forEach(a=>a.addEventListener('click',e=>{e.preventDefault();state.m=a.dataset.m;renderTabs()}));
renderTabs();

/* กรองสมาพันธ์ (ต่อ pane) */
document.querySelectorAll('.cf button').forEach(b=>b.addEventListener('click',()=>{
  const pane=b.closest('.pane'),v=b.dataset.cf;
  pane.querySelectorAll('.cf button').forEach(x=>x.classList.toggle('on',x===b));
  pane.querySelectorAll('.rkrow').forEach(row=>{row.style.display=(v==='all'||row.dataset.cf===v)?'':'none'});
  pane.querySelectorAll('.gap').forEach(g=>{g.style.display=(v==='all')?'':'none'});
}));
&lt;/script>
"></iframe>
  <iframe id="f-stand" title="📋 standings" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>ตารางคะแนนไทยลีก 2025/26 อัปเดตล่าสุด — score108 (prototype standings)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12): BreadcrumbList + ItemList + FAQPage + Organization ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;ฟุตบอล&quot;,&quot;item&quot;:&quot;https://www.score108.com/football&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;ไทยลีก&quot;,&quot;item&quot;:&quot;https://www.score108.com/competition/thai-league&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:4,&quot;name&quot;:&quot;ตารางคะแนน&quot;}]},
 {&quot;@type&quot;:&quot;ItemList&quot;,&quot;name&quot;:&quot;ตารางคะแนนไทยลีก 2025/26&quot;,&quot;itemListOrder&quot;:&quot;https://schema.org/ItemListOrderAscending&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;บุรีรัมย์ ยูไนเต็ด&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;การท่าเรือ เอฟซี&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:3,&quot;name&quot;:&quot;บีจี ปทุม ยูไนเต็ด&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:4,&quot;name&quot;:&quot;เมืองทอง ยูไนเต็ด&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:5,&quot;name&quot;:&quot;ชลบุรี เอฟซี&quot;}]},
 {&quot;@type&quot;:&quot;FAQPage&quot;,&quot;mainEntity&quot;:[
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ตอนนี้ใครนำจ่าฝูงไทยลีก?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;บุรีรัมย์ ยูไนเต็ด นำจ่าฝูงด้วย 55 คะแนน จาก 24 นัด (ชนะ 17 เสมอ 4 แพ้ 3) นำการท่าเรือ เอฟซี อยู่ 5 คะแนน เหลือแข่งอีก 6 นัด&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ทีมไหนเสี่ยงตกชั้นไทยลีกฤดูกาลนี้?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;โซนตกชั้น (อันดับ 14–16) ขณะนี้คือ สุโขทัย เอฟซี (21 คะแนน) และนครราชสีมา มาสด้า (17 คะแนน) — ยังมีลุ้นหนีตกชั้นได้ในช่วง 6 นัดสุดท้าย&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ตารางคะแนนนี้อัปเดตเมื่อไหร่?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;อัปเดตอัตโนมัติทันทีที่แต่ละแมตช์จบ — คำนวณแต้ม ประตูได้-เสีย และฟอร์ม 5 นัดล่าสุดจากผลจริงทุกคู่ ครั้งล่าสุด 6 กรกฎาคม 2569&quot;}}]},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --draw:#5B667A;
    --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
    --s-home:#3987E5; --s-away:#199E70;
    --shadow:0 1px 2px rgba(0,0,0,.35);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --draw:#5B667A;
  --bd-bg:#232C3E; --bd-tx:#AAB8D8; --band:#1F2938;
  --s-home:#3987E5; --s-away:#199E70;
  --shadow:0 1px 2px rgba(0,0,0,.35);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --bd-bg:#EAEEF5; --bd-tx:#41507A; --band:#E3E8F1;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif;
  padding-bottom:64px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1200px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.mainnav a.on{color:var(--ink);font-weight:700;background:var(--bg)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}

/* ========= SHELL / CARD / RAIL ========= */
.shell{max-width:1200px;margin:10px auto 0;padding:0 8px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.rail{display:none}
.rail-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:6px 0;margin-bottom:12px}
.rail-t{font-size:12px;font-weight:700;color:var(--muted);padding:8px 14px 4px}
.rail-card a{display:flex;align-items:center;gap:10px;padding:7px 14px;font-size:13px;border-left:2px solid transparent}
.rail-card a:hover{background:var(--bg)}
.rail-card a.on{font-weight:700;color:var(--ink);border-left-color:var(--brand);background:var(--bg)}
.rail-card a.more{color:var(--muted);font-size:12px}
.crumb{font-size:11.5px;color:var(--muted);padding:2px 4px 8px;display:flex;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.crumb b{color:var(--text);font-weight:600}
.page-head{padding:0 4px 10px;display:flex;align-items:flex-start;gap:12px}
.page-head .lg-badge{width:40px;height:40px;flex:none;border-radius:9px;background:var(--band);display:flex;align-items:center;justify-content:center;font-size:22px}
.page-head h1{margin:0;font-size:16px;color:var(--ink);font-weight:700;text-wrap:balance}
.page-head p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);margin-bottom:10px;overflow:hidden}
.card-t{display:flex;justify-content:space-between;align-items:baseline;padding:12px 16px 0;font-size:14px;font-weight:700;color:var(--ink)}
.card-h{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 6px;font-size:12px;font-weight:700;color:var(--muted)}

/* ========= VENUE TOGGLE (ทั้งหมด/เหย้า/เยือน) ========= */
.seg{display:flex;gap:4px;padding:12px 14px 6px}
.seg button{border:1px solid var(--line);border-radius:999px;padding:5px 15px;font-size:12.5px;font-weight:500;color:var(--muted)}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--band);border-color:var(--line);color:var(--ink);font-weight:700}

/* ========= LEAGUE TABLE ========= */
.tbl{padding:2px 0}
.tr{display:grid;
  grid-template-columns:26px minmax(0,1fr) 26px 34px 42px 96px;
  gap:5px;align-items:center;padding:8px 12px;font-size:13px;border-top:1px solid var(--line)}
.tbl .tr:first-child{border-top:0}
.tr.hd{color:var(--muted);font-size:10.5px;font-weight:600;border-top:0;padding-top:10px;padding-bottom:2px}
.tr.hd .wide,.tr.hd .c{text-align:center}
.tr:not(.hd):hover{background:var(--bg)}
.tr .pos{color:var(--muted);font-size:12px;text-align:center;font-weight:600}
.tr .tm{display:flex;align-items:center;gap:8px;min-width:0}
.tr .tm i{font-style:normal;font-size:16px}
.tr .tm b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr .c{text-align:center;color:var(--text)}
.tr .gd{text-align:center;color:var(--muted)}
.tr .pts{text-align:center;font-weight:800;color:var(--ink)}
.wide{display:none}
/* โซน */
.tr.q{box-shadow:inset 3px 0 0 var(--win)}
.tr.po{box-shadow:inset 3px 0 0 var(--gold)}
.tr.rel{box-shadow:inset 3px 0 0 var(--loss)}
.tr.me{background:var(--brand-soft)}
.tr.me.q{box-shadow:inset 3px 0 0 var(--win),inset 0 0 0 100vmax rgba(0,0,0,0)}
/* ฟอร์ม 5 นัด */
.form{display:flex;gap:3px;justify-content:flex-end}
.fd{width:17px;height:17px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#fff}
.fd.w{background:var(--win)}.fd.d{background:var(--draw)}.fd.l{background:var(--loss)}
.legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 16px 12px;font-size:11px;color:var(--muted)}
.legend span{display:flex;align-items:center;gap:6px}
.legend i{width:9px;height:9px;border-radius:2px;flex:none}
.legend i.q{background:var(--win)}.legend i.po{background:var(--gold)}.legend i.rel{background:var(--loss)}

/* ========= RIGHT RAIL MINI ========= */
.mini{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.mini:first-of-type{border-top:0}
.mini .p{width:18px;color:var(--muted);font-size:11px;text-align:center;font-weight:700}
.mini .t{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini .t b{color:var(--ink)}
.mini .v{font-weight:700;color:var(--ink)}
.note{padding:8px 16px 12px;font-size:11.5px;color:var(--muted)}

/* ========= FAQ / LINKS / FOOTER ========= */
details{border-top:1px solid var(--line);padding:0 16px}
details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:13px;font-weight:600;color:var(--ink)}
details summary::after{content:&quot;+&quot;;color:var(--muted);font-size:16px;font-weight:400}
details[open] summary::after{content:&quot;–&quot;}
details p{margin:0 0 12px;font-size:12.5px;color:var(--muted);max-width:65ch}
.links{display:flex;flex-wrap:wrap;gap:6px;padding:2px 4px 8px}
.links a{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12px;color:var(--text)}
.links a:hover{border-color:var(--ink);color:var(--ink)}
footer{max-width:1200px;margin:20px auto 0;padding:16px 16px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.sp-card{background:#1B2740;color:#E9EDF5;border-radius:10px;padding:16px;margin-bottom:12px}
.sp-card .sp-logo{font-weight:800;letter-spacing:.04em;font-size:14px;color:#fff}
.sp-card .sp-logo i{color:#F26A47;font-style:normal}
.sp-card p{margin:6px 0 10px;font-size:12.5px;color:#B9C3D6}
.sp-card a{display:inline-block;background:#F26A47;color:#fff;font-size:12.5px;font-weight:700;border-radius:999px;padding:6px 14px}

/* ========= BOTTOM NAV ========= */
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottomnav a.on{color:var(--brand-deep);font-weight:700}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (min-width:760px){
  body{padding-bottom:0}
  .bottomnav{display:none}
  .mainnav{display:flex}
  .page-head h1{font-size:19px}
  .wide{display:block}
  .tr{grid-template-columns:30px minmax(0,1fr) 30px 30px 30px 30px 34px 34px 40px 44px 104px;gap:6px;padding:8px 16px}
}
@media (min-width:1100px){
  .shell{grid-template-columns:220px minmax(0,1fr) 300px}
  .rail{display:block}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 1 · standings (ตารางคะแนนลีก standalone) · &lt;b>สลับเหย้า/เยือนได้จริง · ฟอร์ม 5 นัด · โซนเข้าถ้วย/ตกชั้น&lt;/b> · ข้อมูลตัวอย่าง (ไทยลีก)&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a href=&quot;#&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a class=&quot;on&quot; href=&quot;#&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหา&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;div class=&quot;shell&quot;>

  &lt;!-- ซ้าย: ลีกยอดนิยม (desktop ≥1100) -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;rail-card&quot;>
      &lt;div class=&quot;rail-t&quot;>ลีกยอดนิยม&lt;/div>
      &lt;a class=&quot;on&quot; href=&quot;#&quot;>🇹🇭 ไทยลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🏆 ฟุตบอลโลก 2026&lt;/a>
      &lt;a href=&quot;#&quot;>🏴󠁧󠁢󠁥󠁮󠁧󠁿 พรีเมียร์ลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇪🇸 ลาลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇩🇪 บุนเดสลีกา&lt;/a>
      &lt;a href=&quot;#&quot;>🇮🇹 กัลโช่ เซเรีย อา&lt;/a>
      &lt;a href=&quot;#&quot;>🇯🇵 เจลีก&lt;/a>
      &lt;a href=&quot;#&quot;>🇰🇷 เคลีก 1&lt;/a>
      &lt;a href=&quot;#&quot;>🇺🇸 เมเจอร์ลีก ซอคเกอร์&lt;/a>
      &lt;a href=&quot;#&quot;>⭐ ยูฟ่า แชมเปียนส์ลีก&lt;/a>
      &lt;a class=&quot;more&quot; href=&quot;#&quot;>ประเทศทั้งหมด ▾&lt;/a>
    &lt;/div>
  &lt;/aside>

  &lt;!-- กลาง -->
  &lt;section>
    &lt;nav class=&quot;crumb&quot;>
      &lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;a href=&quot;#&quot;>ฟุตบอล&lt;/a> › &lt;a href=&quot;#&quot;>ไทยลีก&lt;/a> › &lt;b>ตารางคะแนน&lt;/b>
    &lt;/nav>
    &lt;div class=&quot;page-head&quot;>
      &lt;div class=&quot;lg-badge&quot;>🇹🇭&lt;/div>
      &lt;div>
        &lt;h1>ตารางคะแนนไทยลีก 2025/26 — อัปเดตล่าสุด&lt;/h1>
        &lt;p>แข่งไปแล้ว 24 จาก 30 นัด · จ่าฝูง บุรีรัมย์ ยูไนเต็ด · อัปเดต 6 กรกฎาคม 2569&lt;/p>
      &lt;/div>
    &lt;/div>

    &lt;section class=&quot;card&quot;>
      &lt;!-- toggle เหย้า/เยือน -->
      &lt;div class=&quot;seg&quot;>
        &lt;button class=&quot;on&quot; data-v=&quot;all&quot;>ทั้งหมด&lt;/button>
        &lt;button data-v=&quot;home&quot;>เหย้า&lt;/button>
        &lt;button data-v=&quot;away&quot;>เยือน&lt;/button>
      &lt;/div>

      &lt;div class=&quot;tbl&quot;>
        &lt;div class=&quot;tr hd&quot;>
          &lt;span class=&quot;c&quot;>#&lt;/span>&lt;span>ทีม&lt;/span>
          &lt;span class=&quot;c&quot;>แข่ง&lt;/span>
          &lt;span class=&quot;c wide&quot;>ช&lt;/span>&lt;span class=&quot;c wide&quot;>ส&lt;/span>&lt;span class=&quot;c wide&quot;>พ&lt;/span>
          &lt;span class=&quot;c wide&quot;>ได้&lt;/span>&lt;span class=&quot;c wide&quot;>เสีย&lt;/span>
          &lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span class=&quot;c&quot;>แต้ม&lt;/span>&lt;span class=&quot;c&quot;>5 นัดล่าสุด&lt;/span>
        &lt;/div>

        &lt;!-- แถวข้อมูล: data-* เก็บสถิติ 3 โหมด (all/home/away) → toggle client -->
        &lt;a class=&quot;tr q num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;17&quot; data-d=&quot;4&quot; data-l=&quot;3&quot; data-gf=&quot;48&quot; data-ga=&quot;18&quot;
           data-hp=&quot;12&quot; data-hw=&quot;10&quot; data-hd=&quot;1&quot; data-hl=&quot;1&quot; data-hgf=&quot;29&quot; data-hga=&quot;8&quot;
           data-ap=&quot;12&quot; data-aw=&quot;7&quot; data-ad=&quot;3&quot; data-al=&quot;2&quot; data-agf=&quot;19&quot; data-aga=&quot;10&quot;>
          &lt;span class=&quot;pos&quot;>1&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>🔵&lt;/i>&lt;b>บุรีรัมย์ ยูไนเต็ด&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>17&lt;/span>&lt;span class=&quot;c wide d&quot;>4&lt;/span>&lt;span class=&quot;c wide l&quot;>3&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>48&lt;/span>&lt;span class=&quot;c wide ga&quot;>18&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>+30&lt;/span>&lt;span class=&quot;pts v-pts&quot;>55&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;/span>
        &lt;/a>

        &lt;a class=&quot;tr q num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;15&quot; data-d=&quot;5&quot; data-l=&quot;4&quot; data-gf=&quot;41&quot; data-ga=&quot;22&quot;
           data-hp=&quot;12&quot; data-hw=&quot;9&quot; data-hd=&quot;2&quot; data-hl=&quot;1&quot; data-hgf=&quot;24&quot; data-hga=&quot;9&quot;
           data-ap=&quot;12&quot; data-aw=&quot;6&quot; data-ad=&quot;3&quot; data-al=&quot;3&quot; data-agf=&quot;17&quot; data-aga=&quot;13&quot;>
          &lt;span class=&quot;pos&quot;>2&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>🔴&lt;/i>&lt;b>การท่าเรือ เอฟซี&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>15&lt;/span>&lt;span class=&quot;c wide d&quot;>5&lt;/span>&lt;span class=&quot;c wide l&quot;>4&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>41&lt;/span>&lt;span class=&quot;c wide ga&quot;>22&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>+19&lt;/span>&lt;span class=&quot;pts v-pts&quot;>50&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;/span>
        &lt;/a>

        &lt;a class=&quot;tr po num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;13&quot; data-d=&quot;6&quot; data-l=&quot;5&quot; data-gf=&quot;38&quot; data-ga=&quot;24&quot;
           data-hp=&quot;12&quot; data-hw=&quot;8&quot; data-hd=&quot;3&quot; data-hl=&quot;1&quot; data-hgf=&quot;22&quot; data-hga=&quot;10&quot;
           data-ap=&quot;12&quot; data-aw=&quot;5&quot; data-ad=&quot;3&quot; data-al=&quot;4&quot; data-agf=&quot;16&quot; data-aga=&quot;14&quot;>
          &lt;span class=&quot;pos&quot;>3&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>⚪&lt;/i>&lt;b>บีจี ปทุม ยูไนเต็ด&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>13&lt;/span>&lt;span class=&quot;c wide d&quot;>6&lt;/span>&lt;span class=&quot;c wide l&quot;>5&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>38&lt;/span>&lt;span class=&quot;c wide ga&quot;>24&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>+14&lt;/span>&lt;span class=&quot;pts v-pts&quot;>45&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;/span>
        &lt;/a>

        &lt;a class=&quot;tr num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;11&quot; data-d=&quot;7&quot; data-l=&quot;6&quot; data-gf=&quot;34&quot; data-ga=&quot;27&quot;
           data-hp=&quot;12&quot; data-hw=&quot;7&quot; data-hd=&quot;3&quot; data-hl=&quot;2&quot; data-hgf=&quot;20&quot; data-hga=&quot;12&quot;
           data-ap=&quot;12&quot; data-aw=&quot;4&quot; data-ad=&quot;4&quot; data-al=&quot;4&quot; data-agf=&quot;14&quot; data-aga=&quot;15&quot;>
          &lt;span class=&quot;pos&quot;>4&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>🟡&lt;/i>&lt;b>เมืองทอง ยูไนเต็ด&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>11&lt;/span>&lt;span class=&quot;c wide d&quot;>7&lt;/span>&lt;span class=&quot;c wide l&quot;>6&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>34&lt;/span>&lt;span class=&quot;c wide ga&quot;>27&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>+7&lt;/span>&lt;span class=&quot;pts v-pts&quot;>40&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;/span>
        &lt;/a>

        &lt;a class=&quot;tr num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;10&quot; data-d=&quot;6&quot; data-l=&quot;8&quot; data-gf=&quot;30&quot; data-ga=&quot;29&quot;
           data-hp=&quot;12&quot; data-hw=&quot;7&quot; data-hd=&quot;2&quot; data-hl=&quot;3&quot; data-hgf=&quot;18&quot; data-hga=&quot;12&quot;
           data-ap=&quot;12&quot; data-aw=&quot;3&quot; data-ad=&quot;4&quot; data-al=&quot;5&quot; data-agf=&quot;12&quot; data-aga=&quot;17&quot;>
          &lt;span class=&quot;pos&quot;>5&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>🔵&lt;/i>&lt;b>ชลบุรี เอฟซี&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>10&lt;/span>&lt;span class=&quot;c wide d&quot;>6&lt;/span>&lt;span class=&quot;c wide l&quot;>8&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>30&lt;/span>&lt;span class=&quot;c wide ga&quot;>29&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>+1&lt;/span>&lt;span class=&quot;pts v-pts&quot;>36&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;/span>
        &lt;/a>

        &lt;a class=&quot;tr num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;9&quot; data-d=&quot;7&quot; data-l=&quot;8&quot; data-gf=&quot;28&quot; data-ga=&quot;30&quot;
           data-hp=&quot;12&quot; data-hw=&quot;6&quot; data-hd=&quot;3&quot; data-hl=&quot;3&quot; data-hgf=&quot;17&quot; data-hga=&quot;13&quot;
           data-ap=&quot;12&quot; data-aw=&quot;3&quot; data-ad=&quot;4&quot; data-al=&quot;5&quot; data-agf=&quot;11&quot; data-aga=&quot;17&quot;>
          &lt;span class=&quot;pos&quot;>6&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>🟠&lt;/i>&lt;b>ราชบุรี เอฟซี&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>9&lt;/span>&lt;span class=&quot;c wide d&quot;>7&lt;/span>&lt;span class=&quot;c wide l&quot;>8&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>28&lt;/span>&lt;span class=&quot;c wide ga&quot;>30&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>-2&lt;/span>&lt;span class=&quot;pts v-pts&quot;>34&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;/span>
        &lt;/a>

        &lt;a class=&quot;tr rel num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;5&quot; data-d=&quot;6&quot; data-l=&quot;13&quot; data-gf=&quot;20&quot; data-ga=&quot;38&quot;
           data-hp=&quot;12&quot; data-hw=&quot;4&quot; data-hd=&quot;3&quot; data-hl=&quot;5&quot; data-hgf=&quot;13&quot; data-hga=&quot;17&quot;
           data-ap=&quot;12&quot; data-aw=&quot;1&quot; data-ad=&quot;3&quot; data-al=&quot;8&quot; data-agf=&quot;7&quot; data-aga=&quot;21&quot;>
          &lt;span class=&quot;pos&quot;>14&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>🟢&lt;/i>&lt;b>สุโขทัย เอฟซี&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>5&lt;/span>&lt;span class=&quot;c wide d&quot;>6&lt;/span>&lt;span class=&quot;c wide l&quot;>13&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>20&lt;/span>&lt;span class=&quot;c wide ga&quot;>38&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>-18&lt;/span>&lt;span class=&quot;pts v-pts&quot;>21&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd d&quot;>ส&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;/span>
        &lt;/a>

        &lt;a class=&quot;tr rel num&quot; href=&quot;#&quot;
           data-p=&quot;24&quot; data-w=&quot;4&quot; data-d=&quot;5&quot; data-l=&quot;15&quot; data-gf=&quot;17&quot; data-ga=&quot;44&quot;
           data-hp=&quot;12&quot; data-hw=&quot;3&quot; data-hd=&quot;3&quot; data-hl=&quot;6&quot; data-hgf=&quot;11&quot; data-hga=&quot;20&quot;
           data-ap=&quot;12&quot; data-aw=&quot;1&quot; data-ad=&quot;2&quot; data-al=&quot;9&quot; data-agf=&quot;6&quot; data-aga=&quot;24&quot;>
          &lt;span class=&quot;pos&quot;>15&lt;/span>
          &lt;span class=&quot;tm&quot;>&lt;i>⚫&lt;/i>&lt;b>นครราชสีมา มาสด้า&lt;/b>&lt;/span>
          &lt;span class=&quot;c p&quot;>24&lt;/span>
          &lt;span class=&quot;c wide w&quot;>4&lt;/span>&lt;span class=&quot;c wide d&quot;>5&lt;/span>&lt;span class=&quot;c wide l&quot;>15&lt;/span>
          &lt;span class=&quot;c wide gf&quot;>17&lt;/span>&lt;span class=&quot;c wide ga&quot;>44&lt;/span>
          &lt;span class=&quot;gd v-gd&quot;>-27&lt;/span>&lt;span class=&quot;pts v-pts&quot;>17&lt;/span>
          &lt;span class=&quot;form&quot;>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd w&quot;>ช&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;i class=&quot;fd l&quot;>พ&lt;/i>&lt;/span>
        &lt;/a>
      &lt;/div>

      &lt;div class=&quot;legend&quot;>
        &lt;span>&lt;i class=&quot;q&quot;>&lt;/i> เอเอฟซี แชมเปียนส์ลีก (อันดับ 1–2)&lt;/span>
        &lt;span>&lt;i class=&quot;po&quot;>&lt;/i> รอบเพลย์ออฟ (อันดับ 3)&lt;/span>
        &lt;span>&lt;i class=&quot;rel&quot;>&lt;/i> ตกชั้น (อันดับ 14–16)&lt;/span>
      &lt;/div>
    &lt;/section>

    &lt;!-- FAQ (AEO) -->
    &lt;section class=&quot;card&quot;>
      &lt;div class=&quot;card-t&quot; style=&quot;padding-bottom:10px&quot;>คำถามที่พบบ่อย&lt;/div>
      &lt;details open>
        &lt;summary>ตอนนี้ใครนำจ่าฝูงไทยลีก?&lt;/summary>
        &lt;p>บุรีรัมย์ ยูไนเต็ด นำจ่าฝูงด้วย 55 คะแนน จาก 24 นัด (ชนะ 17 เสมอ 4 แพ้ 3) นำการท่าเรือ เอฟซี อยู่ 5 คะแนน เหลือแข่งอีก 6 นัด&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ทีมไหนเสี่ยงตกชั้นไทยลีกฤดูกาลนี้?&lt;/summary>
        &lt;p>โซนตกชั้น (อันดับ 14–16) ขณะนี้คือ สุโขทัย เอฟซี (21 คะแนน) และนครราชสีมา มาสด้า (17 คะแนน) — ยังมีลุ้นหนีตกชั้นได้ในช่วง 6 นัดสุดท้าย&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ตารางคะแนนนี้อัปเดตเมื่อไหร่?&lt;/summary>
        &lt;p>อัปเดตอัตโนมัติทันทีที่แต่ละแมตช์จบ — คำนวณแต้ม ประตูได้-เสีย และฟอร์ม 5 นัดล่าสุดจากผลจริงทุกคู่ ครั้งล่าสุด 6 กรกฎาคม 2569&lt;/p>
      &lt;/details>
    &lt;/section>

    &lt;div class=&quot;links&quot;>
      &lt;a href=&quot;#&quot;>โปรแกรมไทยลีก&lt;/a>
      &lt;a href=&quot;#&quot;>ดาวซัลโวไทยลีก&lt;/a>
      &lt;a href=&quot;#&quot;>บุรีรัมย์ ยูไนเต็ด&lt;/a>
      &lt;a href=&quot;#&quot;>ตารางคะแนนพรีเมียร์ลีก&lt;/a>
    &lt;/div>
  &lt;/section>

  &lt;!-- RAIL ขวา -->
  &lt;aside class=&quot;rail&quot;>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>จ่าฝูง &amp; หนีตกชั้น&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;p&quot; style=&quot;color:var(--gold)&quot;>1&lt;/span>&lt;span class=&quot;t&quot;>🔵 &lt;b>บุรีรัมย์ ยูไนเต็ด&lt;/b>&lt;/span>&lt;span class=&quot;v num&quot;>55&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;p&quot;>2&lt;/span>&lt;span class=&quot;t&quot;>🔴 &lt;b>การท่าเรือ เอฟซี&lt;/b>&lt;/span>&lt;span class=&quot;v num&quot;>50&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot; style=&quot;border-top-width:2px&quot;>&lt;span class=&quot;p&quot; style=&quot;color:var(--loss)&quot;>15&lt;/span>&lt;span class=&quot;t&quot;>⚫ &lt;b>นครราชสีมา&lt;/b>&lt;/span>&lt;span class=&quot;v num&quot;>17&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;card&quot;>
      &lt;div class=&quot;card-h&quot;>ดาวซัลโวไทยลีก&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;p&quot;>1&lt;/span>&lt;span class=&quot;t&quot;>&lt;b>ศุภชัย ใจเด็ด&lt;/b> · บุรีรัมย์&lt;/span>&lt;span class=&quot;v num&quot;>18&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;p&quot;>2&lt;/span>&lt;span class=&quot;t&quot;>&lt;b>บิล โรซิมาร์&lt;/b> · การท่าเรือ&lt;/span>&lt;span class=&quot;v num&quot;>15&lt;/span>&lt;/div>
      &lt;div class=&quot;mini&quot;>&lt;span class=&quot;p&quot;>3&lt;/span>&lt;span class=&quot;t&quot;>&lt;b>ก็อตฟรีด&lt;/b> · บีจี ปทุม&lt;/span>&lt;span class=&quot;v num&quot;>13&lt;/span>&lt;/div>
    &lt;/div>
    &lt;div class=&quot;sp-card&quot;>
      &lt;div class=&quot;sp-logo&quot;>SCORE&lt;i>PULSE&lt;/i>&lt;/div>
      &lt;p>ตารางคะแนน + ฟอร์มลีกนี้ ติดตั้งบนเว็บคุณได้ — feed · API · widget&lt;/p>
      &lt;a href=&quot;#&quot;>ดูแพ็กเกจ →&lt;/a>
    &lt;/div>
  &lt;/aside>
&lt;/div>

&lt;footer>
  &lt;span>© 2569 score108.com&lt;/span>
  &lt;span>prototype Phase 2 · standings — ทั้งตาราง render ใน DOM (SSR) เพื่อ SEO, สลับเหย้า/เยือนด้วย client&lt;/span>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a class=&quot;on&quot; href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
/* theme toggle */
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();

/* toggle เหย้า/เยือน — คำนวณ +/- และแต้มใหม่ตามโหมด แล้ว re-sort */
const seg=document.querySelector('.seg'),tbl=document.querySelector('.tbl');
const rows=[...tbl.querySelectorAll('.tr:not(.hd)')];
function stat(row,mode){
  const g=k=>+row.dataset[(mode==='all'?'':mode[0])+k];
  const w=g('w'),d=g('d'),l=g('l'),gf=g('gf'),ga=g('ga'),p=g('p');
  return {p,w,d,l,gf,ga,gd:gf-ga,pts:w*3+d};
}
function apply(mode){
  rows.forEach(row=>{
    const s=stat(row,mode);
    row.querySelector('.p').textContent=s.p;
    row.querySelector('.v-gd').textContent=(s.gd>0?'+':'')+s.gd;
    row.querySelector('.v-pts').textContent=s.pts;
    const W=row.querySelector('.w'),D=row.querySelector('.d'),L=row.querySelector('.l'),GF=row.querySelector('.gf'),GA=row.querySelector('.ga');
    W.textContent=s.w;D.textContent=s.d;L.textContent=s.l;GF.textContent=s.gf;GA.textContent=s.ga;
    row._pts=s.pts;row._gd=s.gd;row._gf=s.gf;
  });
  /* re-sort: แต้ม → ผลต่าง → ได้ประตู */
  const sorted=[...rows].sort((a,b)=>b._pts-a._pts||b._gd-a._gd||b._gf-a._gf);
  sorted.forEach((row,i)=>{tbl.appendChild(row);row.querySelector('.pos').textContent=i+1===7?14:(i+1===8?15:i+1)});
}
seg.addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;
  seg.querySelectorAll('button').forEach(x=>x.classList.toggle('on',x===b));
  apply(b.dataset.v);
});
&lt;/script>
"></iframe>
  <iframe id="f-about" title="ℹ️ about (trust)" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>เกี่ยวกับ score108 — ทีมงาน แหล่งข้อมูล นโยบายบรรณาธิการ (prototype about)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12 EEAT/Entity): Organization(full) + AboutPage + BreadcrumbList ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;เกี่ยวกับเรา&quot;}]},
 {&quot;@type&quot;:&quot;AboutPage&quot;,&quot;name&quot;:&quot;เกี่ยวกับ score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/about&quot;,&quot;about&quot;:{&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;}},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;foundingDate&quot;:&quot;2009&quot;,&quot;description&quot;:&quot;แพลตฟอร์มผลบอลสดและข้อมูลกีฬาภาษาไทยและอีก 5 ภาษา ครอบคลุมฟุตบอล บาสเกตบอล เทนนิส วอลเลย์บอล มวย&quot;,
  &quot;contactPoint&quot;:{&quot;@type&quot;:&quot;ContactPoint&quot;,&quot;contactType&quot;:&quot;customer support&quot;,&quot;email&quot;:&quot;support@score108.com&quot;,&quot;telephone&quot;:&quot;+66-2-000-0000&quot;,&quot;availableLanguage&quot;:[&quot;Thai&quot;,&quot;English&quot;]},
  &quot;address&quot;:{&quot;@type&quot;:&quot;PostalAddress&quot;,&quot;addressLocality&quot;:&quot;กรุงเทพมหานคร&quot;,&quot;addressCountry&quot;:&quot;TH&quot;},
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;,&quot;https://linkedin.com/company/score108&quot;]}
]}
&lt;/script>
&lt;style>
:root{--bg:#F5F6F8;--surface:#FFFFFF;--line:#E4E7EC;--ink:#1B2740;--text:#2A3448;--muted:#66718A;--brand:#E14B2A;--brand-deep:#C13A1D;--brand-soft:#FDEDE8;--win:#2F9E5F;--band:#E3E8F1;--shadow:0 1px 2px rgba(27,39,64,.06)}
@media (prefers-color-scheme: dark){:root{--bg:#0F141E;--surface:#171E2B;--line:#27303F;--ink:#F2F5FA;--text:#D5DBE6;--muted:#8B96A8;--brand:#F26A47;--brand-deep:#F58466;--brand-soft:#33201A;--band:#1F2938;--shadow:0 1px 2px rgba(0,0,0,.35)}}
:root[data-theme=&quot;dark&quot;]{--bg:#0F141E;--surface:#171E2B;--line:#27303F;--ink:#F2F5FA;--text:#D5DBE6;--muted:#8B96A8;--brand:#F26A47;--brand-deep:#F58466;--brand-soft:#33201A;--band:#1F2938;--shadow:0 1px 2px rgba(0,0,0,.35)}
:root[data-theme=&quot;light&quot;]{--bg:#F5F6F8;--surface:#FFFFFF;--line:#E4E7EC;--ink:#1B2740;--text:#2A3448;--muted:#66718A;--brand:#E14B2A;--brand-deep:#C13A1D;--brand-soft:#FDEDE8;--band:#E3E8F1;--shadow:0 1px 2px rgba(27,39,64,.06)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,Roboto,sans-serif;padding-bottom:64px}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:820px;margin:0 auto;height:52px;display:flex;align-items:center;gap:20px;padding:0 12px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}
.wrap{max-width:820px;margin:14px auto 0;padding:0 14px}
.crumb{font-size:11.5px;color:var(--muted);padding:2px 0 10px;display:flex;gap:6px;flex-wrap:wrap}
.crumb b{color:var(--text);font-weight:600}
h1{font-size:26px;color:var(--ink);margin:0 0 6px;text-wrap:balance}
.lead{font-size:15px;color:var(--muted);margin:0 0 20px;max-width:64ch}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px 20px;margin-bottom:14px}
h2{font-size:16px;color:var(--ink);margin:0 0 8px;display:flex;align-items:center;gap:8px}
h2 .ic{font-size:18px}
.card p{margin:0 0 8px;max-width:66ch}
.card p:last-child{margin-bottom:0}
.grid2{display:grid;grid-template-columns:1fr;gap:12px}
.person{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:10px}
.person .av{width:44px;height:44px;flex:none;border-radius:50%;background:var(--band);display:flex;align-items:center;justify-content:center;font-size:20px}
.person b{color:var(--ink);display:block}
.person span{font-size:12.5px;color:var(--muted)}
.badge{display:inline-block;background:var(--brand-soft);color:var(--brand-deep);font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;margin-left:6px}
ul.clean{margin:4px 0 0;padding-left:18px}
ul.clean li{margin-bottom:5px}
.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.stat{flex:1;min-width:120px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;text-align:center}
.stat b{display:block;font-size:22px;color:var(--ink);font-weight:800}
.stat span{font-size:12px;color:var(--muted)}
.nap{display:grid;grid-template-columns:22px 1fr;gap:8px 10px;align-items:center;font-size:13.5px}
.nap i{font-style:normal;text-align:center}
.nap a{color:var(--brand-deep);font-weight:600}
.social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.social a{border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:12.5px;color:var(--text)}
.social a:hover{border-color:var(--ink);color:var(--ink)}
footer{max-width:820px;margin:24px auto 0;padding:16px 14px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:flex;padding:4px 0 max(4px,env(safe-area-inset-bottom))}
.bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--muted);padding:4px 0}
.bottomnav a svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:760px){body{padding-bottom:0}.bottomnav{display:none}.mainnav{display:flex}.grid2{grid-template-columns:1fr 1fr}}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE · about (หน้า trust/EEAT ใหม่) — Organization schema เต็ม + ทีมบรรณาธิการ + นโยบายแก้ไข + แหล่งข้อมูล + NAP · ข้อมูลตัวอย่าง&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a href=&quot;#&quot;>บอลสด&lt;/a>&lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>&lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>&lt;a href=&quot;#&quot;>ตารางคะแนน&lt;/a>&lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; title=&quot;ค้นหา&quot;>⌕&lt;/button>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;div class=&quot;wrap&quot;>
  &lt;nav class=&quot;crumb&quot;>&lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;b>เกี่ยวกับเรา&lt;/b>&lt;/nav>
  &lt;h1>เกี่ยวกับ score108&lt;/h1>
  &lt;p class=&quot;lead&quot;>score108 คือแพลตฟอร์มผลบอลสดและข้อมูลกีฬาที่คนไทยใช้มาตั้งแต่ปี 2552 — เรารายงานผลสด สถิติ และบทวิเคราะห์ที่ตรวจสอบได้ พร้อมระบุแหล่งที่มาและเวลาอัปเดตในทุกหน้า&lt;/p>

  &lt;section class=&quot;card&quot;>
    &lt;h2>&lt;span class=&quot;ic&quot;>🎯&lt;/span> พันธกิจ&lt;/h2>
    &lt;p>ให้คนรักกีฬาเข้าถึงผลสดที่ &lt;b>เร็ว ครบ และเชื่อถือได้&lt;/b> — ครอบคลุมฟุตบอล บาสเกตบอล เทนนิส วอลเลย์บอล และมวย ทั้งลีกไทยและกว่า 1,000 รายการทั่วโลก รองรับ 6 ภาษา (ไทย/อังกฤษ/จีน/ญี่ปุ่น/รัสเซีย/สเปน)&lt;/p>
    &lt;p>เราไม่ใช่แค่ตัวเลข — ทุกสถิติคำนวณจากผลแมตช์จริงที่เราเก็บเป็นฐานข้อมูลของเราเอง และทุกบทวิเคราะห์มีชื่อผู้เขียนกำกับเสมอ&lt;/p>
  &lt;/section>

  &lt;section class=&quot;card&quot;>
    &lt;h2>&lt;span class=&quot;ic&quot;>✍️&lt;/span> ทีมบรรณาธิการ&lt;/h2>
    &lt;div class=&quot;grid2&quot;>
      &lt;div class=&quot;person&quot;>&lt;div class=&quot;av&quot;>👤&lt;/div>&lt;div>&lt;b>กองบรรณาธิการกีฬา score108&lt;/b>&lt;span>ทีมข่าว-สถิติ ประสบการณ์รายงานบอลไทย/ต่างประเทศกว่า 10 ปี&lt;/span>&lt;/div>&lt;/div>
      &lt;div class=&quot;person&quot;>&lt;div class=&quot;av&quot;>🧠&lt;/div>&lt;div>&lt;b>score108 AI Guru&lt;span class=&quot;badge&quot;>AI · โปร่งใส&lt;/span>&lt;/b>&lt;span>ผู้ช่วยวิเคราะห์ด้วย AI ติดป้ายกำกับชัดเจนทุกโพสต์ ตรวจทานโดยกองบรรณาธิการ&lt;/span>&lt;/div>&lt;/div>
    &lt;/div>
  &lt;/section>

  &lt;section class=&quot;card&quot;>
    &lt;h2>&lt;span class=&quot;ic&quot;>📊&lt;/span> แหล่งข้อมูล &amp; วิธีการ&lt;/h2>
    &lt;ul class=&quot;clean&quot;>
      &lt;li>สกอร์และเหตุการณ์สดจากผู้ให้บริการข้อมูลกีฬาระดับสากล ตรวจสอบซ้ำกับแหล่งทางการ&lt;/li>
      &lt;li>สถิติ (แต้ม, ประตูได้-เสีย, ฟอร์ม, ดาวซัลโว) &lt;b>คำนวณจากผลแมตช์จริง&lt;/b>ที่เก็บเป็น canonical data ไม่ derive ลอย ๆ&lt;/li>
      &lt;li>อันดับโลกใช้ค่า Elo (SUM) ของ FIFA พร้อมระบุรอบประกาศและวันที่&lt;/li>
      &lt;li>ทุกหน้าติด schema.org (SportsEvent / SportsTeam / Person / ItemList / FAQPage / Organization)&lt;/li>
    &lt;/ul>
  &lt;/section>

  &lt;section class=&quot;card&quot;>
    &lt;h2>&lt;span class=&quot;ic&quot;>🛠️&lt;/span> นโยบายความถูกต้อง &amp; การแก้ไข&lt;/h2>
    &lt;p>เราระบุ &lt;b>&quot;อัปเดตล่าสุด&quot;&lt;/b> ในทุกหน้าข้อมูล หากพบข้อผิดพลาด เราแก้ไขทันทีและระบุหมายเหตุการแก้ไขเมื่อเป็นสาระสำคัญ — แจ้งแก้ไขได้ที่ &lt;a href=&quot;#&quot; style=&quot;color:var(--brand-deep);font-weight:600&quot;>correction@score108.com&lt;/a>&lt;/p>
  &lt;/section>

  &lt;section class=&quot;card&quot;>
    &lt;h2>&lt;span class=&quot;ic&quot;>🏅&lt;/span> ความน่าเชื่อถือที่วัดได้&lt;/h2>
    &lt;div class=&quot;stat-row&quot;>
      &lt;div class=&quot;stat&quot;>&lt;b class=&quot;num&quot;>10+&lt;/b>&lt;span>ปีรายงานผลกีฬา&lt;/span>&lt;/div>
      &lt;div class=&quot;stat&quot;>&lt;b class=&quot;num&quot;>1,000+&lt;/b>&lt;span>รายการทั่วโลก&lt;/span>&lt;/div>
      &lt;div class=&quot;stat&quot;>&lt;b class=&quot;num&quot;>6&lt;/b>&lt;span>ภาษา&lt;/span>&lt;/div>
    &lt;/div>
    &lt;p style=&quot;margin-top:12px&quot;>เซียนทายผลทุกคนมีสถิติความแม่นที่ระบบให้คะแนนอัตโนมัติและตรวจสอบย้อนหลังได้ — ไม่มีการโชว์เฉพาะที่ทายถูก&lt;/p>
  &lt;/section>

  &lt;section class=&quot;card&quot;>
    &lt;h2>&lt;span class=&quot;ic&quot;>📮&lt;/span> ติดต่อเรา&lt;/h2>
    &lt;div class=&quot;nap&quot;>
      &lt;i>🏢&lt;/i>&lt;span>score108 · กรุงเทพมหานคร ประเทศไทย&lt;/span>
      &lt;i>✉️&lt;/i>&lt;span>&lt;a href=&quot;#&quot;>support@score108.com&lt;/a>&lt;/span>
      &lt;i>📞&lt;/i>&lt;span class=&quot;num&quot;>+66 2 000 0000&lt;/span>
      &lt;i>🌐&lt;/i>&lt;span>&lt;a href=&quot;#&quot;>www.score108.com&lt;/a>&lt;/span>
    &lt;/div>
    &lt;div class=&quot;social&quot;>
      &lt;a href=&quot;#&quot;>Facebook&lt;/a>&lt;a href=&quot;#&quot;>YouTube&lt;/a>&lt;a href=&quot;#&quot;>X (Twitter)&lt;/a>&lt;a href=&quot;#&quot;>LINE&lt;/a>&lt;a href=&quot;#&quot;>LinkedIn&lt;/a>
    &lt;/div>
  &lt;/section>
&lt;/div>

&lt;footer>
  &lt;span>© 2569 score108.com&lt;/span>
  &lt;span>prototype Phase 2 · about — หน้า trust สำหรับ EEAT + Entity SEO (§1.12 C/D)&lt;/span>
&lt;/footer>

&lt;nav class=&quot;bottomnav&quot;>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M3 11l9-8 9 8v9a1 1 0 0 1-1 1h-5v-6h-6v6H4a1 1 0 0 1-1-1z&quot;/>&lt;/svg>หน้าแรก&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;9&quot;/>&lt;circle cx=&quot;12&quot; cy=&quot;12&quot; r=&quot;3.5&quot;/>&lt;/svg>บอลสด&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;5&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 10h18M8 3v4M16 3v4&quot;/>&lt;/svg>โปรแกรม&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;rect x=&quot;3&quot; y=&quot;4&quot; width=&quot;18&quot; height=&quot;16&quot; rx=&quot;2&quot;/>&lt;path d=&quot;M3 9h18M3 14h18M9 9v11&quot;/>&lt;/svg>ตาราง&lt;/a>
  &lt;a href=&quot;#&quot;>&lt;svg viewBox=&quot;0 0 24 24&quot;>&lt;path d=&quot;M4 6h16M4 12h16M4 18h16&quot;/>&lt;/svg>อื่น ๆ&lt;/a>
&lt;/nav>

&lt;script>
const r=document.documentElement,btn=document.getElementById('themeBtn');
const cur=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=cur()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=cur()==='dark'?'light':'dark';paint()});
paint();
&lt;/script>
"></iframe>
  <iframe id="f-embed" title="⚡ embed widget" srcdoc="&lt;meta charset=&quot;utf-8&quot;>
&lt;title>ฝังผลบอลสดลงเว็บคุณฟรี — score108 widgets (prototype)&lt;/title>

&lt;!-- ===== JSON-LD (§1.12): BreadcrumbList + Product(SoftwareApplication) + FAQPage + Organization (score108) ===== -->
&lt;script type=&quot;application/ld+json&quot;>
{&quot;@context&quot;:&quot;https://schema.org&quot;,&quot;@graph&quot;:[
 {&quot;@type&quot;:&quot;BreadcrumbList&quot;,&quot;itemListElement&quot;:[
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:1,&quot;name&quot;:&quot;หน้าแรก&quot;,&quot;item&quot;:&quot;https://www.score108.com/&quot;},
   {&quot;@type&quot;:&quot;ListItem&quot;,&quot;position&quot;:2,&quot;name&quot;:&quot;ฝัง widget&quot;}]},
 {&quot;@type&quot;:&quot;SoftwareApplication&quot;,&quot;name&quot;:&quot;score108 Widgets&quot;,&quot;applicationCategory&quot;:&quot;WebApplication&quot;,&quot;operatingSystem&quot;:&quot;Web&quot;,
  &quot;description&quot;:&quot;วิดเจ็ตบอลสด ตารางคะแนน และโปรแกรมแข่งของ score108 ฝังลงเว็บได้ฟรีใน 2 บรรทัด ปรับธีม/สีแบรนด์/ภาษา อัปเดตเรียลไทม์&quot;,
  &quot;offers&quot;:{&quot;@type&quot;:&quot;Offer&quot;,&quot;price&quot;:&quot;0&quot;,&quot;priceCurrency&quot;:&quot;THB&quot;,&quot;availability&quot;:&quot;https://schema.org/InStock&quot;,&quot;url&quot;:&quot;https://www.score108.com/widgets&quot;},
  &quot;publisher&quot;:{&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;},
  &quot;aggregateRating&quot;:{&quot;@type&quot;:&quot;AggregateRating&quot;,&quot;ratingValue&quot;:&quot;4.8&quot;,&quot;reviewCount&quot;:&quot;126&quot;}},
 {&quot;@type&quot;:&quot;FAQPage&quot;,&quot;mainEntity&quot;:[
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ฝัง widget score108 ลงเว็บยังไง?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;วาง &lt;div> หนึ่งบรรทัดตรงตำแหน่งที่ต้องการ แล้วแปะ &lt;script async> ของ score108 อีกหนึ่งบรรทัด กำหนดชนิด widget/ลีก/ธีม/ภาษาผ่าน data-attribute — รวม 2 บรรทัด ไม่ต้องเขียนโค้ดเพิ่ม&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ใช้ widget ของ score108 ฟรีไหม?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ฟรี ไม่มีค่าใช้จ่าย ขอเพียงคงเครดิต \&quot;powered by score108\&quot; ที่ท้าย widget ไว้ (เป็นลิงก์กลับมาที่ score108) — เว็บข่าว บล็อก หรือเพจกีฬานำไปใช้ได้ทันที&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ปรับหน้าตา widget ให้เข้ากับเว็บได้แค่ไหน?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;ปรับได้ทั้งโหมดสว่าง/มืด สี accent ตามแบรนด์ ภาษา (TH/EN/…) และขนาด widget เรนเดอร์ใน iframe จึงไม่ชนกับ CSS เว็บคุณ&quot;}},
   {&quot;@type&quot;:&quot;Question&quot;,&quot;name&quot;:&quot;ข้อมูลใน widget อัปเดตเร็วแค่ไหน?&quot;,&quot;acceptedAnswer&quot;:{&quot;@type&quot;:&quot;Answer&quot;,&quot;text&quot;:&quot;เรียลไทม์ — สกอร์/นาที/สถานะเปลี่ยนทันทีที่ score108 อัปเดต ครั้งแรกเสิร์ฟ snapshot แบบ SSR เพื่อ SEO ฝั่งเว็บคุณด้วย&quot;}}]},
 {&quot;@type&quot;:&quot;Organization&quot;,&quot;@id&quot;:&quot;https://www.score108.com/#org&quot;,&quot;name&quot;:&quot;score108&quot;,&quot;url&quot;:&quot;https://www.score108.com/&quot;,&quot;logo&quot;:&quot;https://www.score108.com/logo.png&quot;,
  &quot;sameAs&quot;:[&quot;https://facebook.com/score108&quot;,&quot;https://youtube.com/@score108&quot;,&quot;https://x.com/score108&quot;,&quot;https://line.me/R/ti/p/@score108&quot;]}
]}
&lt;/script>
&lt;style>
/* ========= TOKENS (design/tokens.md) ========= */
:root{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --band:#E3E8F1; --code-bg:#111827; --code-tx:#E6EAF2;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06); --shadow-lg:0 10px 30px rgba(27,39,64,.10);
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0F141E; --surface:#171E2B; --line:#27303F;
    --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
    --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
    --gold:#F0B54F; --draw:#5B667A; --band:#1F2938; --code-bg:#0A0E16; --code-tx:#DCE3EF;
    --s-home:#3987E5; --s-away:#199E70;
    --shadow:0 1px 2px rgba(0,0,0,.35); --shadow-lg:0 12px 34px rgba(0,0,0,.5);
  }
}
:root[data-theme=&quot;dark&quot;]{
  --bg:#0F141E; --surface:#171E2B; --line:#27303F;
  --ink:#F2F5FA; --text:#D5DBE6; --muted:#8B96A8;
  --brand:#F26A47; --brand-deep:#F58466; --brand-soft:#33201A;
  --gold:#F0B54F; --draw:#5B667A; --band:#1F2938; --code-bg:#0A0E16; --code-tx:#DCE3EF;
  --s-home:#3987E5; --s-away:#199E70;
  --shadow:0 1px 2px rgba(0,0,0,.35); --shadow-lg:0 12px 34px rgba(0,0,0,.5);
}
:root[data-theme=&quot;light&quot;]{
  --bg:#F5F6F8; --surface:#FFFFFF; --line:#E4E7EC;
  --ink:#1B2740; --text:#2A3448; --muted:#66718A;
  --brand:#E14B2A; --brand-deep:#C13A1D; --brand-soft:#FDEDE8;
  --gold:#E8A93C; --win:#2F9E5F; --draw:#8A94A6; --loss:#C9304C;
  --band:#E3E8F1; --code-bg:#111827; --code-tx:#E6EAF2;
  --s-home:#2A78D6; --s-away:#1BAF7A;
  --shadow:0 1px 2px rgba(27,39,64,.06); --shadow-lg:0 10px 30px rgba(27,39,64,.10);
}

/* ========= BASE ========= */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font:14px/1.5 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,BlinkMacSystemFont,&quot;Segoe UI&quot;,&quot;Noto Sans Thai&quot;,&quot;Thonburi&quot;,&quot;Leelawadee UI&quot;,Roboto,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.num{font-variant-numeric:tabular-nums}
.proto{background:var(--brand-soft);color:var(--brand-deep);font-size:11px;text-align:center;padding:4px 12px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}

/* ========= TOP BAR ========= */
.topbar{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.topbar-in{max-width:1080px;margin:0 auto;height:56px;display:flex;align-items:center;gap:22px;padding:0 16px}
.logo{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;color:var(--ink)}
.logo b{background:var(--brand);color:#fff;border-radius:6px;padding:1px 7px 2px;margin-left:3px;font-size:17px}
.mainnav{display:none;gap:2px;flex:1}
.mainnav a{padding:6px 12px;border-radius:999px;color:var(--muted);font-weight:500}
.mainnav a:hover{background:var(--bg);color:var(--ink)}
.mainnav a.on{color:var(--ink);font-weight:700;background:var(--bg)}
.actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.icobtn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--muted)}
.icobtn:hover{background:var(--bg);color:var(--ink)}
.cta{background:var(--brand);color:#fff;font-weight:700;font-size:13px;border-radius:999px;padding:8px 16px;white-space:nowrap}
.cta:hover{background:var(--brand-deep)}
.cta.sm{padding:7px 14px;font-size:12.5px}

/* ========= HERO ========= */
.crumb{font-size:11.5px;color:var(--muted);padding:10px 0 0;display:flex;gap:6px;flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}.crumb b{color:var(--text);font-weight:600}
.hero{padding:22px 0 22px;text-align:center}
.hero .kick{display:inline-block;font-size:12px;font-weight:700;color:var(--brand-deep);background:var(--brand-soft);border-radius:999px;padding:4px 12px;margin-bottom:14px}
.hero h1{margin:0 auto;font-size:26px;line-height:1.25;color:var(--ink);font-weight:800;max-width:18ch;text-wrap:balance}
.hero h1 em{font-style:normal;color:var(--brand-deep)}
.hero p{margin:12px auto 0;font-size:15px;color:var(--muted);max-width:54ch}
.hero .install{max-width:600px;margin:22px auto 0;text-align:left}

/* ========= SNIPPET / CODE ========= */
.snip{position:relative;background:var(--code-bg);border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden}
.snip pre{margin:0;padding:15px 16px;overflow-x:auto;font:12.5px/1.7 &quot;SF Mono&quot;,ui-monospace,&quot;Cascadia Code&quot;,Menlo,Consolas,monospace;color:var(--code-tx);white-space:pre}
.snip .tag{color:#7DD3FC}.snip .at{color:#C4B5FD}.snip .st{color:#86EFAC}.snip .cm{color:#6B7A90}
.snip .copy{position:absolute;top:9px;right:9px;background:rgba(255,255,255,.10);color:#E6EAF2;font-size:11.5px;font-weight:600;border-radius:7px;padding:5px 11px}
.snip .copy:hover{background:rgba(255,255,255,.20)}
.snip .copy.ok{background:var(--win);color:#fff}

/* ========= SECTION ========= */
section.blk{padding:26px 0}
.sec-h{text-align:center;margin-bottom:18px}
.sec-h h2{margin:0;font-size:20px;color:var(--ink);font-weight:800}
.sec-h p{margin:6px auto 0;font-size:13.5px;color:var(--muted);max-width:50ch}

/* ========= GALLERY ========= */
.tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.tabs button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:7px}
.tabs button:hover{color:var(--ink)}
.tabs button.on{background:var(--ink);border-color:var(--ink);color:var(--surface)}
:root[data-theme=&quot;dark&quot;] .tabs button.on{color:#0F141E}

.studio{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}
/* mock browser frame */
.frame{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden}
.frame-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--band)}
.frame-bar .dot{width:10px;height:10px;border-radius:50%}
.frame-bar .url{flex:1;margin-left:8px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:11px;color:var(--muted);padding:3px 10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage{padding:22px;background:
   repeating-linear-gradient(45deg,transparent 0 10px,rgba(128,128,128,.035) 10px 20px);
   display:flex;justify-content:center}
.stage-note{font-size:11px;color:var(--muted);text-align:center;padding:0 0 14px}

/* ========= CONTROLS ========= */
.ctrl{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px}
.ctrl h3{margin:0 0 4px;font-size:13px;font-weight:800;color:var(--ink)}
.ctrl .sub{font-size:11.5px;color:var(--muted);margin-bottom:14px}
.field{margin-bottom:14px}
.field > label{display:block;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}
.seg{display:flex;gap:4px}
.seg button{flex:1;border:1px solid var(--line);border-radius:8px;padding:7px 0;font-size:12.5px;font-weight:600;color:var(--muted)}
.seg button.on{background:var(--band);border-color:var(--ink);color:var(--ink)}
.swatches{display:flex;gap:8px}
.sw{width:30px;height:30px;border-radius:8px;border:2px solid transparent;position:relative}
.sw.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface) inset}
.sw::after{content:&quot;&quot;;position:absolute;inset:0;border-radius:6px;border:1px solid rgba(0,0,0,.08)}
select{width:100%;font:inherit;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;-webkit-appearance:none;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.ctrl .snip{margin-top:4px}
.ctrl .snip pre{font-size:11px;line-height:1.6;padding:12px}

/* ========= WIDGET (ตัว embed จริง) — local themable vars ========= */
.wgt{--w-bg:#fff;--w-surface:#fff;--w-line:#E7EAF0;--w-ink:#16203A;--w-text:#3A4560;--w-muted:#79839B;--w-band:#F1F4F9;--w-live:#E14B2A;--w-accent:#E14B2A;
  --w-home:#2A78D6;--w-away:#1BAF7A;
  width:100%;max-width:420px;background:var(--w-bg);color:var(--w-text);border:1px solid var(--w-line);border-radius:12px;overflow:hidden;
  box-shadow:0 4px 18px rgba(20,27,45,.10);
  font:13px/1.45 &quot;Anuphan&quot;,&quot;IBM Plex Sans Thai&quot;,-apple-system,&quot;Segoe UI&quot;,sans-serif}
.wgt[data-wt=&quot;dark&quot;]{--w-bg:#141B27;--w-surface:#1A2231;--w-line:#2A3444;--w-ink:#F1F5FA;--w-text:#CFD6E2;--w-muted:#8A95A8;--w-band:#1E2735;--w-live:#F26A47;--w-home:#3987E5;--w-away:#199E70;
  box-shadow:0 6px 22px rgba(0,0,0,.45)}
.wgt.strip{max-width:640px}
.wgt.fx,.wgt.tbl-w{max-width:440px}
.w-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--w-band);border-bottom:1px solid var(--w-line);border-top:2px solid var(--w-accent)}
.w-head .fl{font-size:15px}
.w-head b{color:var(--w-ink);font-weight:700;font-size:12.5px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w-head .rnd{font-size:10.5px;color:var(--w-muted)}
.w-foot{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;font-size:10px;color:var(--w-muted);border-top:1px solid var(--w-line);background:var(--w-surface)}
.w-foot b{color:var(--w-accent);font-weight:800}
.w-foot .zap{color:var(--w-accent)}
.live{display:inline-flex;align-items:center;gap:4px;color:var(--w-live);font-weight:800;font-size:11px}
.live .pd{width:6px;height:6px;border-radius:50%;background:var(--w-live);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.badge{width:20px;height:20px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px}

/* strip */
.w-strip{display:flex;overflow-x:auto;scrollbar-width:none}
.w-strip::-webkit-scrollbar{display:none}
.mchip{flex:none;width:150px;padding:9px 12px;border-right:1px solid var(--w-line)}
.mchip .lg{font-size:9.5px;color:var(--w-muted);margin-bottom:5px;display:flex;justify-content:space-between}
.mchip .rw{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12.5px}
.mchip .rw .nm{color:var(--w-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mchip .rw .sc{color:var(--w-ink);font-weight:800;font-variant-numeric:tabular-nums}
.mchip .rw+.rw{margin-top:3px}

/* match card */
.w-mc{padding:14px 14px 12px}
.mc-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}
.mc-side{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.mc-side .bg{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--w-band)}
.mc-side .nm{font-size:12px;font-weight:700;color:var(--w-ink);line-height:1.2}
.mc-score{text-align:center}
.mc-score .sc{font-size:30px;font-weight:800;color:var(--w-ink);font-variant-numeric:tabular-nums;letter-spacing:1px}
.mc-score .st{margin-top:2px}
.mc-stats{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.stat .lb{display:flex;justify-content:space-between;font-size:11px;color:var(--w-muted);margin-bottom:4px}
.stat .lb b{color:var(--w-ink);font-weight:700}
.bar{height:7px;border-radius:999px;background:var(--w-band);display:flex;overflow:hidden}
.bar .h{background:var(--w-home)}.bar .a{background:var(--w-away);margin-left:auto}

/* standings / fixtures table */
.w-rows{padding:2px 0}
.wr{display:grid;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;border-top:1px solid var(--w-line)}
.w-rows .wr:first-child{border-top:0}
.tbl-w .wr{grid-template-columns:20px 1fr 26px 30px 30px}
.tbl-w .wr.hd,.fx .wr.hd{color:var(--w-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.wr .pos{color:var(--w-muted);font-weight:700;text-align:center}
.wr .pos.top{color:var(--w-accent)}
.wr .tm{display:flex;align-items:center;gap:7px;min-width:0}
.wr .tm b{color:var(--w-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wr .c{text-align:center;color:var(--w-text);font-variant-numeric:tabular-nums}
.wr .pts{text-align:center;font-weight:800;color:var(--w-ink);font-variant-numeric:tabular-nums}
.fx .wr{grid-template-columns:48px 1fr auto}
.fx .dt{font-size:10.5px;color:#fff;background:var(--w-accent);border-radius:6px;padding:2px 0;text-align:center;font-weight:700;line-height:1.25}
.fx .dt span{display:block;font-size:8.5px;opacity:.85;font-weight:600}
.fx .pair{min-width:0}
.fx .pair .t{color:var(--w-ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx .tm-time{font-size:11.5px;color:var(--w-muted);font-weight:700}

/* ========= BENEFIT STRIP ========= */
.feat{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.feat .fc{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:16px}
.feat .fc .ic{width:38px;height:38px;border-radius:10px;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:19px;margin-bottom:10px}
.feat .fc h3{margin:0 0 5px;font-size:14px;color:var(--ink);font-weight:800}
.feat .fc p{margin:0;font-size:12.5px;color:var(--muted)}

/* ========= FREE CTA BAND ========= */
.free{background:linear-gradient(135deg,#1B2740,#243357);color:#EAEFF7;border-radius:16px;padding:26px 22px;text-align:center;box-shadow:var(--shadow-lg)}
.free h2{margin:0;font-size:20px;color:#fff;font-weight:800}
.free h2 em{font-style:normal;color:#FFB59B}
.free p{margin:8px auto 0;font-size:13.5px;color:#B9C3D6;max-width:48ch}
.free .steps{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 18px}
.free .steps span{font-size:12px;background:rgba(255,255,255,.10);border-radius:999px;padding:5px 13px;color:#E4EAF3}
.free .buy{display:inline-block;background:var(--brand);color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:11px 26px}
.free .buy:hover{background:var(--brand-deep)}
.free small{display:block;margin-top:11px;font-size:11px;color:#93A0B8}

/* ========= FAQ ========= */
.faq{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.faq details{border-top:1px solid var(--line);padding:0 16px}
.faq details:first-child{border-top:0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:13.5px;font-weight:700;color:var(--ink)}
.faq summary::after{content:&quot;+&quot;;color:var(--muted);font-size:18px;font-weight:400}
.faq details[open] summary::after{content:&quot;–&quot;}
.faq details p{margin:0 0 13px;font-size:12.5px;color:var(--muted);max-width:66ch}
.faq code{background:var(--band);border-radius:4px;padding:1px 5px;font-size:11.5px}

/* ========= FOOTER ========= */
footer{border-top:1px solid var(--line);margin-top:26px}
.foot-in{max-width:1080px;margin:0 auto;padding:20px 16px 30px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}
.foot-in .lks{display:flex;gap:16px;flex-wrap:wrap}
.foot-in a:hover{color:var(--ink)}

@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
@media (min-width:760px){
  .mainnav{display:flex}
  .hero h1{font-size:34px}
  .studio{grid-template-columns:minmax(0,1fr) 300px}
  .feat{grid-template-columns:repeat(3,1fr)}
}
&lt;/style>

&lt;div class=&quot;proto&quot;>PROTOTYPE รอบรีวิว 1 · embed widget (ฟีเจอร์ฝัง widget ของ score108 — ฟรี) · &lt;b>สลับชนิด widget + ธีม/สี accent + ก็อป snippet ที่อัปเดตตาม option ได้จริง&lt;/b> · ข้อมูลตัวอย่าง&lt;/div>

&lt;header class=&quot;topbar&quot;>
  &lt;div class=&quot;topbar-in&quot;>
    &lt;a class=&quot;logo&quot; href=&quot;#&quot;>SCORE&lt;b>108&lt;/b>&lt;/a>
    &lt;nav class=&quot;mainnav&quot;>
      &lt;a href=&quot;#&quot;>บอลสด&lt;/a>
      &lt;a href=&quot;#&quot;>โปรแกรมบอล&lt;/a>
      &lt;a href=&quot;#&quot;>ผลบอลย้อนหลัง&lt;/a>
      &lt;a href=&quot;#&quot;>ตารางคะแนน&lt;/a>
      &lt;a href=&quot;#&quot;>ข่าว&lt;/a>
    &lt;/nav>
    &lt;div class=&quot;actions&quot;>
      &lt;button class=&quot;icobtn&quot; id=&quot;themeBtn&quot; title=&quot;สลับธีม&quot;>🌙&lt;/button>
      &lt;a class=&quot;cta sm&quot; href=&quot;#studio&quot;>รับโค้ดฝังฟรี&lt;/a>
    &lt;/div>
  &lt;/div>
&lt;/header>

&lt;main class=&quot;wrap&quot;>

  &lt;!-- HERO -->
  &lt;section class=&quot;hero&quot;>
    &lt;nav class=&quot;crumb&quot;>&lt;a href=&quot;#&quot;>หน้าแรก&lt;/a> › &lt;b>ฝัง widget&lt;/b>&lt;/nav>
    &lt;span class=&quot;kick&quot;>⚡ score108 widgets · ฟรี&lt;/span>
    &lt;h1>ฝังผลบอลสด score108 ลงเว็บคุณ &lt;em>ฟรี&lt;/em> ใน 2 บรรทัด&lt;/h1>
    &lt;p>วิดเจ็ตบอลสด ตารางคะแนน และโปรแกรมแข่งของ score108 — ปรับสีแบรนด์ ภาษา ธีมได้ อัปเดตเรียลไทม์ เหมาะกับเว็บข่าว บล็อกกีฬา และเพจแฟนบอล&lt;/p>
    &lt;div class=&quot;install&quot;>
      &lt;div class=&quot;snip&quot; id=&quot;heroSnip&quot;>
        &lt;button class=&quot;copy&quot; data-snip=&quot;heroSnip&quot;>คัดลอก&lt;/button>
        &lt;pre>&lt;span class=&quot;tag&quot;>&amp;lt;div&lt;/span> &lt;span class=&quot;at&quot;>id&lt;/span>=&lt;span class=&quot;st&quot;>&quot;s108-widget&quot;&lt;/span>&lt;span class=&quot;tag&quot;>&amp;gt;&amp;lt;/div&amp;gt;&lt;/span>
&lt;span class=&quot;tag&quot;>&amp;lt;script&lt;/span> &lt;span class=&quot;at&quot;>async src&lt;/span>=&lt;span class=&quot;st&quot;>&quot;https://embed.score108.com/w.js&quot;&lt;/span>
        &lt;span class=&quot;at&quot;>data-widget&lt;/span>=&lt;span class=&quot;st&quot;>&quot;livescore&quot;&lt;/span> &lt;span class=&quot;at&quot;>data-league&lt;/span>=&lt;span class=&quot;st&quot;>&quot;thai-league&quot;&lt;/span> &lt;span class=&quot;at&quot;>data-theme&lt;/span>=&lt;span class=&quot;st&quot;>&quot;light&quot;&lt;/span>&lt;span class=&quot;tag&quot;>&amp;gt;&amp;lt;/script&amp;gt;&lt;/span>&lt;/pre>
      &lt;/div>
    &lt;/div>
  &lt;/section>

  &lt;!-- GALLERY / STUDIO -->
  &lt;section class=&quot;blk&quot; id=&quot;studio&quot;>
    &lt;div class=&quot;sec-h&quot;>
      &lt;h2>เลือก widget แล้วปรับให้เข้าเว็บคุณ&lt;/h2>
      &lt;p>ทุก widget เรนเดอร์จริงในกรอบด้านล่าง (จำลองว่าฝังบนเว็บของคุณ) — ปรับแล้วโค้ดติดตั้งอัปเดตทันที&lt;/p>
    &lt;/div>

    &lt;div class=&quot;tabs&quot; id=&quot;tabs&quot;>
      &lt;button class=&quot;on&quot; data-w=&quot;livescore&quot;>🔴 Livescore strip&lt;/button>
      &lt;button data-w=&quot;match&quot;>🆚 Match card&lt;/button>
      &lt;button data-w=&quot;standings&quot;>📊 ตารางคะแนน&lt;/button>
      &lt;button data-w=&quot;fixtures&quot;>📅 โปรแกรม&lt;/button>
    &lt;/div>

    &lt;div class=&quot;studio&quot;>
      &lt;!-- mock browser -->
      &lt;div>
        &lt;div class=&quot;frame&quot;>
          &lt;div class=&quot;frame-bar&quot;>
            &lt;span class=&quot;dot&quot; style=&quot;background:#F5695B&quot;>&lt;/span>
            &lt;span class=&quot;dot&quot; style=&quot;background:#F6BE4F&quot;>&lt;/span>
            &lt;span class=&quot;dot&quot; style=&quot;background:#61C554&quot;>&lt;/span>
            &lt;span class=&quot;url&quot; id=&quot;mockUrl&quot;>https://your-website.com/football&lt;/span>
          &lt;/div>
          &lt;div class=&quot;stage&quot; id=&quot;stage&quot;>&lt;!-- widget injected -->&lt;/div>
        &lt;/div>
        &lt;p class=&quot;stage-note&quot;>↑ widget ตัวจริง — เรนเดอร์ใน iframe บนเว็บคุณ ไม่ชน CSS เจ้าของเว็บ&lt;/p>
      &lt;/div>

      &lt;!-- controls -->
      &lt;aside class=&quot;ctrl&quot;>
        &lt;h3>ปรับแต่ง&lt;/h3>
        &lt;div class=&quot;sub&quot;>โค้ดด้านล่างอัปเดตตามที่เลือก&lt;/div>

        &lt;div class=&quot;field&quot;>
          &lt;label>ธีม&lt;/label>
          &lt;div class=&quot;seg&quot; id=&quot;segTheme&quot;>
            &lt;button class=&quot;on&quot; data-wt=&quot;light&quot;>สว่าง&lt;/button>
            &lt;button data-wt=&quot;dark&quot;>มืด&lt;/button>
          &lt;/div>
        &lt;/div>

        &lt;div class=&quot;field&quot;>
          &lt;label>สีแบรนด์ (accent)&lt;/label>
          &lt;div class=&quot;swatches&quot; id=&quot;swatches&quot;>
            &lt;button class=&quot;sw on&quot; data-ac=&quot;#E14B2A&quot; style=&quot;background:#E14B2A&quot; title=&quot;ส้มแดง (score108)&quot;>&lt;/button>
            &lt;button class=&quot;sw&quot; data-ac=&quot;#2A78D6&quot; style=&quot;background:#2A78D6&quot; title=&quot;น้ำเงิน&quot;>&lt;/button>
            &lt;button class=&quot;sw&quot; data-ac=&quot;#7C3AED&quot; style=&quot;background:#7C3AED&quot; title=&quot;ม่วง&quot;>&lt;/button>
            &lt;button class=&quot;sw&quot; data-ac=&quot;#0EA46B&quot; style=&quot;background:#0EA46B&quot; title=&quot;เขียว&quot;>&lt;/button>
          &lt;/div>
        &lt;/div>

        &lt;div class=&quot;field&quot;>
          &lt;label>ลีก&lt;/label>
          &lt;select id=&quot;selLeague&quot; aria-label=&quot;เลือกลีก&quot;>
            &lt;option value=&quot;thai-league&quot; data-fl=&quot;🇹🇭&quot; data-nm=&quot;ไทยลีก&quot;>ไทยลีก&lt;/option>
            &lt;option value=&quot;premier-league&quot; data-fl=&quot;🏴󠁧󠁢󠁥󠁮󠁧󠁿&quot; data-nm=&quot;พรีเมียร์ลีก&quot;>พรีเมียร์ลีก&lt;/option>
            &lt;option value=&quot;laliga&quot; data-fl=&quot;🇪🇸&quot; data-nm=&quot;ลาลีกา&quot;>ลาลีกา&lt;/option>
            &lt;option value=&quot;ucl&quot; data-fl=&quot;⭐&quot; data-nm=&quot;แชมเปียนส์ลีก&quot;>ยูฟ่า แชมเปียนส์ลีก&lt;/option>
          &lt;/select>
        &lt;/div>

        &lt;div class=&quot;field&quot;>
          &lt;label>ภาษา&lt;/label>
          &lt;select id=&quot;selLang&quot; aria-label=&quot;เลือกภาษา&quot;>
            &lt;option value=&quot;th&quot;>ไทย (th)&lt;/option>
            &lt;option value=&quot;en&quot;>English (en)&lt;/option>
            &lt;option value=&quot;zh&quot;>中文 (zh)&lt;/option>
            &lt;option value=&quot;ja&quot;>日本語 (ja)&lt;/option>
          &lt;/select>
        &lt;/div>

        &lt;div class=&quot;field&quot; style=&quot;margin-bottom:0&quot;>
          &lt;label>โค้ดติดตั้ง&lt;/label>
          &lt;div class=&quot;snip&quot; id=&quot;liveSnip&quot;>
            &lt;button class=&quot;copy&quot; data-snip=&quot;liveSnip&quot;>คัดลอก&lt;/button>
            &lt;pre id=&quot;snipCode&quot;>&lt;/pre>
          &lt;/div>
        &lt;/div>
      &lt;/aside>
    &lt;/div>
  &lt;/section>

  &lt;!-- BENEFITS -->
  &lt;section class=&quot;blk&quot;>
    &lt;div class=&quot;sec-h&quot;>&lt;h2>ทำไมใช้ widget ของ score108&lt;/h2>&lt;/div>
    &lt;div class=&quot;feat&quot;>
      &lt;div class=&quot;fc&quot;>
        &lt;div class=&quot;ic&quot;>🆓&lt;/div>
        &lt;h3>ฟรี ติดตั้งใน 2 บรรทัด&lt;/h3>
        &lt;p>ก็อปโค้ดไปแปะได้เลย ไม่ต้องสมัคร API key ไม่ต้องเขียนโค้ดเพิ่ม — ขอแค่คงเครดิต &quot;powered by score108&quot;&lt;/p>
      &lt;/div>
      &lt;div class=&quot;fc&quot;>
        &lt;div class=&quot;ic&quot;>🎨&lt;/div>
        &lt;h3>ปรับให้เข้าเว็บคุณ&lt;/h3>
        &lt;p>สลับธีมสว่าง/มืด เลือกสี accent ตามแบรนด์ ตั้งภาษาและลีกได้ เรนเดอร์ใน iframe จึงไม่ชน CSS เว็บคุณ&lt;/p>
      &lt;/div>
      &lt;div class=&quot;fc&quot;>
        &lt;div class=&quot;ic&quot;>⚡&lt;/div>
        &lt;h3>เรียลไทม์ + ดีต่อ SEO&lt;/h3>
        &lt;p>สกอร์/นาที/สถานะอัปเดตทันทีจาก score108 · ครั้งแรกเสิร์ฟ snapshot แบบ SSR ให้เนื้อหาถูก index บนเว็บคุณ&lt;/p>
      &lt;/div>
    &lt;/div>
  &lt;/section>

  &lt;!-- FREE CTA -->
  &lt;section class=&quot;blk&quot;>
    &lt;div class=&quot;free&quot;>
      &lt;h2>ใช้ได้ &lt;em>ฟรี&lt;/em> — แลกกับเครดิตกลับ&lt;/h2>
      &lt;p>score108 เปิดให้เว็บทั่วไปฝัง widget ได้ฟรี เพียงคงลิงก์ &quot;powered by score108&quot; ที่ท้าย widget ไว้&lt;/p>
      &lt;div class=&quot;steps&quot;>
        &lt;span>1 · เลือก widget + ปรับแต่ง&lt;/span>&lt;span>2 · ก็อปโค้ด 2 บรรทัด&lt;/span>&lt;span>3 · วางในหน้าเว็บคุณ&lt;/span>
      &lt;/div>
      &lt;a class=&quot;buy&quot; href=&quot;#studio&quot;>เลือก widget เลย →&lt;/a>
      &lt;small>ต้องการถอดเครดิต / ธีมพิเศษ / ปริมาณสูง — ติดต่อทีม score108 ได้&lt;/small>
    &lt;/div>
  &lt;/section>

  &lt;!-- FAQ -->
  &lt;section class=&quot;blk&quot;>
    &lt;div class=&quot;sec-h&quot;>&lt;h2>คำถามที่พบบ่อย&lt;/h2>&lt;/div>
    &lt;div class=&quot;faq&quot;>
      &lt;details open>
        &lt;summary>ฝัง widget score108 ลงเว็บยังไง?&lt;/summary>
        &lt;p>วาง &lt;code>&amp;lt;div&amp;gt;&lt;/code> หนึ่งบรรทัดตรงตำแหน่งที่ต้องการ แล้วแปะ &lt;code>&amp;lt;script async&amp;gt;&lt;/code> ของ score108 อีกหนึ่งบรรทัด กำหนดชนิด widget/ลีก/ธีม/ภาษาผ่าน data-attribute — รวม 2 บรรทัด ไม่ต้องเขียนโค้ดเพิ่ม&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ใช้ฟรีไหม มีเงื่อนไขอะไร?&lt;/summary>
        &lt;p>ฟรี ไม่มีค่าใช้จ่าย ขอเพียงคงเครดิต &lt;code>powered by score108&lt;/code> ที่ท้าย widget ไว้ (เป็นลิงก์กลับมาที่ score108) — เว็บข่าว บล็อก หรือเพจกีฬานำไปใช้ได้ทันที&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ปรับหน้าตา widget ให้เข้ากับเว็บได้แค่ไหน?&lt;/summary>
        &lt;p>ปรับได้ทั้งโหมดสว่าง/มืด สี accent ตามแบรนด์ ภาษา (TH/EN/…) และขนาด widget เรนเดอร์ใน iframe จึงไม่ชนกับ CSS เว็บคุณ&lt;/p>
      &lt;/details>
      &lt;details>
        &lt;summary>ข้อมูลใน widget อัปเดตเร็วแค่ไหน?&lt;/summary>
        &lt;p>เรียลไทม์ — สกอร์/นาที/สถานะเปลี่ยนทันทีที่ score108 อัปเดต ครั้งแรกเสิร์ฟ snapshot แบบ SSR เพื่อ SEO ฝั่งเว็บคุณด้วย&lt;/p>
      &lt;/details>
    &lt;/div>
  &lt;/section>

&lt;/main>

&lt;footer>
  &lt;div class=&quot;foot-in&quot;>
    &lt;span>© 2569 score108.com — ฝัง widget ฟรี&lt;/span>
    &lt;span class=&quot;lks&quot;>
      &lt;a href=&quot;#&quot;>เอกสารสำหรับนักพัฒนา&lt;/a>
      &lt;a href=&quot;#&quot;>สถานะระบบ&lt;/a>
      &lt;a href=&quot;#&quot;>ติดต่อ&lt;/a>
    &lt;/span>
  &lt;/div>
&lt;/footer>

&lt;script>
/* ===== theme toggle (หน้า) ===== */
const r=document.documentElement,btn=document.getElementById('themeBtn');
const curT=()=>r.dataset.theme||(matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
const paint=()=>{btn.textContent=curT()==='dark'?'☀️':'🌙'};
btn.addEventListener('click',()=>{r.dataset.theme=curT()==='dark'?'light':'dark';paint()});
paint();

/* ===== state ===== */
const S={w:'livescore',wt:'light',ac:'#E14B2A',league:'thai-league',lang:'th'};
const stage=document.getElementById('stage');
const LG={
  'thai-league':{fl:'🇹🇭',nm:'ไทยลีก'},
  'premier-league':{fl:'🏴󠁧󠁢󠁥󠁮󠁧󠁿',nm:'พรีเมียร์ลีก'},
  'laliga':{fl:'🇪🇸',nm:'ลาลีกา'},
  'ucl':{fl:'⭐',nm:'ยูฟ่า แชมเปียนส์ลีก'}
};
/* ข้อมูลตัวอย่างต่อลีก (ย่อ) */
const DATA={
  'thai-league':{
    strip:[['บุรีรัมย์','2','ชลบุรี','1',&quot;67'&quot;,1],['การท่าเรือ','1','เมืองทอง','1',&quot;HT&quot;,1],['บีจี ปทุม','—','ราชบุรี','—',&quot;18:00&quot;,0],['ขอนแก่น','—','นครราชสีมา','—',&quot;20:15&quot;,0],['ลำพูน','—','ตราด','—',&quot;พรุ่งนี้&quot;,0]],
    mc:['🔵','บุรีรัมย์ ยูไนเต็ด','🔵','ชลบุรี เอฟซี','2','1',&quot;67'&quot;,[62,58],[6,3]],
    tbl:[['บุรีรัมย์ ยูไนเต็ด','🔵',24,'+30',55],['การท่าเรือ เอฟซี','🔴',24,'+19',50],['บีจี ปทุม','⚪',24,'+14',45],['เมืองทอง','🟡',24,'+7',40],['ชลบุรี เอฟซี','🔵',24,'+1',36]],
    fx:[['ส.','12','บีจี ปทุม','ราชบุรี',&quot;18:00&quot;],['ส.','12','ขอนแก่น','นครราชสีมา',&quot;20:15&quot;],['อา.','13','ลำพูน','ตราด',&quot;17:30&quot;],['อา.','13','สุโขทัย','ชลบุรี',&quot;19:45&quot;]]
  },
  'premier-league':{
    strip:[['Man City','3','Arsenal','1',&quot;78'&quot;,1],['Liverpool','2','Chelsea','2',&quot;63'&quot;,1],['Spurs','—','Aston Villa','—',&quot;22:00&quot;,0],['Newcastle','—','Brighton','—',&quot;22:00&quot;,0],['Everton','—','Fulham','—',&quot;พรุ่งนี้&quot;,0]],
    mc:['🔵','Man City','🔴','Arsenal','3','1',&quot;78'&quot;,[64,36],[8,4]],
    tbl:[['Liverpool','🔴',28,'+41',66],['Arsenal','🔴',28,'+34',61],['Man City','🔵',28,'+38',60],['Aston Villa','🟣',28,'+12',52],['Spurs','⚪',28,'+15',50]],
    fx:[['Sa','12','Spurs','Aston Villa',&quot;22:00&quot;],['Sa','12','Newcastle','Brighton',&quot;22:00&quot;],['Su','13','Everton','Fulham',&quot;21:00&quot;],['Su','13','West Ham','Wolves',&quot;23:30&quot;]]
  },
  'laliga':{
    strip:[['Real Madrid','2','Girona','0',&quot;55'&quot;,1],['Barcelona','1','Atlético','1',&quot;71'&quot;,1],['Sevilla','—','Valencia','—',&quot;21:00&quot;,0],['Betis','—','Villarreal','—',&quot;23:00&quot;,0],['Sociedad','—','Osasuna','—',&quot;พรุ่งนี้&quot;,0]],
    mc:['⚪','Real Madrid','🔴','Girona','2','0',&quot;55'&quot;,[58,42],[7,2]],
    tbl:[['Real Madrid','⚪',28,'+48',72],['Barcelona','🔵',28,'+40',67],['Girona','🔴',28,'+22',59],['Atlético','🔴',28,'+25',58],['Athletic','🔴',28,'+18',53]],
    fx:[['Sá','12','Sevilla','Valencia',&quot;21:00&quot;],['Sá','12','Betis','Villarreal',&quot;23:00&quot;],['Do','13','Sociedad','Osasuna',&quot;19:30&quot;],['Do','13','Getafe','Cádiz',&quot;21:30&quot;]]
  },
  'ucl':{
    strip:[['Real Madrid','1','Man City','1',&quot;82'&quot;,1],['Bayern','2','PSG','1',&quot;70'&quot;,1],['Arsenal','—','Inter','—',&quot;03:00&quot;,0],['Barcelona','—','Dortmund','—',&quot;03:00&quot;,0],['Liverpool','—','Milan','—',&quot;พรุ่งนี้&quot;,0]],
    mc:['⚪','Real Madrid','🔵','Man City','1','1',&quot;82'&quot;,[47,53],[5,6]],
    tbl:[['Real Madrid','⚪',6,'+9',16],['Bayern','🔴',6,'+8',15],['Man City','🔵',6,'+7',14],['Arsenal','🔴',6,'+6',13],['Inter','⚫',6,'+5',13]],
    fx:[['อ.','12','Arsenal','Inter',&quot;03:00&quot;],['อ.','12','Barcelona','Dortmund',&quot;03:00&quot;],['พ.','13','Liverpool','Milan',&quot;03:00&quot;],['พ.','13','Atlético','Leipzig',&quot;03:00&quot;]]
  }
};

/* ===== widget renderers (คืน HTML ของ .wgt) ===== */
const foot='&lt;div class=&quot;w-foot&quot;>&lt;span class=&quot;zap&quot;>⚡&lt;/span> powered by &lt;b>score108&lt;/b>&lt;/div>';
function head(){const l=LG[S.league];return `&lt;div class=&quot;w-head&quot;>&lt;span class=&quot;fl&quot;>${l.fl}&lt;/span>&lt;b>${l.nm}&lt;/b>&lt;span class=&quot;rnd&quot;>อัปเดตสด&lt;/span>&lt;/div>`;}

function renderWidget(){
  const d=DATA[S.league];let inner='';
  if(S.w==='livescore'){
    const chips=d.strip.map(m=>{
      const st=m[5]?`&lt;span class=&quot;live&quot;>&lt;span class=&quot;pd&quot;>&lt;/span>${m[4]}&lt;/span>`:`&lt;span style=&quot;color:var(--w-muted)&quot;>${m[4]}&lt;/span>`;
      const s1=m[1]==='—'?'':m[1],s2=m[3]==='—'?'':m[3];
      return `&lt;div class=&quot;mchip&quot;>&lt;div class=&quot;lg&quot;>&lt;span>${st}&lt;/span>&lt;/div>
        &lt;div class=&quot;rw&quot;>&lt;span class=&quot;nm&quot;>${m[0]}&lt;/span>&lt;span class=&quot;sc&quot;>${s1}&lt;/span>&lt;/div>
        &lt;div class=&quot;rw&quot;>&lt;span class=&quot;nm&quot;>${m[2]}&lt;/span>&lt;span class=&quot;sc&quot;>${s2}&lt;/span>&lt;/div>&lt;/div>`;
    }).join('');
    inner=head()+`&lt;div class=&quot;w-strip&quot;>${chips}&lt;/div>`+foot;
    stage.innerHTML=`&lt;div class=&quot;wgt strip&quot; data-wt=&quot;${S.wt}&quot;>${inner}&lt;/div>`;
  }
  else if(S.w==='match'){
    const m=d.mc;
    inner=head()+`&lt;div class=&quot;w-mc&quot;>
      &lt;div class=&quot;mc-teams&quot;>
        &lt;div class=&quot;mc-side&quot;>&lt;span class=&quot;bg&quot;>${m[0]}&lt;/span>&lt;span class=&quot;nm&quot;>${m[1]}&lt;/span>&lt;/div>
        &lt;div class=&quot;mc-score&quot;>&lt;div class=&quot;sc&quot;>${m[4]}–${m[5]}&lt;/div>&lt;div class=&quot;st&quot;>&lt;span class=&quot;live&quot;>&lt;span class=&quot;pd&quot;>&lt;/span>${m[6]}&lt;/span>&lt;/div>&lt;/div>
        &lt;div class=&quot;mc-side&quot;>&lt;span class=&quot;bg&quot;>${m[2]}&lt;/span>&lt;span class=&quot;nm&quot;>${m[3]}&lt;/span>&lt;/div>
      &lt;/div>
      &lt;div class=&quot;mc-stats&quot;>
        &lt;div class=&quot;stat&quot;>&lt;div class=&quot;lb&quot;>&lt;b>${m[7][0]}%&lt;/b>&lt;span>ครองบอล&lt;/span>&lt;b>${m[7][1]}%&lt;/b>&lt;/div>
          &lt;div class=&quot;bar&quot;>&lt;span class=&quot;h&quot; style=&quot;width:${m[7][0]}%&quot;>&lt;/span>&lt;span class=&quot;a&quot; style=&quot;width:${m[7][1]}%&quot;>&lt;/span>&lt;/div>&lt;/div>
        &lt;div class=&quot;stat&quot;>&lt;div class=&quot;lb&quot;>&lt;b>${m[8][0]}&lt;/b>&lt;span>ยิงเข้ากรอบ&lt;/span>&lt;b>${m[8][1]}&lt;/b>&lt;/div>
          &lt;div class=&quot;bar&quot;>&lt;span class=&quot;h&quot; style=&quot;width:${m[8][0]/(m[8][0]+m[8][1])*100}%&quot;>&lt;/span>&lt;span class=&quot;a&quot; style=&quot;width:${m[8][1]/(m[8][0]+m[8][1])*100}%&quot;>&lt;/span>&lt;/div>&lt;/div>
      &lt;/div>&lt;/div>`+foot;
    stage.innerHTML=`&lt;div class=&quot;wgt mc&quot; data-wt=&quot;${S.wt}&quot;>${inner}&lt;/div>`;
  }
  else if(S.w==='standings'){
    const rows=d.tbl.map((t,i)=>`&lt;div class=&quot;wr&quot;>&lt;span class=&quot;pos${i===0?' top':''}&quot;>${i+1}&lt;/span>
      &lt;span class=&quot;tm&quot;>&lt;span>${t[1]}&lt;/span>&lt;b>${t[0]}&lt;/b>&lt;/span>
      &lt;span class=&quot;c&quot;>${t[2]}&lt;/span>&lt;span class=&quot;c&quot;>${t[3]}&lt;/span>&lt;span class=&quot;pts&quot;>${t[4]}&lt;/span>&lt;/div>`).join('');
    inner=head()+`&lt;div class=&quot;w-rows&quot;>
      &lt;div class=&quot;wr hd&quot;>&lt;span class=&quot;pos&quot;>#&lt;/span>&lt;span>ทีม&lt;/span>&lt;span class=&quot;c&quot;>P&lt;/span>&lt;span class=&quot;c&quot;>+/-&lt;/span>&lt;span class=&quot;c&quot;>แต้ม&lt;/span>&lt;/div>
      ${rows}&lt;/div>`+foot;
    stage.innerHTML=`&lt;div class=&quot;wgt tbl-w&quot; data-wt=&quot;${S.wt}&quot;>${inner}&lt;/div>`;
  }
  else if(S.w==='fixtures'){
    const rows=d.fx.map(f=>`&lt;div class=&quot;wr&quot;>&lt;span class=&quot;dt&quot;>${f[1]}&lt;span>${f[0]}&lt;/span>&lt;/span>
      &lt;span class=&quot;pair&quot;>&lt;span class=&quot;t&quot;>${f[2]} &lt;span style=&quot;color:var(--w-muted)&quot;>พบ&lt;/span> ${f[3]}&lt;/span>&lt;/span>
      &lt;span class=&quot;tm-time&quot;>${f[4]}&lt;/span>&lt;/div>`).join('');
    inner=head()+`&lt;div class=&quot;w-rows&quot;>${rows}&lt;/div>`+foot;
    stage.innerHTML=`&lt;div class=&quot;wgt fx&quot; data-wt=&quot;${S.wt}&quot;>${inner}&lt;/div>`;
  }
  /* accent เข้า widget */
  const w=stage.querySelector('.wgt');if(w)w.style.setProperty('--w-accent',S.ac);
}

/* ===== snippet ===== */
function buildSnippet(){
  const acDefault=S.ac==='#E14B2A';
  const attrs=[`data-widget=&quot;${S.w}&quot;`,`data-league=&quot;${S.league}&quot;`,`data-theme=&quot;${S.wt}&quot;`];
  if(!acDefault)attrs.push(`data-accent=&quot;${S.ac}&quot;`);
  if(S.lang!=='th')attrs.push(`data-lang=&quot;${S.lang}&quot;`);
  const line2=attrs.join(' ');
  const html=`&lt;span class=&quot;tag&quot;>&amp;lt;div&lt;/span> &lt;span class=&quot;at&quot;>id&lt;/span>=&lt;span class=&quot;st&quot;>&quot;s108-widget&quot;&lt;/span>&lt;span class=&quot;tag&quot;>&amp;gt;&amp;lt;/div&amp;gt;&lt;/span>
&lt;span class=&quot;tag&quot;>&amp;lt;script&lt;/span> &lt;span class=&quot;at&quot;>async src&lt;/span>=&lt;span class=&quot;st&quot;>&quot;https://embed.score108.com/w.js&quot;&lt;/span>
        ${line2.replace(/data-([a-z]+)=&quot;([^&quot;]*)&quot;/g,'&lt;span class=&quot;at&quot;>data-$1&lt;/span>=&lt;span class=&quot;st&quot;>&quot;$2&quot;&lt;/span>')}&lt;span class=&quot;tag&quot;>&amp;gt;&amp;lt;/script&amp;gt;&lt;/span>`;
  document.getElementById('snipCode').innerHTML=html;
  /* plain text สำหรับก็อป */
  return `&lt;div id=&quot;s108-widget&quot;>&lt;/div>\n&lt;script async src=&quot;https://embed.score108.com/w.js&quot;\n        ${line2}>&lt;\/script>`;
}
let snipText='';
function refresh(){renderWidget();snipText=buildSnippet();document.getElementById('mockUrl').textContent=`https://your-website.com/${S.league}`;}

/* ===== controls ===== */
document.getElementById('tabs').addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;
  S.w=b.dataset.w;document.querySelectorAll('#tabs button').forEach(x=>x.classList.toggle('on',x===b));refresh();});
document.getElementById('segTheme').addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;
  S.wt=b.dataset.wt;document.querySelectorAll('#segTheme button').forEach(x=>x.classList.toggle('on',x===b));refresh();});
document.getElementById('swatches').addEventListener('click',e=>{const b=e.target.closest('button');if(!b)return;
  S.ac=b.dataset.ac;document.querySelectorAll('#swatches button').forEach(x=>x.classList.toggle('on',x===b));refresh();});
document.getElementById('selLeague').addEventListener('change',e=>{S.league=e.target.value;refresh();});
document.getElementById('selLang').addEventListener('change',e=>{S.lang=e.target.value;refresh();});

/* ก็อป (hero = static, live = dynamic) */
document.querySelectorAll('.copy').forEach(btn=>btn.addEventListener('click',async()=>{
  let txt;
  if(btn.dataset.snip==='liveSnip')txt=snipText;
  else txt=`&lt;div id=&quot;s108-widget&quot;>&lt;/div>\n&lt;script async src=&quot;https://embed.score108.com/w.js&quot;\n        data-widget=&quot;livescore&quot; data-league=&quot;thai-league&quot; data-theme=&quot;light&quot;>&lt;\/script>`;
  try{await navigator.clipboard.writeText(txt);}catch(_){}
  const o=btn.textContent;btn.textContent='คัดลอกแล้ว ✓';btn.classList.add('ok');
  setTimeout(()=>{btn.textContent=o;btn.classList.remove('ok')},1400);
}));

refresh();
&lt;/script>
"></iframe>
</main>

<script>
const PAGES=[{"id":"home","status":"✅ ร1 · 🔨 ร2 +สลับภาษา 6 ภาษา","art":"https://claude.ai/code/artifact/47755474-43a1-4774-990e-add15d4f7521"},{"id":"match","status":"🔨 รอบรีวิว 4 · +กราฟโมเมนตัม (§125)","art":"https://claude.ai/code/artifact/73e79864-aabc-4225-aae5-2a4fe85a91bd"},{"id":"comp","status":"🔨 รอบรีวิว 1","art":"https://claude.ai/code/artifact/e8721905-89cf-4c5a-b8fc-e91a44779f58"},{"id":"team","status":"🔨 รอบรีวิว 2 · +บาดเจ็บ/แบน","art":"https://claude.ai/code/artifact/92ba270c-89e3-4c35-85b5-667456d26840"},{"id":"player","status":"🔨 รอบรีวิว 2 · +stub v2","art":"https://claude.ai/code/artifact/b923a7c0-e3c2-4fe1-892c-5c02400a0277"},{"id":"rank","status":"🔨 รอบรีวิว 2 · +rail ซ้าย (hub 3 คอลัมน์)","art":"https://claude.ai/code/artifact/3553b230-045f-4c70-b728-cf2d2d2b6f8f"},{"id":"stand","status":"🔨 รอบรีวิว 1 · ตารางลีก +ฟอร์ม +โซน +เหย้า/เยือน","art":"#"},{"id":"about","status":"🔨 รอบรีวิว 1 · หน้า EEAT/Entity — Organization schema + บรรณาธิการ + NAP","art":"#"},{"id":"embed","status":"🔨 รอบรีวิว 1 · ฝัง widget score108 ฟรี — แกลเลอรี 4 widget + สลับธีม/accent + ก็อป snippet สด","art":"#"}];
const cur={p:'home',w:'full'};
function render(){
  document.querySelectorAll('.pill').forEach(b=>b.classList.toggle('on',b.dataset.p===cur.p));
  document.querySelectorAll('iframe').forEach(f=>f.classList.toggle('on',f.id==='f-'+cur.p));
  document.querySelectorAll('.wbtns button').forEach(b=>b.classList.toggle('on',b.dataset.w===cur.w));
  document.getElementById('main').classList.toggle('narrow',cur.w==='mobile');
  const pg=PAGES.find(x=>x.id===cur.p);
  document.getElementById('status').textContent=pg.status;
  document.getElementById('ext').href=pg.art;
}
document.querySelectorAll('.pill').forEach(b=>b.addEventListener('click',()=>{cur.p=b.dataset.p;render()}));
document.querySelectorAll('.wbtns button').forEach(b=>b.addEventListener('click',()=>{cur.w=b.dataset.w;render()}));
render();
</script>