#footer-directory-square-twenty-one{padding:54px 0 24px;background:#f6f8fb;color:#172033}#footer-directory-square-twenty-one a{color:inherit;text-decoration:none}#footer-directory-square-twenty-one .dp-footer__directory{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}#footer-directory-square-twenty-one .dp-footer__brand{padding:28px;border-radius:6px;background:#fff;border:1px solid #e5e7eb}#footer-directory-square-twenty-one .dp-footer__brand img{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:14px;margin-bottom:16px}#footer-directory-square-twenty-one h2{margin:0 0 12px;font-size:30px;font-weight:900}#footer-directory-square-twenty-one p{margin:0;color:#64748b;font-size:14px;line-height:1.9}#footer-directory-square-twenty-one .dp-footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#footer-directory-square-twenty-one .dp-footer__nav a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#334155;font-size:14px;font-weight:850}#footer-directory-square-twenty-one .dp-footer__nav em{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#eff6ff;color:#2563eb;font-style:normal;font-size:11px;font-weight:900}#footer-directory-square-twenty-one .dp-footer__nav a:hover{border-color:#2563eb;color:#2563eb}#footer-directory-square-twenty-one .dp-footer__info{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#footer-directory-square-twenty-one .dp-footer__info span,#footer-directory-square-twenty-one .dp-footer__info a{padding:10px 13px;border-radius:6px;background:#fff;color:#64748b;font-size:13px}#footer-directory-square-twenty-one .dp-footer__info i{margin-right:8px;color:#2563eb}#footer-directory-square-twenty-one .dp-footer__friends{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding:18px;border-radius:6px;background:#172033;color:#dbeafe}#footer-directory-square-twenty-one .dp-footer__friends strong{color:#fff}#footer-directory-square-twenty-one .dp-footer__friends a{font-size:13px;color:#cbd5e1}#footer-directory-square-twenty-one .dp-footer__copy{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;color:#64748b;font-size:13px}@media(max-width:767.98px){#footer-directory-square-twenty-one .dp-footer__directory,#footer-directory-square-twenty-one .dp-footer__nav{grid-template-columns:1fr}}#header-fresh-track-fourteen{position:relative;z-index:20;background:#fff;border-bottom:2px solid #111827}#header-fresh-track-fourteen .dp-header__nav{min-height:70px;padding:0;background:#fff}#header-fresh-track-fourteen .dp-header__inner{display:flex;align-items:center;gap:24px;min-height:70px}#header-fresh-track-fourteen .dp-header__brand{display:inline-flex;align-items:center;min-width:170px;color:#111827;text-decoration:none}#header-fresh-track-fourteen .dp-header__brand:hover{text-decoration:none;color:#111827}#header-fresh-track-fourteen .dp-header__brand span{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:25px;font-weight:900;line-height:1;letter-spacing:0}#header-fresh-track-fourteen .dp-header__collapse{align-items:center;min-width:0}#header-fresh-track-fourteen .dp-header__menu{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto}#header-fresh-track-fourteen .dp-header__link{position:relative;display:flex;align-items:center;min-height:40px;padding:8px 0;color:#374151;font-size:15px;font-weight:900;white-space:nowrap;text-decoration:none}#header-fresh-track-fourteen .dp-header__link:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:3px;background:#111827;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}#header-fresh-track-fourteen .dp-header__link:hover{color:#111827;text-decoration:none}#header-fresh-track-fourteen .dp-header__link:hover:after,#header-fresh-track-fourteen .dp-header__link.active:after{transform:scaleX(1)}#header-fresh-track-fourteen .dp-header__link.active{color:#111827}#header-fresh-track-fourteen .dp-header__actions{display:flex;align-items:center;gap:8px;margin-left:18px}#header-fresh-track-fourteen .dp-header__login{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border:2px solid #111827;border-radius:0;background:#fff;color:#111827;font-size:14px;font-weight:900;text-decoration:none}#header-fresh-track-fourteen .dp-header__login:hover{background:#111827;color:#fff;text-decoration:none}#header-fresh-track-fourteen .dp-header__actions .dp-header__login:nth-child(2){background:#111827;color:#fff}#header-fresh-track-fourteen .dp-header__actions .dp-header__login:nth-child(2):hover{background:#fff;color:#111827}#header-fresh-track-fourteen .dp-header__toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto;padding:0;border:2px solid #111827;border-radius:0;background:#fff;color:#111827}@media (max-width:991.98px){#header-fresh-track-fourteen .dp-header__inner{flex-wrap:wrap;gap:0;min-height:64px;padding-top:8px;padding-bottom:8px}#header-fresh-track-fourteen .dp-header__brand{min-width:0;max-width:70vw}#header-fresh-track-fourteen .dp-header__brand span{max-width:52vw;font-size:22px}#header-fresh-track-fourteen .dp-header__toggle{display:inline-flex}#header-fresh-track-fourteen .dp-header__collapse{flex-basis:100%;width:100%;max-height:calc(100vh - 82px);overflow:auto;margin-top:10px;padding:12px 0;border-top:2px solid #111827;background:#fff}#header-fresh-track-fourteen .dp-header__menu{display:grid;grid-template-columns:1fr;gap:0;margin:0}#header-fresh-track-fourteen .dp-header__link{justify-content:space-between;min-height:46px;padding:13px 0;border-bottom:1px solid rgba(17,24,39,.12)}#header-fresh-track-fourteen .dp-header__link:after{display:none}#header-fresh-track-fourteen .dp-header__actions{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0 0}}@media (max-width:390px){#header-fresh-track-fourteen .dp-header__brand span{max-width:48vw;font-size:20px}}#header-fresh-track-fourteen .dp-header__brand{gap:10px}#header-fresh-track-fourteen .dp-header__logo{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:10px}@media (max-width:991.98px){#header-fresh-track-fourteen .dp-header__logo{height:38px}}@media (max-width:575.98px){#header-fresh-track-fourteen .dp-header__logo{height:34px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#1a2332;background:#f6f8fb;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}.page-main{width:100%;overflow:hidden}.section-inner{width:min(1180px,92%);margin:0 auto;padding:0 4px}.flash-bar{background:#0f1a2e;color:#cfd8e6;font-size:13px;padding:8px 0;border-bottom:1px solid #1c2a44}.flash-bar .section-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.flash-bar .tag{background:#d62f3a;color:#fff;padding:3px 10px;border-radius:3px;font-size:12px;font-weight:600;letter-spacing:1px}.flash-bar .tip{flex:1;min-width:200px}.flash-bar .meta{color:#8a99b3;font-size:12px}.hero-bet{padding:36px 0 30px;background:linear-gradient(180deg,#fff 0%,#eef3fa 100%);position:relative}.hero-bet .section-inner{display:grid;grid-template-columns:1fr;gap:24px}.hero-head{display:flex;flex-direction:column;gap:14px}.hero-mark{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#3b5078;background:#e6edf8;padding:6px 12px;border-radius:4px;width:fit-content}.hero-mark span:first-child{width:6px;height:6px;background:#d62f3a;border-radius:50%}.hero-bet h1{font-size:30px;line-height:1.35;color:#0f1a2e;font-weight:700;letter-spacing:.3px}.hero-bet h1 em{font-style:normal;color:#d62f3a}.hero-lead{font-size:15px;color:#42536e;max-width:680px}.hero-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.hero-stat div{background:#fff;border:1px solid #e3e9f3;padding:14px 12px;border-radius:6px}.hero-stat strong{display:block;font-size:20px;color:#0f1a2e}.hero-stat span{font-size:12px;color:#6b7d99;display:block;margin-top:4px}.hero-board{background:#0f1a2e;color:#fff;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:14px}.hero-board .bh{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243453;padding-bottom:10px}.hero-board .bh strong{font-size:14px;letter-spacing:1px;color:#ffd66b}.hero-board .bh span{font-size:12px;color:#8a99b3}.hero-board .bm{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.hero-board .bm .tname{display:flex;align-items:center;gap:8px;font-size:14px}.hero-board .bm .tname.r{justify-content:flex-end}.hero-board .bm .tname img{width:28px;height:28px;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.hero-board .bm .tname .ab{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;background:#243453;border-radius:50%;font-size:11px;color:#cfd8e6}.hero-board .bm .vs{font-size:18px;color:#ffd66b;font-weight:700;padding:0 6px}.hero-board .bf{font-size:12px;color:#8a99b3;display:flex;justify-content:space-between;border-top:1px solid #243453;padding-top:10px}.hero-board .bf em{color:#3ec27a;font-style:normal}.match-board{padding:46px 0;background:#fff}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:10px}.sec-head h2{font-size:24px;color:#0f1a2e;font-weight:700;position:relative;padding-left:14px}.sec-head h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:#d62f3a;border-radius:2px}.sec-head .sub{font-size:13px;color:#6b7d99}.match-grid{display:grid;grid-template-columns:1fr;gap:12px}.match-row{background:#f9fbfe;border:1px solid #e3e9f3;border-radius:6px;padding:16px;display:grid;grid-template-columns:90px 1fr 80px;gap:14px;align-items:center}.match-row .league{font-size:12px;color:#3b5078;background:#e6edf8;padding:4px 8px;border-radius:3px;text-align:center;font-weight:600}.match-row .pair{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.match-row .pair .t{display:flex;align-items:center;gap:8px;font-size:14px;color:#1a2332}.match-row .pair .t.r{justify-content:flex-end}.match-row .pair .t img{width:26px;height:26px;object-fit:contain}.match-row .pair .t .ab{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;background:#0f1a2e;color:#fff;border-radius:50%;font-size:10px}.match-row .pair .sc{font-weight:700;color:#0f1a2e;font-size:16px;background:#fff;border:1px solid #e3e9f3;padding:4px 10px;border-radius:4px;min-width:54px;text-align:center}.match-row .meta{text-align:right;font-size:12px;color:#6b7d99}.match-row .meta .st{display:inline-block;background:#3ec27a;color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;margin-bottom:4px}.match-row .meta .st.over{background:#8a99b3}.match-row .meta .st.wait{background:#f0a24a}.match-note{margin-top:18px;font-size:12px;color:#6b7d99;padding:12px 14px;background:#f6f8fb;border-left:3px solid #d62f3a;border-radius:0 4px 4px 0}.theme-zone{padding:44px 0;background:#f6f8fb}.theme-zone .section-inner{display:grid;grid-template-columns:1fr;gap:18px}.theme-zone h2{font-size:22px;color:#0f1a2e;margin-bottom:6px}.theme-zone p{color:#42536e;font-size:14px;margin-bottom:14px;max-width:760px}.theme-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.theme-list div{background:#fff;border:1px solid #e3e9f3;border-radius:6px;padding:14px;display:flex;gap:12px;align-items:flex-start}.theme-list div .num{flex-shrink:0;width:30px;height:30px;background:#0f1a2e;color:#ffd66b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.theme-list div .tx strong{display:block;font-size:14px;color:#0f1a2e;margin-bottom:4px}.theme-list div .tx span{font-size:12px;color:#6b7d99;line-height:1.6}.about-section{padding:48px 0;background:#fff;border-top:3px solid #0f1a2e}.about-section .section-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center}.about-section .pic{position:relative;border-radius:8px;overflow:hidden;background:#f6f8fb}.about-section .pic img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}.about-section .pic .ribbon{position:absolute;top:14px;left:0;background:#d62f3a;color:#fff;font-size:12px;padding:5px 12px 5px 14px;letter-spacing:1px}.about-section .tx h2{font-size:24px;color:#0f1a2e;margin-bottom:8px}.about-section .tx .area{display:inline-block;background:#e6edf8;color:#3b5078;padding:4px 10px;border-radius:3px;font-size:12px;margin-bottom:14px}.about-section .tx p{color:#42536e;font-size:14px;margin-bottom:12px}.about-section .tx .more{display:inline-block;margin-top:10px;background:#0f1a2e;color:#fff;padding:10px 22px;border-radius:4px;text-decoration:none;font-size:14px;letter-spacing:1px}.about-section .tx .more:hover{background:#d62f3a}.worldcup-zone{padding:46px 0;background:linear-gradient(135deg,#0f1a2e 0%,#1c2a44 100%);color:#cfd8e6}.worldcup-zone .sec-head h2{color:#fff}.worldcup-zone .sec-head h2::before{background:#ffd66b}.worldcup-zone .sec-head .sub{color:#8a99b3}.wc-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.wc-feat{background:#16243e;border-radius:8px;overflow:hidden;border:1px solid #243453}.wc-feat img{width:100%;aspect-ratio:16/10;object-fit:cover}.wc-feat .b{padding:18px}.wc-feat .b h3{font-size:18px;color:#fff;margin-bottom:8px}.wc-feat .b p{font-size:13px;color:#8a99b3;line-height:1.7}.wc-side{display:flex;flex-direction:column;gap:10px}.wc-side div{background:#16243e;border:1px solid #243453;border-radius:6px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.wc-side div .dt{font-size:11px;color:#ffd66b;font-weight:600;text-align:center;width:50px;line-height:1.4}.wc-side div .dt em{display:block;font-size:14px;font-style:normal;color:#fff;margin-top:2px}.wc-side div .vs{font-size:13px;color:#cfd8e6}.wc-side div .vs em{font-style:normal;color:#fff;font-weight:600}.wc-side div .tag{font-size:11px;background:#243453;color:#cfd8e6;padding:3px 7px;border-radius:3px}.app-entry{padding:48px 0;background:#fff}.app-entry .section-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.app-entry .img-wrap{background:#f6f8fb;border-radius:8px;padding:28px;text-align:center}.app-entry .img-wrap img{max-width:280px;margin:0 auto;aspect-ratio:1/1;object-fit:contain}.app-entry .ct h2{font-size:24px;color:#0f1a2e;margin-bottom:10px}.app-entry .ct p{color:#42536e;font-size:14px;margin-bottom:16px}.app-entry .feats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.app-entry .feats span{font-size:12px;color:#3b5078;background:#e6edf8;padding:6px 10px;border-radius:3px;display:flex;align-items:center;gap:6px}.app-entry .feats span::before{content:"●";color:#d62f3a;font-size:8px}.app-entry .links{display:flex;gap:12px;flex-wrap:wrap}.app-entry .links a{flex:1;min-width:140px;text-align:center;padding:13px 18px;border-radius:5px;text-decoration:none;font-size:14px;letter-spacing:1px;font-weight:600}.app-entry .links a.dl{background:#d62f3a;color:#fff}.app-entry .links a.dl:hover{background:#b82530}.app-entry .links a.web{background:#0f1a2e;color:#fff}.app-entry .links a.web:hover{background:#243453}.guess-note{padding:42px 0;background:#f6f8fb}.gn-wrap{background:#fff;border:1px solid #e3e9f3;border-radius:8px;padding:28px;display:grid;grid-template-columns:1fr;gap:20px}.gn-wrap h2{font-size:22px;color:#0f1a2e}.gn-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gn-list div h4{font-size:14px;color:#0f1a2e;margin-bottom:8px;padding-left:10px;border-left:3px solid #d62f3a}.gn-list div p{font-size:13px;color:#42536e;line-height:1.7}.gn-tip{background:#fff8e6;border:1px solid #ffd66b;border-radius:6px;padding:12px 16px;font-size:13px;color:#8a6300}.article-flow{padding:48px 0;background:#fff}.af-grid{display:grid;grid-template-columns:1fr;gap:14px}.af-item{display:grid;grid-template-columns:200px 1fr;gap:18px;padding:14px;border:1px solid #e3e9f3;border-radius:6px;transition:.2s;text-decoration:none;color:inherit}.af-item:hover{border-color:#d62f3a;background:#fafbfd}.af-item img{width:100%;aspect-ratio:5/3;object-fit:cover;border-radius:4px}.af-item .tx h3{font-size:16px;color:#0f1a2e;margin-bottom:8px;line-height:1.5}.af-item .tx .sm{font-size:13px;color:#6b7d99;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}.af-item .tx .meta{font-size:12px;color:#8a99b3;display:flex;gap:14px}.af-item .tx .meta em{font-style:normal;color:#d62f3a}.help-list{padding:48px 0;background:#0f1a2e;color:#cfd8e6}.help-list .sec-head h2{color:#fff}.help-list .sec-head h2::before{background:#ffd66b}.help-list .sec-head .sub{color:#8a99b3}.help-q{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-q div{background:#16243e;border:1px solid #243453;border-radius:6px;padding:18px}.help-q div h4{font-size:15px;color:#ffd66b;margin-bottom:10px;display:flex;gap:8px}.help-q div h4::before{content:"Q";background:#d62f3a;color:#fff;width:22px;height:22px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.help-q div p{font-size:13px;color:#cfd8e6;line-height:1.75}.trust-note{padding:36px 0;background:#fff;border-top:1px solid #e3e9f3}.tn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tn-grid div{text-align:center;padding:16px}.tn-grid div .ic{width:46px;height:46px;background:#e6edf8;color:#0f1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:18px;font-weight:700}.tn-grid div h4{font-size:14px;color:#0f1a2e;margin-bottom:6px}.tn-grid div p{font-size:12px;color:#6b7d99;line-height:1.6}.voice-strip{padding:40px 0;background:#f6f8fb}.vs-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vs-list div{background:#fff;border:1px solid #e3e9f3;border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:10px}.vs-list div .u{display:flex;align-items:center;gap:10px}.vs-list div .u img{width:40px;height:40px;border-radius:50%;object-fit:cover}.vs-list div .u strong{font-size:13px;color:#0f1a2e;display:block}.vs-list div .u span{font-size:11px;color:#8a99b3}.vs-list div p{font-size:13px;color:#42536e;line-height:1.7}@media(max-width:880px){.hero-bet{padding:24px 0}.hero-bet h1{font-size:23px}.hero-stat{grid-template-columns:repeat(3,1fr);gap:6px}.hero-stat strong{font-size:16px}.hero-stat span{font-size:11px}.match-row{grid-template-columns:1fr;gap:10px;text-align:left}.match-row .meta{text-align:left}.theme-list{grid-template-columns:1fr}.about-section .section-inner{grid-template-columns:1fr;gap:22px}.wc-grid{grid-template-columns:1fr}.app-entry .section-inner{grid-template-columns:1fr}.app-entry .feats{grid-template-columns:1fr}.gn-list{grid-template-columns:1fr}.af-item{grid-template-columns:1fr}.help-q{grid-template-columns:1fr}.tn-grid{grid-template-columns:repeat(2,1fr)}.vs-list{grid-template-columns:1fr}.sec-head h2{font-size:20px}}