1<!doctype html> 2<html lang="zh-CN"> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> 6 <title>å¯åä½è²ä¸çæ¯æ´»å¨ä¸åº - 20å¹´åçä¸ä¸èµäºå¹³å°</title> 7 <meta name="description" content="å¯åä½è²ä¸çæ¯æ´»å¨ä¸åºï¼20å¹´åçï¼ä¸ä¸ä¸çæ¯èµäºææ³¨å¹³å°ãæ±æ»ä¸çæ¯ç«çãçé¨èµäºãé请å¥å±ãæ°äººç¦å©ä¸éæ¶æ´»å¨ã" /> 8 <meta name="robots" content="index,follow" /> 9 <meta name="theme-color" content="#150502" /> 10 <link rel="icon" href="/wp-content/uploads/vip/k8.ico" /> 11 <link rel="apple-touch-icon" href="/wp-content/uploads/vip/k8.ico" /> 12 <link rel="preload" as="image" href="/wp-content/uploads/vip/worldcup-hero.webp" fetchpriority="high" /> 13
13<script src="/wp-includes/js/bootstrap.js" defer></script>
13 14 <style> 15 :root{ 16 --bg:#080808; 17 --black:#050505; 18 --panel:#1d0703; 19 --panel-2:#300e05; 20 --gold:#ffd476; 21 --gold-2:#ffae38; 22 --gold-3:#fff0b7; 23 --red:#d91f17; 24 --brown:#743507; 25 --text:#fff8df; 26 --muted:#d9be8d; 27 --line:rgba(255,212,118,.22); 28 --shadow:0 22px 70px rgba(0,0,0,.48); 29 --safe-bottom:env(safe-area-inset-bottom, 0px); 30 } 31 32 *{ 33 box-sizing:border-box; 34 } 35 36 html{ 37 scroll-behavior:smooth; 38 background:var(--bg); 39 } 40 41 body{ 42 margin:0; 43 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",Arial,sans-serif; 44 color:var(--text); 45 background: 46 radial-gradient(circle at 50% -6%, rgba(255,178,44,.24), transparent 33%), 47 linear-gradient(180deg,#030303 0%,#170502 36%,#080808 100%); 48 overflow-x:hidden; 49 } 50 51 a{ 52 color:inherit; 53 text-decoration:none; 54 } 55 56 img{ 57 display:block; 58 max-width:100%; 59 } 60 61 button, 62 input{ 63 font:inherit; 64 } 65 66 .page{ 67 width:100%; 68 margin:0 auto; 69 min-height:100vh; 70 position:relative; 71 overflow:hidden; 72 } 73 74 .inner{ 75 width:min(100% - 40px,1440px); 76 margin-inline:auto; 77 } 78 79 .topbar{ 80 position:sticky; 81 top:0; 82 z-index:80; 83 height:72px; 84 background:rgba(3,3,3,.92); 85 backdrop-filter:blur(16px); 86 border-bottom:1px solid rgba(255,255,255,.08); 87 } 88 89 .topbar .inner{ 90 height:100%; 91 display:flex; 92 align-items:center; 93 gap:18px; 94 } 95 96 .back{ 97 width:32px; 98 height:32px; 99 display:grid; 100 place-items:center; 101 color:var(--gold); 102 font-size:32px; 103 line-height:1; 104 font-weight:900; 105 flex:0 0 auto; 106 } 107 108 .brand{ 109 display:flex; 110 align-items:center; 111 gap:12px; 112 min-width:250px; 113 margin-right:auto; 114 } 115 116 .logo-img{ 117 width:44px; 118 height:44px; 119 border-radius:11px; 120 object-fit:cover; 121 box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 22px rgba(255,174,56,.18); 122 background:#111; 123 } 124 125 .brand-title{ 126 font-size:17px; 127 font-weight:1000; 128 letter-spacing:.2px; 129 white-space:nowrap; 130 } 131 132 .brand-sub{ 133 display:block; 134 margin-top:3px; 135 font-size:12px; 136 color:var(--muted); 137 white-space:nowrap; 138 } 139 140 .notice{ 141 width:min(34vw,420px); 142 height:42px; 143 display:flex; 144 align-items:center; 145 gap:10px; 146 padding:0 16px; 147 border-radius:12px; 148 background:#101010; 149 border:1px solid rgba(255,255,255,.07); 150 color:#eee; 151 font-size:14px; 152 overflow:hidden; 153 } 154 155 .notice-badge{ 156 flex:0 0 auto; 157 color:#fff; 158 background:linear-gradient(180deg,#e63a24,#9d120d); 159 border-radius:5px; 160 padding:3px 6px; 161 font-size:11px; 162 font-weight:900; 163 } 164 165 .notice span:last-child{ 166 white-space:nowrap; 167 overflow:hidden; 168 text-overflow:ellipsis; 169 } 170 171 .nav-actions{ 172 display:flex; 173 align-items:center; 174 gap:10px; 175 flex:0 0 auto; 176 } 177 178 .btn{ 179 border:0; 180 cursor:pointer; 181 border-radius:12px; 182 padding:11px 18px; 183 font-weight:1000; 184 white-space:nowrap; 185 transition:transform .16s ease,filter .16s ease,box-shadow .16s ease; 186 } 187 188 .btn:hover{ 189 filter:brightness(1.06); 190 } 191 192 .btn:active{ 193 transform:scale(.97); 194 } 195 196 .btn-login{ 197 color:#f3f3f3; 198 background:#151515; 199 border:1px solid rgba(255,255,255,.08); 200 } 201 202 .btn-main{ 203 color:#411700; 204 background:linear-gradient(180deg,#fff2bb 0%,#ffc65c 52%,#ff951e 100%); 205 box-shadow:0 10px 24px rgba(255,159,35,.26),inset 0 1px 0 rgba(255,255,255,.62); 206 } 207 208 .hero{ 209 position:relative; 210 min-height:820px; 211 isolation:isolate; 212 overflow:hidden; 213 background:linear-gradient(180deg,#090909 0%,#1d0703 100%); 214 } 215 216 .hero-bg{ 217 position:absolute; 218 inset:0; 219 z-index:-2; 220 overflow:hidden; 221 } 222 223 .hero-bg img{ 224 width:100%; 225 height:100%; 226 object-fit:cover; 227 object-position:center top; 228 transform:translateZ(0); 229 } 230 231 .hero-bg::after{ 232 content:""; 233 position:absolute; 234 inset:0; 235 background: 236 linear-gradient(180deg,rgba(0,0,0,.1),rgba(20,5,2,.55) 47%,#1d0703 100%), 237 linear-gradient(90deg,rgba(0,0,0,.52),transparent 24%,transparent 76%,rgba(0,0,0,.5)); 238 } 239 240 .hero::before{ 241 content:""; 242 position:absolute; 243 inset:0; 244 z-index:-1; 245 background: 246 radial-gradient(circle at 50% 20%,rgba(255,221,124,.38),transparent 19%), 247 radial-gradient(circle at 11% 35%,rgba(224,36,23,.28),transparent 23%), 248 radial-gradient(circle at 87% 24%,rgba(255,172,45,.26),transparent 24%); 249 mix-blend-mode:screen; 250 pointer-events:none; 251 } 252 253 .hero::after{ 254 content:""; 255 position:absolute; 256 left:0; 257 right:0; 258 bottom:-1px; 259 height:210px; 260 background:linear-gradient(180deg,transparent,#1d0703 72%); 261 pointer-events:none; 262 } 263 264 .hero-grid{ 265 position:relative; 266 z-index:2; 267 min-height:820px; 268 display:grid; 269 grid-template-columns:minmax(0,1.05fr) minmax(360px,.62fr); 270 align-items:end; 271 gap:32px; 272 padding:138px 0 46px; 273 } 274 275 .hero-copy{ 276 max-width:920px; 277 padding-bottom:18px; 278 } 279 280 .tagline{ 281 display:inline-flex; 282 align-items:center; 283 gap:8px; 284 margin-bottom:20px; 285 padding:10px 18px; 286 border-radius:999px; 287 color:#2f1100; 288 font-weight:1000; 289 background:linear-gradient(180deg,#fff3bd,#ffc65c); 290 box-shadow:0 12px 30px rgba(255,171,47,.24); 291 } 292 293 .title{ 294 margin:0; 295 max-width:900px; 296 font-size:clamp(68px,7.6vw,142px); 297 line-height:.88; 298 letter-spacing:-4px; 299 font-weight:1000; 300 color:#fff5c9; 301 text-shadow:0 5px 0 #811608,0 12px 0 #250000,0 0 34px rgba(255,198,79,.46); 302 } 303 304 .subtitle{ 305 display:inline-block; 306 margin:22px 0 16px; 307 padding:13px 30px; 308 transform:skew(-8deg); 309 border:2px solid rgba(255,244,200,.82); 310 background:linear-gradient(180deg,#1e0b06,#050505); 311 box-shadow:0 0 0 6px rgba(130,31,16,.55),0 18px 36px rgba(0,0,0,.52); 312 color:#fff; 313 font-size:clamp(28px,3vw,48px); 314 font-weight:1000; 315 } 316 317 .subtitle span{ 318 display:block; 319 transform:skew(8deg); 320 } 321 322 .date{ 323 margin:0 0 24px; 324 color:#ffe7ad; 325 font-size:20px; 326 font-weight:900; 327 } 328 329 .hero-points{ 330 display:grid; 331 grid-template-columns:repeat(3,minmax(0,1fr)); 332 gap:12px; 333 max-width:780px; 334 margin:0 0 26px; 335 } 336 337 .point{ 338 min-height:92px; 339 padding:14px 16px; 340 border-radius:18px; 341 border:1px solid rgba(255,212,118,.22); 342 background:rgba(0,0,0,.36); 343 box-shadow:0 14px 30px rgba(0,0,0,.24); 344 } 345 346 .point b{ 347 display:block; 348 color:#ffe18d; 349 font-size:18px; 350 margin-bottom:6px; 351 } 352 353 .point span{ 354 font-size:13px; 355 color:#e6c999; 356 line-height:1.45; 357 } 358 359 .hero-cta{ 360 display:flex; 361 gap:14px; 362 flex-wrap:wrap; 363 align-items:center; 364 } 365 366 .cta-large{ 367 min-width:238px; 368 padding:17px 34px; 369 border-radius:17px; 370 font-size:23px; 371 color:#4b1a00; 372 border:2px solid rgba(255,255,255,.58); 373 background:linear-gradient(180deg,#fff0b8,#ffb441 60%,#f4881d); 374 box-shadow:0 16px 38px rgba(255,159,45,.32),0 0 0 6px rgba(116,32,11,.34); 375 } 376 377 .cta-secondary{ 378 display:inline-flex; 379 align-items:center; 380 justify-content:center; 381 min-width:180px; 382 padding:17px 24px; 383 border-radius:17px; 384 background:rgba(0,0,0,.42); 385 border:1px solid var(--line); 386 color:#ffe6aa; 387 font-weight:1000; 388 } 389 390 .hero-side{ 391 align-self:stretch; 392 display:flex; 393 align-items:end; 394 } 395 396 .side-card{ 397 width:100%; 398 border-radius:28px; 399 padding:24px; 400 background:linear-gradient(180deg,rgba(70,24,5,.92),rgba(15,5,3,.92)); 401 border:1px solid rgba(255,212,118,.28); 402 box-shadow:var(--shadow); 403 backdrop-filter:blur(10px); 404 } 405 406 .side-card h2{ 407 margin:0 0 12px; 408 font-size:28px; 409 color:#ffe19a; 410 } 411 412 .match-list{ 413 display:grid; 414 gap:10px; 415 margin:16px 0 20px; 416 } 417 418 .match{ 419 display:flex; 420 align-items:center; 421 justify-content:space-between; 422 gap:10px; 423 padding:12px 14px; 424 border-radius:14px; 425 background:rgba(255,255,255,.06); 426 border:1px solid rgba(255,255,255,.07); 427 } 428 429 .match b{ 430 font-size:15px; 431 } 432 433 .match span{ 434 font-size:12px; 435 color:#d9be8d; 436 } 437 438 .odds-pill{ 439 flex:0 0 auto; 440 border-radius:999px; 441 padding:6px 10px; 442 color:#3a1400; 443 background:#ffd476; 444 font-weight:1000; 445 font-size:12px; 446 font-style:normal; 447 } 448 449 .coin{ 450 position:absolute; 451 width:42px; 452 height:42px; 453 border-radius:50%; 454 background:radial-gradient(circle at 35% 30%,#fff5bd,#f8b832 45%,#a45408 75%); 455 box-shadow:0 0 22px rgba(255,196,65,.46); 456 opacity:.84; 457 animation:float 6s ease-in-out infinite; 458 z-index:1; 459 } 460 461 .coin.c1{ 462 top:132px; 463 left:7%; 464 animation-delay:.1s; 465 } 466 467 .coin.c2{ 468 top:230px; 469 right:7%; 470 width:36px; 471 height:36px; 472 animation-delay:1s; 473 } 474 475 .coin.c3{ 476 top:485px; 477 left:12%; 478 width:31px; 479 height:31px; 480 animation-delay:1.8s; 481 } 482 483 .coin.c4{ 484 top:430px; 485 right:19%; 486 animation-delay:2.2s; 487 } 488
489 @keyframes float{ 490 0%,100%{ 491 transform:translateY(0) rotate(0); 492 } 493 50%{ 494 transform:translateY(-18px) rotate(18deg); 495 } 496 } 497 498 .section{ 499 padding:38px 0; 500 } 501 502 .panel{ 503 border:1px solid var(--line); 504 background:linear-gradient(180deg,rgba(105,43,7,.98),rgba(45,15,4,.98)); 505 border-radius:26px; 506 overflow:hidden; 507 box-shadow:var(--shadow); 508 } 509 510 .section-title{ 511 display:flex; 512 align-items:center; 513 justify-content:space-between; 514 gap:16px; 515 padding:18px 24px; 516 color:#fff8dc; 517 background:linear-gradient(90deg,#8d470d,#d88724 50%,#7d3208); 518 } 519 520 .section-title h2{ 521 margin:0; 522 font-size:28px; 523 letter-spacing:-.5px; 524 } 525 526 .section-title small{ 527 display:block; 528 margin-top:4px; 529 color:#fff0bd; 530 font-weight:800; 531 } 532 533 .reward-pill{ 534 display:inline-flex; 535 align-items:center; 536 gap:6px; 537 background:#fff2b5; 538 color:#4b1a00; 539 border-radius:999px; 540 padding:8px 14px; 541 font-weight:1000; 542 font-size:14px; 543 white-space:nowrap; 544 } 545 546 .reward-table{ 547 width:100%; 548 border-collapse:collapse; 549 text-align:center; 550 font-weight:900; 551 } 552 553 .reward-table th, 554 .reward-table td{ 555 padding:15px 12px; 556 border-bottom:1px solid rgba(255,212,118,.12); 557 } 558 559 .reward-table th{ 560 background:rgba(72,22,3,.58); 561 color:#ffe0a0; 562 font-size:15px; 563 } 564 565 .reward-table td{ 566 color:#fff7d8; 567 } 568 569 .reward-table tr:nth-child(even) td{ 570 background:rgba(255,255,255,.035); 571 } 572 573 .highlight{ 574 color:#ffdf78; 575 } 576 577 .promo-banner{ 578 margin-top:24px; 579 min-height:128px; 580 border-radius:24px; 581 display:flex; 582 align-items:center; 583 justify-content:space-between; 584 gap:24px; 585 padding:26px 34px; 586 position:relative; 587 overflow:hidden; 588 background: 589 radial-gradient(circle at 24% 50%,rgba(255,255,255,.28),transparent 13%), 590 linear-gradient(90deg,#985111,#e69c35 48%,#9a4b0a); 591 box-shadow:var(--shadow); 592 } 593 594 .promo-banner::after{ 595 content:""; 596 position:absolute; 597 inset:-90px -40px auto auto; 598 width:240px; 599 height:240px; 600 border-radius:50%; 601 background:rgba(255,255,255,.18); 602 } 603 604 .promo-banner strong{ 605 font-size:38px; 606 line-height:1.1; 607 text-shadow:0 3px 0 rgba(87,32,1,.45); 608 } 609 610 .promo-banner span{ 611 display:block; 612 margin-top:6px; 613 font-size:22px; 614 font-weight:900; 615 color:#fff5cf; 616 } 617 618 .promo-banner .btn{ 619 position:relative; 620 z-index:1; 621 font-size:18px; 622 padding-inline:28px; 623 } 624 625 .cards{ 626 display:grid; 627 grid-template-columns:repeat(4,minmax(0,1fr)); 628 gap:16px; 629 margin-top:22px; 630 } 631 632 .card{ 633 min-height:174px; 634 border-radius:22px; 635 padding:20px; 636 background:linear-gradient(180deg,rgba(255,224,144,.13),rgba(0,0,0,.25)); 637 border:1px solid var(--line); 638 box-shadow:0 16px 36px rgba(0,0,0,.18); 639 } 640 641 .card-icon{ 642 font-size:32px; 643 margin-bottom:10px; 644 } 645 646 .card h3{ 647 margin:0 0 8px; 648 font-size:20px; 649 color:#fff0bd; 650 } 651 652 .card p{ 653 margin:0; 654 color:#e5c792; 655 line-height:1.58; 656 font-size:14px; 657 } 658 659 .guess-section{ 660 padding:36px 0 10px; 661 background:linear-gradient(180deg,#1d0703,#130402); 662 content-visibility:auto; 663 contain-intrinsic-size:720px; 664 } 665 666 .guess-grid{ 667 display:grid; 668 grid-template-columns:repeat(3,minmax(0,1fr)); 669 gap:18px; 670 } 671 672 .guess-card{ 673 position:relative; 674 overflow:hidden; 675 border-radius:26px; 676 padding:24px; 677 min-height:240px; 678 background: 679 radial-gradient(circle at 80% 10%,rgba(255,212,118,.22),transparent 26%), 680 linear-gradient(180deg,#321005,#120504); 681 border:1px solid rgba(255,212,118,.22); 682 box-shadow:var(--shadow); 683 } 684 685 .guess-card::after{ 686 content:"â½"; 687 position:absolute; 688 right:16px; 689 bottom:-20px; 690 font-size:94px; 691 opacity:.08; 692 } 693 694 .guess-card h3{ 695 margin:0 0 10px; 696 font-size:24px; 697 color:#ffe19a; 698 } 699 700 .guess-card p{ 701 margin:0; 702 color:#e5c792; 703 line-height:1.7; 704 font-weight:700; 705 } 706 707 .guess-card ul{ 708 margin:16px 0 0; 709 padding:0; 710 list-style:none; 711 display:grid; 712 gap:8px; 713 color:#fff2c9; 714 font-weight:900; 715 } 716 717 .guess-card li::before{ 718 content:"â"; 719 color:#ffd476; 720 margin-right:8px; 721 } 722 723 .rules{ 724 padding:52px 0 56px; 725 background:linear-gradient(180deg,#250807,#150504); 726 border-top:1px solid rgba(255,255,255,.06); 727 content-visibility:auto; 728 contain-intrinsic-size:620px; 729 } 730 731 .rules-head{ 732 text-align:center; 733 margin-bottom:28px; 734 } 735 736 .rules-head small{ 737 display:block; 738 color:#61331b; 739 font-size:40px; 740 font-weight:1000; 741 letter-spacing:10px; 742 opacity:.55; 743 } 744 745 .rules-head h2{ 746 margin:-22px 0 0; 747 font-size:38px; 748 color:#ffe0a0; 749 text-shadow:0 0 18px rgba(255,166,39,.32); 750 } 751 752 .rule-list{ 753 margin:0; 754 padding:0; 755 list-style:none; 756 display:grid; 757 gap:16px; 758 max-width:1120px; 759 margin-inline:auto; 760 } 761 762 .rule-list li{ 763 display:grid; 764 grid-template-columns:44px 1fr; 765 gap:14px; 766 align-items:start; 767 color:#ffe8bc; 768 line-height:1.72; 769 font-weight:800; 770 font-size:16px; 771 } 772 773 .rule-num{ 774 display:grid; 775 place-items:center; 776 height:32px; 777 border-radius:7px; 778 background:linear-gradient(180deg,#d24c22,#6e130d); 779 font-weight:1000; 780 color:#fff8d8; 781 box-shadow:0 0 0 1px rgba(255,255,255,.2) inset; 782 } 783 784 .conversion{ 785 padding:56px 0 38px; 786 background: 787 radial-gradient(circle at 72% 40%,rgba(255,170,39,.14),transparent 28%), 788 #101114; 789 content-visibility:auto; 790 contain-intrinsic-size:680px; 791 } 792 793 .conversion-box{ 794 display:grid; 795 grid-template-columns:1.15fr .85fr; 796 gap:28px; 797 align-items:center; 798 border-radius:34px; 799 padding:34px; 800 background:linear-gradient(135deg,#1d2026,#090a0d); 801 border:1px solid rgba(255,255,255,.08); 802 box-shadow:var(--shadow); 803 overflow:hidden; 804 position:relative; 805 } 806 807 .conversion-box::before{ 808 content:""; 809 position:absolute; 810 left:0; 811 top:0; 812 bottom:0; 813 width:7px; 814 background:linear-gradient(180deg,#fff2bb,#ff9b22,#c41d12); 815 } 816 817 .conversion-kicker{ 818 display:inline-flex; 819 margin-bottom:12px; 820 padding:8px 13px; 821 border-radius:999px; 822 color:#3b1400; 823 background:#ffd476; 824 font-weight:1000; 825 } 826 827 .conversion h2{ 828 margin:0 0 12px; 829 font-size:40px; 830 line-height:1.1; 831 color:#fff1bf; 832 } 833 834 .conversion p{ 835 margin:0; 836 color:#d9c39c; 837 line-height:1.72; 838 font-size:16px; 839 font-weight:700; 840 } 841 842 .brand-badges{ 843 display:flex; 844 gap:10px; 845 flex-wrap:wrap; 846 margin-top:18px; 847 } 848 849 .brand-badges span{ 850 padding:9px 12px; 851 border-radius:999px; 852 background:rgba(255,212,118,.1); 853 border:1px solid rgba(255,212,118,.18); 854 color:#ffe5a6; 855 font-weight:900; 856 font-size:13px; 857 } 858 859 .form-card{ 860 padding:24px; 861 border-radius:26px; 862 background:linear-gradient(180deg,rgba(255,212,118,.12),rgba(0,0,0,.22)); 863 border:1px solid rgba(255,212,118,.2); 864 } 865 866 .form-card h3{ 867 margin:0 0 14px; 868 font-size:24px; 869 color:#ffe19a; 870 } 871 872 .form{ 873 display:grid; 874 gap:12px; 875 } 876 877 .form input{ 878 width:100%; 879 height:52px; 880 border-radius:14px; 881 border:1px solid rgba(255,255,255,.1); 882 background:#050505; 883 color:#fff; 884 padding:0 15px; 885 outline:none; 886 } 887 888 .form input:focus{ 889 border-color:var(--gold); 890 } 891 892 .form .btn{ 893 height:54px; 894 font-size:18px; 895 } 896 897 .mini-note{ 898 font-size:12px; 899 color:#9f8a66; 900 margin-top:12px; 901 line-height:1.55; 902 } 903 904 .site-footer{ 905 padding:0 0 92px; 906 background:#101114; 907 } 908 909 .footer-box{ 910 border-radius:24px; 911 padding:22px 26px; 912 background:linear-gradient(180deg,rgba(255,212,118,.1),rgba(0,0,0,.18)); 913 border:1px solid rgba(255,212,118,.18); 914 color:#dec695; 915 line-height:1.8; 916 font-size:14px; 917 font-weight:700; 918 text-align:center; 919 } 920 921 .footer-box p{ 922 margin:6px 0; 923 } 924 925 .footer-box b{ 926 color:#ffe19a; 927 } 928 929 .footer-box .domain{ 930 display:inline-block; 931 color:#2d1000; 932 background:#ffd476; 933 border-radius:999px; 934 padding:2px 10px; 935 font-weight:1000; 936 margin:0 4px; 937 } 938 939 .bottom-cta{ 940 display:none; 941 position:fixed; 942 left:0; 943 right:0; 944 bottom:0; 945 z-index:90; 946 padding:10px 14px calc(10px + var(--safe-bottom)); 947 background:rgba(5,5,5,.92); 948 backdrop-filter:blur(12px); 949 border-top:1px solid rgba(255,255,255,.08); 950 gap:10px; 951 } 952 953 .bottom-cta .btn{ 954 flex:1; 955 } 956 957 @media (max-width:1180px){ 958 .inner{ 959 width:min(100% - 28px,1100px); 960 } 961 962 .hero-grid{ 963 grid-template-columns:1fr; 964 align-items:end; 965 padding-top:120px; 966 } 967 968 .hero-side{ 969 align-self:auto; 970 } 971 972 .side-card{ 973 max-width:680px; 974 } 975 976 .cards{ 977 grid-template-columns:repeat(2,minmax(0,1fr)); 978 } 979 980 .guess-grid{ 981 grid-template-columns:1fr; 982 } 983 984 .conversion-box{ 985 grid-template-columns:1fr; 986 } 987 } 988 989 @media (max-width:760px){ 990 .inner{ 991 width:min(100% - 24px,720px); 992 } 993 994 .topbar{ 995 height:60px; 996 } 997 998 .topbar .inner{ 999 gap:10px; 1000 } 1001 1002 .back{ 1003 width:26px; 1004 font-size:28px; 1005 } 1006 1007 .brand{ 1008 min-width:0; 1009 } 1010 1011 .logo-img{ 1012 width:34px; 1013 height:34px; 1014 border-radius:9px; 1015 } 1016 1017 .brand-title{ 1018 font-size:13px; 1019 } 1020 1021 .brand-sub, 1022 .notice, 1023 .btn-login.top-login{ 1024 display:none; 1025 } 1026 1027 .btn-main.top-register{ 1028 padding:9px 12px; 1029 font-size:13px; 1030 } 1031 1032 .hero{ 1033 min-height:720px; 1034 } 1035 1036 .hero-bg img{ 1037 object-position:center top; 1038 } 1039 1040 .hero-grid{ 1041 min-height:720px; 1042 padding:280px 0 28px; 1043 } 1044
1045 .title{ 1046 font-size:clamp(48px,14vw,76px); 1047 letter-spacing:-2px; 1048 } 1049 1050 .subtitle{ 1051 padding:10px 16px; 1052 font-size:clamp(24px,7vw,34px); 1053 } 1054 1055 .date{ 1056 font-size:15px; 1057 } 1058 1059 .hero-points{ 1060 grid-template-columns:1fr; 1061 } 1062 1063 .point{ 1064 min-height:auto; 1065 } 1066 1067 .cta-large, 1068 .cta-secondary{ 1069 width:100%; 1070 max-width:360px; 1071 } 1072 1073 .side-card{ 1074 display:none; 1075 } 1076 1077 .section{ 1078 padding:24px 0; 1079 } 1080 1081 .section-title{ 1082 padding:14px; 1083 } 1084 1085 .section-title h2{ 1086 font-size:20px; 1087 } 1088 1089 .section-title small{ 1090 display:none; 1091 } 1092 1093 .reward-pill{ 1094 font-size:12px; 1095 padding:6px 9px; 1096 } 1097 1098 .reward-table th, 1099 .reward-table td{ 1100 font-size:13px; 1101 padding:10px 6px; 1102 } 1103 1104 .promo-banner{ 1105 padding:18px; 1106 align-items:flex-start; 1107 flex-direction:column; 1108 } 1109 1110 .promo-banner strong{ 1111 font-size:28px; 1112 } 1113 1114 .promo-banner span{ 1115 font-size:19px; 1116 } 1117 1118 .promo-banner .btn{ 1119 width:100%; 1120 } 1121 1122 .cards{ 1123 grid-template-columns:1fr; 1124 } 1125 1126 .guess-section{ 1127 padding:24px 0 4px; 1128 } 1129 1130 .guess-card{ 1131 min-height:auto; 1132 } 1133 1134 .rules{ 1135 padding:34px 0; 1136 } 1137 1138 .rules-head h2{ 1139 font-size:30px; 1140 } 1141 1142 .rules-head small{ 1143 font-size:34px; 1144 } 1145 1146 .rule-list li{ 1147 grid-template-columns:36px 1fr; 1148 font-size:14px; 1149 } 1150 1151 .rule-num{ 1152 height:30px; 1153 } 1154 1155 .conversion{ 1156 padding:28px 0 24px; 1157 } 1158 1159 .conversion-box{ 1160 padding:22px 18px; 1161 border-radius:24px; 1162 } 1163 1164 .conversion h2{ 1165 font-size:29px; 1166 } 1167 1168 .form-card{ 1169 padding:18px; 1170 } 1171 1172 .site-footer{ 1173 padding-bottom:92px; 1174 } 1175 1176 .footer-box{ 1177 padding:18px 14px; 1178 font-size:13px; 1179 } 1180 1181 .bottom-cta{ 1182 display:flex; 1183 } 1184 } 1185 </style> 1186</head> 1187<body> 1188 <main class="page" id="top"> 1189 <header class="topbar"> 1190 <div class="inner"> 1191 <a href="" class="back" aria-label="">â¹</a> 1192 1193 <a class="brand" href="#top" aria-label="è¿åé¡¶é¨"> 1194 <img class="logo-img" src="/wp-content/uploads/vip/k8.ico" width="44" height="44" alt="å¯åä½è²" /> 1195 <span> 1196 <span class="brand-title">å¯åä½è²ä¸çæ¯ä¸åº</span> 1197 <span class="brand-sub">20å¹´åç · ä¸ä¸ä¸çæ¯èµäºææ³¨å¹³å°</span> 1198 </span> 1199 </a> 1200 1201 <div class="notice"> 1202 <span class="notice-badge">HOT</span> 1203 <span>ç鍿´»å¨æ¨è · ä¸çæ¯ç«çæå®å¹³å°</span> 1204 </div> 1205 1206 <nav class="nav-actions" aria-label="å¿«æ·å ¥å£"> 1207 <button class="btn btn-login top-login" type="button" data-open-domain="login">ç»å½</button> 1208 <button class="btn btn-main top-register" type="button" data-open-domain="register">注å</button> 1209 </nav> 1210 </div> 1211 </header> 1212 1213 <section class="hero" aria-labelledby="main-title"> 1214 <picture class="hero-bg"> 1215 <source srcset="/wp-content/uploads/vip/worldcup-hero-mobile.webp" media="(max-width: 760px)" type="image/webp" /> 1216 <img 1217 src="/wp-content/uploads/vip/worldcup-hero.webp" 1218 width="1920" 1219 height="1080" 1220 alt="ä¸çæ¯æ´»å¨èæ¯" 1221 loading="eager" 1222 fetchpriority="high" 1223 decoding="async" 1224 /> 1225 </picture> 1226 1227 <i class="coin c1"></i> 1228 <i class="coin c2"></i> 1229 <i class="coin c3"></i> 1230 <i class="coin c4"></i> 1231 1232 <div class="inner hero-grid"> 1233 <div class="hero-copy"> 1234 <div class="tagline">ð ä¸çæ¯èµäºæé´é宿´»å¨</div> 1235 1236 <h1 id="main-title" class="title">ä¸çæ¯ç¹è¾</h1> 1237 1238 <div class="subtitle"> 1239 <span>ç«çå ç · æ°å®¢ç¤¼é · é请å¥å±</span> 1240 </div> 1241 1242 <p class="date">æ´»å¨æ¶é´ï¼2026å¹´05æ01æ¥ - 07æ20æ¥</p> 1243 1244 <div class="hero-points" aria-label="ä¸çæ¯æ´»å¨åç¹"> 1245 <div class="point"> 1246 <b>çé¨èµç¨ç«ç</b>
1247 <span>å´ç»ä¸çæ¯å°ç»èµãæ·æ±°èµãå³èµçé«çèµäºï¼æå®ææ³¨å¹³å°ã</span> 1248 </div> 1249 <div class="point"> 1250 <b>æ°å®¢å¼æ·ç¦å©</b> 1251 <span>注åãé¦åãå䏿´»å¨è·¯å¾æ¸ æ°ï¼ç¸ä¿¡åççåéã</span> 1252 </div> 1253 <div class="point"> 1254 <b>é请好åå å¥</b> 1255 <span>ä¸çæ¯æé´å¤§éå¥éæ´»å¨ä¸çº¿ï¼èç¨æ·æ¨èæ°ç¨æ·é¢å¥éã</span> 1256 </div> 1257 </div> 1258 1259 <div class="hero-cta"> 1260 <button class="btn cta-large" type="button" data-open-domain="join">ç«å³åä¸</button> 1261 <a class="cta-secondary" href="#rules">æ¥çæ´»å¨è§å</a> 1262 </div> 1263 </div> 1264 1265 <aside class="hero-side" aria-label="ä¸çæ¯çé¨ç«ç"> 1266 <div class="side-card"> 1267 <h2>ä¸çæ¯çé¨ç«ç</h2> 1268 <p style="margin:0;color:#d9be8d;line-height:1.65;font-weight:700"> 1269 ç²¾éç¦ç¹èµäºãæçº§èµ°å¿ãå åçé¨ä¸æ¯åç©æ³ï¼å¸®å©å¤§å®¶å¿«éç解活å¨ä»·å¼ã 1270 </p> 1271 1272 <div class="match-list"> 1273 <div class="match"> 1274 <div> 1275 <b>å åå½å±</b><br> 1276 <span>çé¨çéäºå èµ°å¿</span> 1277 </div> 1278 <em class="odds-pill">æ´»å¨å ç </em> 1279 </div> 1280 1281 <div class="match"> 1282 <div> 1283 <b>ç¦ç¹å¯¹å³</b><br> 1284 <span>强强对è¯èµåç度</span> 1285 </div> 1286 <em class="odds-pill">éæ¶åä¸</em> 1287 </div> 1288 1289 <div class="match"> 1290 <div> 1291 <b>è¿çç©æ³</b><br> 1292 <span>æ¯å / æ»è¿ç / åå ¨åº</span> 1293 </div> 1294 <em class="odds-pill">ç鍿¨è</em> 1295 </div> 1296 </div> 1297 1298 <button class="btn btn-main" type="button" data-open-domain="side" style="width:100%;height:52px;font-size:18px"> 1299 è¿å ¥å¼æ·é¡µé¢ 1300 </button> 1301 </div> 1302 </aside> 1303 </div> 1304 </section> 1305 1306 <section class="section" id="rewards"> 1307 <div class="inner"> 1308 <div class="panel"> 1309 <div class="section-title"> 1310 <div> 1311 <h2>ä¸çæ¯é请åé礼å </h2> 1312 <small>好忳¨åå¹¶è¾¾ææ´»å¨æ¡ä»¶ï¼æ¨è人ä¸è¢«æ¨è人åå¯è·å¾å¯¹åºå¥å±</small> 1313 </div> 1314 <button class="reward-pill" type="button" data-open-domain="reward">ð é¢åå¥å±</button> 1315 </div> 1316 1317 <table class="reward-table" aria-label="é请å¥å±è¡¨"> 1318 <thead> 1319 <tr> 1320 <th>æåç级</th> 1321 <th>被æ¨è人</th> 1322 <th>æ¨è人</th> 1323 </tr> 1324 </thead> 1325 <tbody> 1326 <tr> 1327 <td>ç´¯è®¡åæ¬¾ ⥠1,000å </td> 1328 <td class="highlight">18å </td> 1329 <td class="highlight">18å </td> 1330 </tr> 1331 <tr> 1332 <td>2æçº§</td> 1333 <td>88å </td> 1334 <td>88å </td> 1335 </tr> 1336 <tr> 1337 <td>3æçº§</td> 1338 <td>188å </td> 1339 <td>188å </td> 1340 </tr> 1341 <tr> 1342 <td>4æçº§</td> 1343 <td>388å </td> 1344 <td>388å </td> 1345 </tr> 1346 <tr> 1347 <td>5æçº§</td> 1348 <td>888å </td> 1349 <td>888å </td> 1350 </tr> 1351 <tr> 1352 <td>6æçº§</td> 1353 <td>988å </td> 1354 <td>0.1%æ´ç è¿é¢</td> 1355 </tr> 1356 </tbody> 1357 </table> 1358 </div> 1359 1360 <div class="promo-banner"> 1361 <div> 1362 <strong>带ä¸å¥½åçä¸çæ¯</strong> 1363 <span>ç«çæ´»å¨ã弿·ç¤¼éãé请å¥å±åæ¥å ç </span> 1364 </div> 1365 <button class="btn btn-main" type="button" data-open-domain="go">åå¾åä¸</button> 1366 </div> 1367 1368 <div class="cards" aria-label="æ´»å¨åç¹"> 1369 <article class="card"> 1370 <div class="card-icon">â½</div> 1371 <h3>ä¸çæ¯ç«çåºæ¯</h3> 1372 <p>å´ç»å åãæ¯åãè¿çãæçº§çé«å ³æ³¨å 容ï¼éæ¶ä¸æ³¨ä¸çæ¯ã</p> 1373 </article> 1374 1375 <article class="card"> 1376 <div class="card-icon">ð</div> 1377 <h3>20å¹´åçè书</h3> 1378 <p>çªåºå¯åä½è²é¿æåç积累ï¼20å¹´ä¿¡èªãç»å¯¹ç信任度ã</p> 1379 </article> 1380 1381 <article class="card"> 1382 <div class="card-icon">ð±</div> 1383 <h3>å ¨ç«¯èªéåº</h3> 1384 <p>PC宽屿´å¤§æ°ï¼ææºç«¯éæ¶è®¿é®ï¼æ¹ä¾¿å¿«éè¿å ¥å¼æ·æµç¨ã</p> 1385 </article> 1386 1387 <article class="card"> 1388 <div class="card-icon">ð¯</div> 1389 <h3>äºå ¥å£åæµ</h3> 1390 <p>ç»å½ã注åãç«å³åä¸ãåå¾åä¸ãç«å³æ³¨åé¢ååå«è·³è½¬ä¸åååã</p> 1391 </article> 1392 </div> 1393 </div> 1394 </section> 1395 1396 <section class="guess-section" aria-label="ä¸çæ¯ç«çå®£ä¼ å 容"> 1397 <div class="inner guess-grid"> 1398 <article class="guess-card"> 1399 <h3>èµåç¦ç¹æ¨è</h3> 1400 <p>å°ç»èµå°å³èµå ¨ç¨è¦çï¼å´ç»çé¨çéãæ ¸å¿çåãåå²äº¤éä¸èµåæ æ¥ï¼æé æ´æå¸å¼åçä¸çæ¯èµäºå å®¹å ¥å£ã</p> 1401 <ul> 1402 <li>çé¨å¯¹éµ</li> 1403 <li>å åèµ°å¿</li> 1404 <li>æçº§å½¢å¿</li> 1405 </ul> 1406 </article> 1407 1408 <article class="guess-card"> 1409 <h3>å¤ç»´ç«çç©æ³</h3> 1410 <p>å ¨æ¹ä½è§£å³ç¨æ·ç âä¸çæ¯æä¹ç«çãä¸çæ¯æ¯å颿µãä¸çæ¯å åçé¨âçæµéï¼è½å°åç´æ¥å¼å¯¼å¼æ·ã</p> 1411 <ul> 1412 <li>æ¯åç«ç</li> 1413 <li>æ»è¿çæ°</li> 1414 <li>ååº / å ¨åº</li> 1415 </ul> 1416 </article> 1417 1418 <article class="guess-card"> 1419 <h3>éæ¶æ´»å¨å ç </h3> 1420 <p>ä¸çæ¯æé´å¢å æ°äººç¤¼ãé请礼ãè¿è礼ãèµäºå å¥çæ´»å¨è¡¨è¾¾ï¼è®©ç¨æ·çå°æç¡®ç¦å©ååè¿å ¥å¼æ·é¾æ¥ã</p> 1421 <ul> 1422 <li>æ°å®¢ç¤¼é</li> 1423 <li>é请å¥å±</li> 1424 <li>èµäºå å¥</li> 1425 </ul> 1426 </article> 1427 </div> 1428 </section> 1429 1430 <section class="rules" id="rules"> 1431 <div class="inner"> 1432 <div class="rules-head"> 1433 <small>RULES</small> 1434 <h2>æ´»å¨è§å</h2> 1435 </div> 1436 1437 <ol class="rule-list"> 1438 <li>
1439 <span class="rule-num">1</span> 1440 <span>æ¬æ´»å¨æ¨è人ä¸è¢«æ¨è人ä¸å¯ä¸ºåä¸äººï¼è¢«æ¨è人é卿´»å¨æé´å®ææ³¨å弿·å¹¶è¾¾æå¯¹åºæ´»å¨æ¡ä»¶ã</span> 1441 </li> 1442 <li> 1443 <span class="rule-num">2</span> 1444 <span>æ´»å¨ç¤¼éé卿´»å¨æé´å 宿ç³é¢ï¼ç¤¼éè¾¾å°æå®æµæ°´è¦æ±å坿平å°è§åä½¿ç¨ææç°ã</span> 1445 </li> 1446 <li> 1447 <span class="rule-num">3</span> 1448 <span>åä¸å§åãææºå·ãé®ç®±ãIPãè®¾å¤ææ¯ä»è´¦æ·ä» å¯åä¸ä¸æ¬¡ï¼è¿è§åä¸å°åæ¶èµæ ¼åå¥å±ã</span> 1449 </li> 1450 <li> 1451 <span class="rule-num">4</span> 1452 <span>åä¸ä¸çæ¯ç«çæ´»å¨åï¼è¯·ç¡®è®¤æå¨å°åºæ³å¾æ³è§ãå¹´é¾éå¶å平尿´»å¨æ¡æ¬¾ï¼çæ§åä¸èµäºå¨±ä¹ã</span> 1453 </li> 1454 <li> 1455 <span class="rule-num">5</span> 1456 <span>为é¿å ç解差å¼ï¼å¹³å°ä¿çå¯¹æ´»å¨ææ¡ãå¥å±åæ¾åå¼å¸¸è´¦å·å¤ççè§£éæã</span> 1457 </li> 1458 </ol> 1459 </div> 1460 </section> 1461 1462 <section class="conversion" id="join"> 1463 <div class="inner"> 1464 <div class="conversion-box"> 1465 <div> 1466 <span class="conversion-kicker">å¯åä½è² · 20å¹´åç</span> 1467 <h2>ä¸ä¸ä¸çæ¯èµäºææ³¨å¹³å°</h2> 1468 <p> 1469 ä¸çæ¯æé´ï¼ç¨æ·å ³æ³¨çä¸åªæ¯èµç¨åèµè®¯ï¼æ´å ³å¿çé¨çéãæ¯å颿µãå åèµ°å¿åæ´»å¨ç¦å©ã 1470 æ¬ç«æä¾K8å¯åå®ç½æä¾çä¸çæ¯ç«çå¤å¹³å°å ¥å£ãéæ¶éå°å¿«é䏿³¨ä¸çæ¯ï¼ 1471 å¯ååçè书ä¸ä¼å¤å¥éæ´»å¨ï¼é请好åä¸èµ·äºäºãæä½ä¸çæ¯çæºä¼ï¼ 1472 </p> 1473 1474 <div class="brand-badges"> 1475 <span>ä¸çæ¯çé¨èµäº</span> 1476 <span>æ°å®¢å¼æ·ç¦å©</span> 1477 <span>é请好åå¥å±</span> 1478 <span>ç§»å¨ç«¯å¿«éåä¸</span> 1479 </div> 1480 1481 <div class="mini-note"> 1482 ä¸çæ¯ç«çå°±éK8å¯åå¹³å°ãä¸çæ¯ä¸æ³¨å¿ ç¨å¯åå¹³å°ã 1483 </div> 1484 </div> 1485 1486 <div class="form-card"> 1487 <h3>ç«å³æ³¨åé¢åä¸çæ¯ç¦å©</h3> 1488 <form class="form" action="javascript:void(0)" method="get"> 1489 <input type="text" name="invite" placeholder="马ä¸å¼æ·ã䏿³¨ä¸çæ¯" autocomplete="off" /> 1490 <button class="btn btn-main" type="button" data-open-domain="claim">ç«å³æ³¨åé¢å</button> 1491 </form> 1492 <div class="mini-note">ç¹å»åå°è¿å ¥æå®å¼æ·é¾æ¥ï¼å¿«é弿·ã享åä¸çæ¯èµäºå¸¦æ¥çä¹è¶£ã</div> 1493 </div> 1494 </div> 1495 </div> 1496 </section> 1497 1498 <footer class="site-footer" aria-label="çæä¸è®¿é®è¯´æ"> 1499 <div class="inner"> 1500 <div class="footer-box"> 1501 <p>ð 建议ï¼PC å¯ä½¿ç¨ <b>Ctrl + D</b> æ¶èæ¬é¡µ ð <span class="domain">K8F88.com</span> ðï¸ï¼ææºæµè§å¨å¯âæ·»å å°ä¸»å±å¹âï¼æ¹ä¾¿ä¸æ¬¡ä¸é®è¿å ¥ã</p> 1502 <p>以ååªéè®°ä½æ¬é¡µé¢å³å¯å¿«éè¿å ¥å¯åå¤ä¸ªå¼æ·å ¥å£ã</p> 1503 <p>æ¬é¡µé¢ä» ç¨äºæä¾è®¿é®æå¼ä¸å ¥å£ä¿¡æ¯ï¼ä¸æä¾ä»»ä½äº¤æææå¡ã</p> 1504 </div> 1505 </div> 1506 </footer> 1507 </main> 1508 1509 <div class="bottom-cta"> 1510 <button class="btn btn-login" type="button" data-open-domain="login">ç»å½</button> 1511 <button class="btn btn-main" type="button" data-open-domain="join">ç«å³å䏿´»å¨</button> 1512 </div>
1513<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"8cc3b304af774abca331f169950ccb84","r":1,"spa":2}' crossorigin="anonymous"></script>
1513 1514</body> 1515</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.