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.0"> 6<title>ç±æ¸¸æç½é¡µ_ç±æ¸¸æï¼ä¸å½ï¼</title> 7<meta name="description" content="ç±æ¸¸æç½é¡µæ¯ç±æ¸¸æï¼ä¸å½ï¼å®æ¹ä½è²èµè®¯å¹³å°ï¼æä¾ææ°ä½è²èµäºæ°é»ãèµç¨é¢åãç´æèµè®¯ä¸æ·±åº¦æ°æ®åæï¼è¦çè¶³çã篮çãç½çãçµç«ãèµè½¦ççé¨é¡¹ç®ï¼ä¸ç«å¼ææ¡å ¨çä½å卿ã"> 8<meta name="keywords" content="ç±æ¸¸æç½é¡µ,ç±æ¸¸æï¼ä¸å½ï¼,ä½è²æ°é»,ä½è²èµäº"> 9<link rel="canonical" href="http://wokeeh.com"> 10<meta property="og:title" content="ç±æ¸¸æç½é¡µ_ç±æ¸¸æï¼ä¸å½ï¼"> 11<meta property="og:description" content="ç±æ¸¸æç½é¡µæ¯ç±æ¸¸æï¼ä¸å½ï¼å®æ¹ä½è²èµè®¯å¹³å°ï¼æä¾ææ°ä½è²èµäºæ°é»ãèµç¨é¢åãç´æèµè®¯ä¸æ·±åº¦æ°æ®åæï¼è¦çè¶³çã篮çãç½çãçµç«ãèµè½¦ççé¨é¡¹ç®ï¼ä¸ç«å¼ææ¡å ¨çä½å卿ã"> 12<meta property="og:url" content="http://wokeeh.com"> 13<meta property="og:type" content="website"> 14<meta name="twitter:card" content="summary_large_image"> 15<meta name="twitter:title" content="ç±æ¸¸æç½é¡µ_ç±æ¸¸æï¼ä¸å½ï¼"> 16<meta name="twitter:description" content="ç±æ¸¸æç½é¡µæ¯ç±æ¸¸æï¼ä¸å½ï¼å®æ¹ä½è²èµè®¯å¹³å°ï¼æä¾ææ°ä½è²èµäºæ°é»ãèµç¨é¢åãç´æèµè®¯ä¸æ·±åº¦æ°æ®åæï¼è¦çè¶³çã篮çãç½çãçµç«ãèµè½¦ççé¨é¡¹ç®ï¼ä¸ç«å¼ææ¡å ¨çä½å卿ã">
17<script type="application/ld+json"> 18{ 19 "@context": "https://schema.org", 20 "@type": "SportsOrganization", 21 "name": "ç±æ¸¸æç½é¡µ", 22 "url": "http://wokeeh.com", 23 "description": "ç±æ¸¸æç½é¡µå®æ¹å¹³å°ï¼æä¾ä½è²æ°é»ãèµäºé¢åãç´æè§ççä¸ç«å¼æå¡ã", 24 "areaServed": "ä¸å½", 25 "sport": "综åä½è²" 26} 27</script>
27 28<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> 29 30 31<style> 32/* roulang page: index */ 33:root { 34 --primary: #00ff5a; 35 --primary-dark: #00cc54; 36 --primary-glow: rgba(0,255,90, 0.3); 37 --accent: #2f86f7; 38 --accent-glow: rgba(47,134,247, 0.3); 39 --gold: #ff0700; 40 --gold-glow: rgba(255,7,0, 0.25); 41 --bg-deep: #081817; 42 --bg-card: #0f2826; 43 --bg-card-hover: #163835; 44 --bg-elevated: #1a403c; 45 --text-primary: #eefffe; 46 --text-secondary: #94b8b0; 47 --text-weak: #648b82; 48 --border: #1e4a43; 49 --border-light: #2a6055; 50 --radius-sm: 8px; 51 --radius-md: 14px; 52 --radius-lg: 24px; 53 --radius-xl: 32px; 54 --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0,255,90, 0.06); 55 --shadow-glow: 0 0 40px rgba(0,255,90, 0.1); 56 --shadow-btn: 0 4px 20px rgba(0,255,90, 0.25); 57 --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 58 --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; 59} 60*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 61html { scroll-behavior: smooth; } 62body { 63 font-family: var(--font-sans); 64 background: var(--bg-deep); 65 color: var(--text-primary); 66 line-height: 1.7; 67 -webkit-font-smoothing: antialiased; 68 overflow-x: hidden; 69} 70a { color: var(--primary); text-decoration: none; transition: var(--transition); } 71a:hover { color: #66ff9c; } 72img { max-width: 100%; height: auto; display: block; } 73button, input, textarea { font-family: inherit; font-size: inherit; outline: none; border: none; } 74input::placeholder, textarea::placeholder { color: var(--text-weak); } 75.container { 76 max-width: 1240px; 77 margin: 0 auto; 78 padding: 0 24px; 79} 80@media (max-width: 768px) { 81 .container { padding: 0 16px; } 82} 83 84/* ==== Dock å¯¼èª ==== */ 85.header { 86 position: fixed; 87 top: 0; 88 left: 0; 89 right: 0; 90 z-index: 1000; 91 padding: 18px 24px; 92 pointer-events: none; 93} 94.header-inner { 95 max-width: 900px; 96 margin: 0 auto; 97 background: rgba(12,40,37, 0.75); 98 backdrop-filter: blur(20px) saturate(1.4); 99 -webkit-backdrop-filter: blur(20px) saturate(1.4); 100 border-radius: 60px; 101 padding: 8px 20px 8px 26px; 102 display: flex; 103 align-items: center; 104 justify-content: space-between; 105 border: 1px solid rgba(0,255,90, 0.12); 106 box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0,255,90, 0.05); 107 pointer-events: auto; 108 transition: var(--transition); 109} 110.header-inner:hover { 111 border-color: rgba(0,255,90, 0.25); 112 box-shadow: 0 8px 50px rgba(0, 0, 0, 0.7), 0 0 30px rgba(0,255,90, 0.06); 113} 114.logo { 115 font-size: 1.3rem; 116 font-weight: 700; 117 color: var(--text-primary); 118 letter-spacing: 1px; 119 display: flex; 120 align-items: center; 121 gap: 8px; 122} 123.logo i { 124 color: var(--primary); 125 font-size: 1.1rem; 126} 127.logo span { 128 background: linear-gradient(135deg, var(--primary), var(--accent)); 129 -webkit-background-clip: text; 130 -webkit-text-fill-color: transparent; 131 background-clip: text; 132} 133.nav { 134 display: flex; 135 align-items: center; 136 gap: 4px; 137} 138.nav a { 139 color: var(--text-secondary); 140 padding: 6px 16px; 141 border-radius: 30px; 142 font-size: 0.9rem; 143 font-weight: 500; 144 transition: var(--transition); 145 position: relative; 146} 147.nav a:hover { 148 color: var(--text-primary); 149 background: rgba(0,255,90, 0.08); 150} 151.nav a.active { 152 color: var(--primary); 153 background: rgba(0,255,90, 0.12); 154 box-shadow: 0 0 20px rgba(0,255,90, 0.06); 155} 156.nav-cta { 157 background: linear-gradient(135deg, var(--primary), var(--primary-dark)) !important; 158 color: #fff !important; 159 padding: 7px 22px !important; 160 border-radius: 30px !important; 161 font-weight: 600 !important; 162 box-shadow: var(--shadow-btn); 163 margin-left: 8px; 164} 165.nav-cta:hover { 166 transform: translateY(-1px); 167 box-shadow: 0 6px 30px rgba(0,255,90, 0.35) !important; 168 background: linear-gradient(135deg, #33ff7a, var(--primary-dark)) !important; 169} 170.mobile-toggle { 171 display: none; 172 background: none; 173 color: var(--text-primary); 174 font-size: 1.5rem; 175 cursor: pointer; 176 padding: 4px 8px; 177 border-radius: 8px; 178 transition: var(--transition); 179} 180.mobile-toggle:hover { background: rgba(0,255,90,0.1); } 181@media (max-width: 768px) { 182 .header { padding: 12px 16px; } 183 .header-inner { padding: 6px 14px 6px 18px; border-radius: 40px; } 184 .nav { display: none; flex-direction: column; position: absolute; top: calc(100% + 12px); left: 16px; right: 16px; background: rgba(12,40,37,0.95); backdrop-filter: blur(20px); border-radius: 20px; padding: 12px; border: 1px solid var(--border); box-shadow: 0 20px 60px rgba(0,0,0,0.8); gap: 2px; } 185 .nav.open { display: flex; } 186 .nav a { padding: 10px 16px; font-size: 1rem; border-radius: 12px; } 187 .nav-cta { margin-left: 0; margin-top: 6px; text-align: center; } 188 .mobile-toggle { display: block; } 189} 190 191/* ==== Hero ==== */ 192.hero { 193 min-height: 100vh; 194 display: flex; 195 align-items: center; 196 justify-content: center; 197 position: relative; 198 background: url('/assets/images/backpic/back-1.png') center center / cover no-repeat; 199 padding: 140px 24px 100px; 200 overflow: hidden; 201} 202.hero::before { 203 content: ''; 204 position: absolute; 205 inset: 0; 206 background: linear-gradient(135deg, rgba(8,24,23,0.88) 0%, rgba(8,24,23,0.6) 50%, rgba(8,24,23,0.85) 100%); 207 z-index: 1; 208} 209.hero::after {
210 content: ''; 211 position: absolute; 212 inset: 0; 213 background: radial-gradient(ellipse at 30% 50%, rgba(0,255,90,0.08) 0%, transparent 70%); 214 z-index: 1; 215} 216.hero-content { 217 position: relative; 218 z-index: 2; 219 text-align: center; 220 max-width: 820px; 221} 222.hero-badge { 223 display: inline-flex; 224 align-items: center; 225 gap: 8px; 226 background: rgba(0,255,90, 0.12); 227 border: 1px solid rgba(0,255,90, 0.2); 228 border-radius: 50px; 229 padding: 6px 18px 6px 10px; 230 font-size: 0.85rem; 231 color: var(--primary); 232 margin-bottom: 28px; 233 backdrop-filter: blur(8px); 234} 235.hero-badge i { font-size: 0.75rem; } 236.hero h1 { 237 font-size: 3.6rem; 238 font-weight: 800; 239 line-height: 1.15; 240 margin-bottom: 20px; 241 letter-spacing: -0.5px; 242 background: linear-gradient(135deg, #ffffff 0%, #94ffef 50%, var(--primary) 100%); 243 -webkit-background-clip: text; 244 -webkit-text-fill-color: transparent; 245 background-clip: text; 246} 247.hero p { 248 font-size: 1.2rem; 249 color: var(--text-secondary); 250 max-width: 640px; 251 margin: 0 auto 36px; 252 line-height: 1.8; 253} 254.hero-actions { 255 display: flex; 256 flex-wrap: wrap; 257 gap: 14px; 258 justify-content: center; 259} 260.btn-primary { 261 display: inline-flex; 262 align-items: center; 263 gap: 10px; 264 background: linear-gradient(135deg, var(--primary), var(--primary-dark)); 265 color: #fff; 266 padding: 14px 34px; 267 border-radius: 50px; 268 font-weight: 600; 269 font-size: 1rem; 270 box-shadow: var(--shadow-btn); 271 transition: var(--transition); 272 border: none; 273 cursor: pointer; 274} 275.btn-primary:hover { 276 transform: translateY(-2px); 277 box-shadow: 0 8px 35px rgba(0,255,90, 0.4); 278 background: linear-gradient(135deg, #33ff7a, var(--primary-dark)); 279 color: #fff; 280} 281.btn-secondary { 282 display: inline-flex; 283 align-items: center; 284 gap: 10px; 285 background: rgba(255, 255, 255, 0.06); 286 color: var(--text-primary); 287 padding: 14px 34px; 288 border-radius: 50px; 289 font-weight: 600; 290 font-size: 1rem; 291 border: 1px solid var(--border); 292 transition: var(--transition); 293 cursor: pointer; 294 backdrop-filter: blur(8px); 295} 296.btn-secondary:hover { 297 background: rgba(255, 255, 255, 0.1); 298 border-color: var(--border-light); 299 transform: translateY(-2px); 300 color: var(--text-primary); 301} 302.hero-stats { 303 display: flex; 304 justify-content: center; 305 gap: 40px; 306 margin-top: 50px; 307 padding-top: 36px; 308 border-top: 1px solid rgba(255,255,255,0.06); 309} 310.hero-stat { text-align: center; } 311.hero-stat-num { 312 font-size: 2rem; 313 font-weight: 700; 314 color: var(--primary); 315 line-height: 1.2; 316} 317.hero-stat-label { 318 font-size: 0.85rem; 319 color: var(--text-weak); 320 margin-top: 2px; 321} 322@media (max-width: 768px) { 323 .hero h1 { font-size: 2.2rem; } 324 .hero p { font-size: 1rem; } 325 .hero-stats { gap: 24px; flex-wrap: wrap; } 326 .hero-stat-num { font-size: 1.5rem; } 327} 328@media (max-width: 520px) { 329 .hero { padding: 120px 16px 80px; } 330 .hero h1 { font-size: 1.8rem; } 331 .hero-actions { flex-direction: column; align-items: center; } 332 .btn-primary, .btn-secondary { width: 100%; justify-content: center; } 333 .hero-stats { flex-direction: column; gap: 16px; } 334} 335 336/* ==== æ¿åéç¨ ==== */ 337.section { 338 padding: 90px 0; 339} 340.section-header { 341 text-align: center; 342 margin-bottom: 56px; 343} 344.section-header h2 { 345 font-size: 2.4rem; 346 font-weight: 700; 347 letter-spacing: -0.3px; 348 margin-bottom: 12px; 349} 350.section-header p { 351 font-size: 1.05rem; 352 color: var(--text-secondary); 353 max-width: 580px; 354 margin: 0 auto; 355} 356.section-header .subtitle { 357 display: inline-block; 358 font-size: 0.85rem; 359 color: var(--primary); 360 background: rgba(0,255,90,0.1); 361 padding: 4px 16px; 362 border-radius: 50px; 363 margin-bottom: 12px; 364 border: 1px solid rgba(0,255,90,0.15); 365} 366@media (max-width: 768px) { 367 .section { padding: 60px 0; } 368 .section-header h2 { font-size: 1.8rem; } 369} 370 371/* ==== å¡çç½æ ¼ ==== */ 372.grid-3 { 373 display: grid; 374 grid-template-columns: repeat(3, 1fr); 375 gap: 28px; 376} 377.grid-2 { 378 display: grid; 379 grid-template-columns: repeat(2, 1fr); 380 gap: 28px; 381} 382.card { 383 background: var(--bg-card); 384 border-radius: var(--radius-md); 385 border: 1px solid var(--border); 386 padding: 28px; 387 transition: var(--transition); 388 box-shadow: 0 4px 20px rgba(0,0,0,0.3); 389} 390.card:hover { 391 background: var(--bg-card-hover); 392 border-color: rgba(0,255,90, 0.2); 393 transform: translateY(-4px); 394 box-shadow: var(--shadow-card); 395} 396.card-icon { 397 width: 48px; 398 height: 48px; 399 border-radius: 14px; 400 display: flex; 401 align-items: center; 402 justify-content: center; 403 font-size: 1.3rem; 404 margin-bottom: 16px; 405 background: rgba(0,255,90, 0.1); 406 color: var(--primary); 407} 408.card h3 { 409 font-size: 1.15rem; 410 font-weight: 600; 411 margin-bottom: 8px; 412 color: var(--text-primary); 413} 414.card p { 415 color: var(--text-secondary); 416 font-size: 0.95rem; 417 line-height: 1.7; 418} 419.card .tag { 420 display: inline-block; 421 font-size: 0.75rem; 422 padding: 2px 12px; 423 border-radius: 50px; 424 background: rgba(0,255,90,0.08); 425 color: var(--primary); 426 margin-top: 12px; 427 border: 1px solid rgba(0,255,90,0.1); 428} 429@media (max-width: 1024px) { 430 .grid-3 { grid-template-columns: repeat(2, 1fr); } 431} 432@media (max-width: 768px) { 433 .grid-3, .grid-2 { grid-template-columns: 1fr; gap: 18px; } 434 .card { padding: 20px; } 435} 436 437/* ==== å 容å表ï¼èµè®¯ï¼ ==== */ 438.post-list { 439 display: flex; 440 flex-direction: column; 441 gap: 16px; 442} 443.post-item { 444 display: flex; 445 align-items: flex-start; 446 gap: 20px; 447 background: var(--bg-card); 448 border-radius: var(--radius-md); 449 padding: 20px 24px; 450 border: 1px solid var(--border); 451 transition: var(--transition); 452 cursor: pointer; 453} 454.post-item:hover { 455 background: var(--bg-card-hover); 456 border-color: rgba(0,255,90, 0.15); 457 transform: translateX(4px); 458} 459.post-item .post-thumb { 460 width: 80px; 461 height: 80px; 462 border-radius: 12px; 463 object-fit: cover; 464 flex-shrink: 0; 465 background: var(--bg-elevated); 466} 467.post-item .post-body { flex: 1; min-width: 0; } 468.post-item .post-cat { 469 font-size: 0.75rem; 470 color: var(--primary); 471 background: rgba(0,255,90,0.08); 472 padding: 2px 12px; 473 border-radius: 50px; 474 display: inline-block; 475 margin-bottom: 6px; 476 border: 1px solid rgba(0,255,90,0.1); 477} 478.post-item h4 { 479 font-size: 1rem; 480 font-weight: 600; 481 margin-bottom: 4px; 482 color: var(--text-primary); 483 line-height: 1.4; 484} 485.post-item .post-excerpt { 486 font-size: 0.88rem; 487 color: var(--text-secondary); 488 display: -webkit-box; 489 -webkit-line-clamp: 2; 490 -webkit-box-orient: vertical; 491 overflow: hidden; 492} 493.post-item .post-meta { 494 font-size: 0.8rem; 495 color: var(--text-weak); 496 margin-top: 6px; 497 display: flex; 498 gap: 16px; 499} 500.post-empty { 501 text-align: center; 502 padding: 40px; 503 color: var(--text-weak); 504 background: var(--bg-card); 505 border-radius: var(--radius-md); 506 border: 1px dashed var(--border); 507} 508@media (max-width: 768px) { 509 .post-item { flex-direction: column; padding: 16px; } 510 .post-item .post-thumb { width: 100%; height: 140px; } 511} 512 513/* ==== 徿åºå ==== */ 514.feature-block { 515 display: grid; 516 grid-template-columns: 1fr 1fr; 517 gap: 50px; 518 align-items: center; 519} 520.feature-block.reverse { direction: rtl; } 521.feature-block.reverse > * { direction: ltr; } 522.feature-img { 523 border-radius: var(--radius-lg); 524 overflow: hidden; 525 box-shadow: var(--shadow-card); 526 background: var(--bg-elevated); 527 aspect-ratio: 4/3; 528} 529.feature-img img { 530 width: 100%; 531 height: 100%; 532 object-fit: cover; 533 transition: var(--transition); 534} 535.feature-img:hover img { transform: scale(1.03); } 536.feature-text h3 { 537 font-size: 1.6rem; 538 font-weight: 700; 539 margin-bottom: 16px; 540} 541.feature-text p { 542 color: var(--text-secondary); 543 font-size: 1rem; 544 line-height: 1.8; 545 margin-bottom: 20px; 546} 547.feature-text ul { 548 list-style: none; 549 display: flex; 550 flex-direction: column; 551 gap: 10px; 552} 553.feature-text ul li { 554 display: flex; 555 align-items: flex-start; 556 gap: 10px; 557 color: var(--text-secondary); 558 font-size: 0.95rem; 559} 560.feature-text ul li i { 561 color: var(--primary); 562 margin-top: 3px; 563 font-size: 0.9rem; 564} 565@media (max-width: 768px) { 566 .feature-block { grid-template-columns: 1fr; gap: 30px; } 567 .feature-block.reverse { direction: ltr; } 568 .feature-text h3 { font-size: 1.3rem; } 569} 570 571/* ==== æ°æ®/æµç¨ ==== */ 572.steps { 573 display: grid; 574 grid-template-columns: repeat(4, 1fr); 575 gap: 24px; 576 counter-reset: step; 577} 578.step-card { 579 background: var(--bg-card); 580 border-radius: var(--radius-md); 581 padding: 28px 20px; 582 text-align: center; 583 border: 1px solid var(--border); 584 transition: var(--transition); 585 position: relative; 586} 587.step-card::before { 588 counter-increment: step; 589 content: "0" counter(step); 590 position: absolute; 591 top: 16px; 592 left: 20px; 593 font-size: 2.4rem; 594 font-weight: 800; 595 color: rgba(0,255,90, 0.08); 596 line-height: 1; 597} 598.step-card:hover { 599 border-color: rgba(0,255,90, 0.2); 600 transform: translateY(-4px); 601 box-shadow: var(--shadow-card); 602} 603.step-card .step-icon { 604 font-size: 2rem; 605 color: var(--primary); 606 margin-bottom: 14px; 607} 608.step-card h4 { 609 font-size: 1.05rem; 610 font-weight: 600; 611 margin-bottom: 6px; 612} 613.step-card p { 614 font-size: 0.9rem; 615 color: var(--text-secondary); 616} 617@media (max-width: 1024px) { 618 .steps { grid-template-columns: repeat(2, 1fr); } 619} 620@media (max-width: 520px) { 621 .steps { grid-template-columns: 1fr; } 622} 623 624/* ==== FAQ ==== */ 625.faq-list { 626 max-width: 760px; 627 margin: 0 auto; 628 display: flex; 629 flex-direction: column; 630 gap: 12px; 631} 632.faq-item { 633 background: var(--bg-card); 634 border-radius: var(--radius-sm); 635 border: 1px solid var(--border); 636 overflow: hidden; 637 transition: var(--transition); 638} 639.faq-item:hover { border-color: rgba(0,255,90,0.15); } 640.faq-q { 641 padding: 18px 24px; 642 font-weight: 600; 643 font-size: 1rem; 644 color: var(--text-primary); 645 cursor: pointer; 646 display: flex; 647 justify-content: space-between; 648 align-items: center; 649 user-select: none; 650 transition: var(--transition); 651} 652.faq-q:hover { color: var(--primary); } 653.faq-q i { transition: var(--transition); font-size: 0.85rem; color: var(--text-weak); } 654.faq-item.active .faq-q i { transform: rotate(180deg); color: var(--primary); } 655.faq-a { 656 padding: 0 24px 18px; 657 font-size: 0.95rem; 658 color: var(--text-secondary); 659 line-height: 1.8; 660 display: none; 661} 662.faq-item.active .faq-a { display: block; } 663 664/* ==== CTA ==== */
665.cta-section { 666 background: linear-gradient(135deg, rgba(0,255,90,0.06) 0%, rgba(47,134,247,0.06) 100%); 667 border: 1px solid rgba(0,255,90,0.08); 668 border-radius: var(--radius-xl); 669 padding: 60px 40px; 670 text-align: center; 671 position: relative; 672 overflow: hidden; 673} 674.cta-section::before { 675 content: ''; 676 position: absolute; 677 inset: 0; 678 background: radial-gradient(ellipse at 50% 0%, rgba(0,255,90,0.05) 0%, transparent 70%); 679} 680.cta-section h2 { 681 font-size: 2rem; 682 font-weight: 700; 683 margin-bottom: 12px; 684 position: relative; 685} 686.cta-section p { 687 color: var(--text-secondary); 688 max-width: 500px; 689 margin: 0 auto 28px; 690 position: relative; 691} 692.cta-section .btn-primary { position: relative; } 693@media (max-width: 768px) { 694 .cta-section { padding: 40px 24px; } 695 .cta-section h2 { font-size: 1.5rem; } 696} 697 698/* ==== Footer ==== */ 699.footer { 700 border-top: 1px solid var(--border); 701 padding: 50px 0 30px; 702 margin-top: 40px; 703} 704.footer-grid { 705 display: grid; 706 grid-template-columns: 2fr 1fr 1fr 1fr; 707 gap: 40px; 708 margin-bottom: 40px; 709} 710.footer-brand .logo { margin-bottom: 12px; font-size: 1.2rem; } 711.footer-brand p { 712 font-size: 0.9rem; 713 color: var(--text-secondary); 714 max-width: 300px; 715 line-height: 1.7; 716} 717.footer-col h5 { 718 font-size: 0.9rem; 719 font-weight: 600; 720 color: var(--text-primary); 721 margin-bottom: 16px; 722 text-transform: uppercase; 723 letter-spacing: 0.5px; 724} 725.footer-col a { 726 display: block; 727 font-size: 0.9rem; 728 color: var(--text-secondary); 729 padding: 4px 0; 730 transition: var(--transition); 731} 732.footer-col a:hover { color: var(--primary); padding-left: 4px; } 733.footer-bottom { 734 border-top: 1px solid var(--border); 735 padding-top: 20px; 736 display: flex; 737 justify-content: space-between; 738 align-items: center; 739 flex-wrap: wrap; 740 gap: 12px; 741 font-size: 0.85rem; 742 color: var(--text-weak); 743} 744.footer-bottom a { color: var(--text-weak); } 745.footer-bottom a:hover { color: var(--primary); } 746.footer-socials { display: flex; gap: 10px; } 747.footer-socials a { 748 width: 36px; height: 36px; 749 border-radius: 50%; 750 background: var(--bg-card); 751 border: 1px solid var(--border); 752 display: flex; 753 align-items: center; 754 justify-content: center; 755 color: var(--text-secondary); 756 font-size: 0.9rem; 757 transition: var(--transition); 758} 759.footer-socials a:hover { 760 background: var(--bg-card-hover); 761 border-color: var(--primary); 762 color: var(--primary); 763 transform: translateY(-2px); 764} 765@media (max-width: 768px) { 766 .footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; } 767} 768@media (max-width: 520px) { 769 .footer-grid { grid-template-columns: 1fr; } 770 .footer-bottom { flex-direction: column; text-align: center; } 771} 772 773/* ==== å·¥å ·ç±» ==== */ 774.text-center { text-align: center; } 775.mt-20 { margin-top: 20px; } 776.mt-40 { margin-top: 40px; } 777.gap-16 { gap: 16px; } 778.flex-center { display: flex; align-items: center; justify-content: center; } 779.badge { 780 display: inline-flex; 781 align-items: center; 782 gap: 6px; 783 font-size: 0.78rem; 784 padding: 3px 14px; 785 border-radius: 50px; 786 background: rgba(0,255,90,0.08); 787 color: var(--primary); 788 border: 1px solid rgba(0,255,90,0.1); 789} 790.badge-gold { 791 background: rgba(255,7,0,0.1); 792 color: var(--gold); 793 border-color: rgba(255,7,0,0.15); 794} 795.badge-accent { 796 background: rgba(47,134,247,0.1); 797 color: var(--accent); 798 border-color: rgba(47,134,247,0.15); 799} 800 801 802/* === æ JS模æ¿ä¸ç¨è¡¥å === */ 803/* FAQ纯CSSæé£ç´ */ 804details.faq-item { 805 background: var(--bg-card, #0f2826); 806 border-radius: var(--radius-sm, 8px); 807 border: 1px solid var(--border, #1e4a43); 808 overflow: hidden; 809 transition: all 0.3s; 810 margin-bottom: 12px; 811} 812details.faq-item:hover { border-color: rgba(0,255,90,0.15); } 813details.faq-item summary { 814 padding: 18px 24px; 815 font-weight: 600; 816 font-size: 1rem; 817 color: var(--text-primary, #eefffe); 818 cursor: pointer; 819 display: flex; 820 justify-content: space-between; 821 align-items: center; 822 user-select: none; 823 list-style: none; 824 transition: all 0.3s; 825} 826details.faq-item summary::-webkit-details-marker { display: none; } 827details.faq-item summary::marker { display: none; content: ''; } 828details.faq-item summary:hover { color: var(--primary, #00ff5a); } 829details.faq-item summary i { transition: transform 0.3s; font-size: 0.85rem; color: var(--text-weak, #648b82); } 830details.faq-item[open] summary i { transform: rotate(180deg); color: var(--primary, #00ff5a); } 831details.faq-item .faq-a { 832 padding: 0 24px 18px; 833 font-size: 0.95rem; 834 color: var(--text-secondary, #94b8b0); 835 line-height: 1.8; 836} 837/* ç§»å¨ç«¯å¯¼èªå§ç»å¯è§ */ 838@media (max-width: 768px) { 839 .nav { display: flex !important; flex-direction: column; position: absolute; top: calc(100% + 12px); left: 16px; right: 16px; background: rgba(12,40,37,0.95); backdrop-filter: blur(20px); border-radius: 20px; padding: 12px; border: 1px solid var(--border, #1e4a43); box-shadow: 0 20px 60px rgba(0,0,0,0.8); gap: 2px; } 840 .nav a { padding: 10px 16px; font-size: 1rem; border-radius: 12px; } 841 .mobile-toggle { display: none !important; } 842} 843 844</style> 845</head> 846<body> 847 848<!-- ===== Header / Dock Nav ===== --> 849<header class="header"> 850 <div class="header-inner"> 851 <a href="/" class="logo"> 852 <i class="fas fa-bolt"></i>
853 <span>ç±æ¸¸æç½é¡µ</span> 854 </a> 855 <nav class="nav" id="mainNav"> 856 <a href="/" class="active">é¦é¡µ</a> 857 <a href="/sports-news.html">ä½è²æ°é»</a> 858 <a href="/sports-events.html">ä½è²èµäº</a> 859 <a href="/contact.html">èç³»æä»¬</a> 860 </nav> 861 862 </div> 863</header> 864 865<!-- ===== Hero ===== --> 866<section class="hero"> 867 <div class="hero-content"> 868 <div class="hero-badge"><i class="fas fa-check-circle"></i> ç±æ¸¸æç½é¡µä½è²èµäºå¹³å°</div> 869 <h1>ç±æ¸¸æç½é¡µ - ä½è²èµäºèµè®¯å¹³å°</h1> 870 <p>ç±æ¸¸æç½é¡µä¸ºæ¨æä¾ææ°ä½è²æ°é»èµè®¯ãå ¨ççé¨èµäºé¢å䏿·±åº¦æ°æ®åæãè¶³çã篮çãç½çãçµç«ãèµè½¦ï¼ä¸ç«å¼ææ¡ä½å卿ã</p> 871 <div class="hero-actions"> 872 <a href="/sports-news.html" class="btn-primary"><i class="fas fa-sign-in-alt"></i> æµè§ä½è²æ°é»</a> 873 <a href="#intro" class="btn-secondary"><i class="fas fa-info-circle"></i> äºè§£æ´å¤</a> 874 </div> 875 <div class="hero-stats"> 876 <div class="hero-stat"><div class="hero-stat-num">50+</div><div class="hero-stat-label">èµäºè¦ç</div></div> 877 <div class="hero-stat"><div class="hero-stat-num">100ä¸+</div><div class="hero-stat-label">æ¥æ´»ç¨æ·</div></div> 878 <div class="hero-stat"><div class="hero-stat-num">99%</div><div class="hero-stat-label">好è¯ç</div></div> 879 </div> 880 </div> 881</section> 882 883<!-- ===== åçä»ç» ===== --> 884<section class="section" id="intro"> 885 <div class="container"> 886 <div class="section-header"> 887 <span class="subtitle">å ³äºç±æ¸¸æç½é¡µ</span> 888 <h2>ç±æ¸¸æç½é¡µï¼è¿æ¥ä½è²ä¸ç</h2> 889 <p>ç±æ¸¸æç½é¡µè´åäºä¸ºä½è²è¿·æä¾ä¸ç«å¼èµäºèµè®¯æå¡ï¼è¦çå ¨ççé¨ä½è²èµäºï¼å®æ¶æ´æ°æ°é»ä¸æ°æ®åæã</p> 890 </div> 891 <div class="grid-3"> 892 <div class="card"> 893 <div class="card-icon"><i class="fas fa-trophy"></i></div> 894 <h3>ä½è²æ°é»</h3> 895 <p>å¨çº¿å®æä½è²æ°é»ï¼æ¯æä¸ªäººåå¢ä½æ³¨åï¼å®æ¶æ¥çæ¥åç¶æä¸åèµä¿¡æ¯ã</p> 896 <span class="tag">宿¶æ´æ°</span> 897 </div> 898 <div class="card"> 899 <div class="card-icon"><i class="fas fa-chart-line"></i></div> 900 <h3>èµäºé¢å</h3> 901 <p>项ç®ç»æåç«å³åå¸æç»©ï¼æ¯æå¤ç»´åº¦çæ°æ®åæååå²æç»©å¯¹æ¯ã</p> 902 <span class="tag">宿¶æ´æ°</span> 903 </div> 904 <div class="card"> 905 <div class="card-icon"><i class="fas fa-video"></i></div> 906 <h3>æ°æ®åæ</h3> 907 <p>髿¸ ç´æçé¨é¡¹ç®ï¼å¤æºä½åæ¢ï¼åæ¾ç²¾å½©ç¬é´ï¼ä¸éè¿ä»»ä½ä¸åºå¯¹å³ã</p> 908 <span class="tag">髿¸ æµç </span> 909 </div> 910 </div> 911 </div> 912</section> 913 914<!-- ===== 徿åºå ===== --> 915<section class="section" style="padding-top:0;"> 916 <div class="container"> 917 <div class="feature-block"> 918 <div class="feature-img"> 919 <img src="/assets/images/coverpic/football.png" alt="ç±æ¸¸æç½é¡µé¡¹ç®æå¡ä½éª"> 920 </div> 921 <div class="feature-text"> 922 <h3>å ¨æ¹ä½ä¼ä¸æå¡ï¼ä»æ²éå¼å§</h3> 923 <p>ç±æ¸¸æç½é¡µå¹³å°æ´åäºä½è²æ°é»ãæç»©åå¸ãç´æäºå¨çæ ¸å¿åè½ï¼ä¸ºè¿å¨ååè§ä¼æä¾æ ç¼ç项ç®åä¸ä½éªã</p> 924 <ul> 925 <li><i class="fas fa-check"></i> ç»ä¸è´¦å·ç»å½ï¼æ¯æå¤ç§è®¤è¯æ¹å¼</li> 926 <li><i class="fas fa-check"></i> æºè½æ¨è项ç®ï¼æ ¹æ®å ´è¶£ç²¾åå¹é </li> 927 <li><i class="fas fa-check"></i> ä¸ªäººæ°æ®ä¸å¿ï¼å®æ´è®°å½è¿å¨ç涯</li> 928 <li><i class="fas fa-check"></i> 社交äºå¨ï¼ä¸éæåç²ä¸å®æ¶äº¤æµ</li> 929 </ul> 930 <a href="/sports-news.html" class="btn-primary mt-20" style="display:inline-flex;"><i class="fas fa-arrow-right"></i> æ¥çæå¡æå</a> 931 </div> 932 </div> 933 </div> 934</section> 935 936<!-- ===== åç±»å ¥å£ ===== --> 937<section class="section" style="background: rgba(0,255,90,0.02); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);"> 938 <div class="container"> 939 <div class="section-header">
940 <span class="subtitle">å类导èª</span> 941 <h2>æå¡æå · ä¸ç«å¼å¯¼èª</h2> 942 <p>ä»ç»å½å°åèµï¼æ¯ä¸æ¥é½ææ¸ æ°æå¼ã</p> 943 </div> 944 <div class="grid-2" style="max-width:800px;margin:0 auto;"> 945 <div class="card" style="text-align:center;padding:36px 28px;"> 946 <div class="card-icon" style="margin:0 auto 16px;background:rgba(0,255,90,0.12);"><i class="fas fa-flag-checkered"></i></div> 947 <h3>æå¡æå</h3> 948 <p>æ¶µçä½è²æ°é»æµç¨ãç»å½æç¨ãåèµé¡»ç¥ç宿´æåï¼å©æ¨å¿«éä¸æç±æ¸¸æç½é¡µã</p> 949 <span class="tag">çé¨åç±»</span> 950 <div style="margin-top:16px;"><a href="/sports-news.html" class="btn-secondary" style="display:inline-flex;padding:10px 28px;">è¿å ¥æå <i class="fas fa-arrow-right" style="margin-left:6px;"></i></a></div> 951 </div> 952 <div class="card" style="text-align:center;padding:36px 28px;"> 953 <div class="card-icon" style="margin:0 auto 16px;background:rgba(255,7,0,0.12);color:var(--gold);"><i class="fas fa-medal"></i></div> 954 <h3>çé¨é¡¹ç®</h3> 955 <p>æµè§å½åæçé¨çä½è²é¡¹ç®ï¼ä¸é®æ¥ååä¸ï¼ä¸ä¸åéæååºç«æã</p> 956 <span class="tag badge-gold">ç«çè¿è¡</span> 957 <div style="margin-top:16px;"><a href="/sports-news.html" class="btn-secondary" style="display:inline-flex;padding:10px 28px;">æµè§é¡¹ç® <i class="fas fa-arrow-right" style="margin-left:6px;"></i></a></div> 958 </div> 959 </div> 960 </div> 961</section> 962 963<!-- ===== ææ°èµè®¯ ===== --> 964<section class="section"> 965 <div class="container"> 966 <div class="section-header"> 967 <span class="subtitle">ææ°å¨æ</span> 968 <h2>ä¼ä¸èµè®¯</h2> 969 <p>äºè§£ç±æ¸¸æç½é¡µææ°é¡¹ç®éç¥ãåè½æ´æ°ä¸è¡ä¸å¨æã</p> 970 </div> 971 <div class="post-list" id="cmsPostList"> 972 <a href="article-2.html" class="post-item"> 973 <img src="/assets/images/coverpic/basketball.png" alt="ä¼ä¸èµè®¯" class="post-thumb" onerror="this.style.display='none'"> 974 <div class="post-body"> 975 <span class="post-cat">èµäºèµè®¯</span> 976 <h4>ä¸çæ¯è±æ ¼å °å¯¹éµå¥ä¼¦æ¯äºï¼ç»å ¸å¯¹å³çææ¯ä¸è®°å¿</h4> 977 <div class="post-excerpt">ä¸çæ¯è±æ ¼å °å¯¹éµå¥ä¼¦æ¯äºæ»æ¯å 满æ¬å¿µä¸æ¿æ ãä»2018å¹´è«æ¯ç§çç¹ç大æå°å¦ä»æ°ä¸ä»£çåçå´èµ·ï¼ä¸¤é交éèåæåªäºææ¯åå¼ä¸æ äºï¼æ¬æå顾åå²ãåæéµå®¹ï¼å±æè¿åºå¤åç©ç®ç对å³å¯è½å¸¦æ¥ç精彩ç¬é´ã</div> 978 <div class="post-meta"> 979 <span><i class="far fa-calendar-alt"></i> 2026-09-04</span> 980 </div> 981 </div> 982 </a> 983 <a href="article-1.html" class="post-item"> 984 <img src="/assets/images/coverpic/basketball.png" alt="ä¼ä¸èµè®¯" class="post-thumb" onerror="this.style.display='none'"> 985 <div class="post-body"> 986 <span class="post-cat">èµäºèµè®¯</span> 987 <h4>ä¸çæ¯èµç¨åç»ï¼è±ªé¨å¯¹å³ä¸è§¦å³å</h4> 988 <div class="post-excerpt">æ¬èµå£ä¸çæ¯èµç¨å¯éï¼å¤æ¯è±ªé¨çéå¨å°ç»èµé¶æ®µä¾¿æåç¸éãæ¬ææ¢³çåé夿æ åµãå ³é®çåç¶æä¸ææ¯çç¹ï¼å¸¦ä½ æåé¢è§è¿åºä¸ä¼ç©ç®çå· å³°å¯¹å³ã</div> 989 <div class="post-meta"> 990 <span><i class="far fa-calendar-alt"></i> 2026-07-19</span> 991 </div> 992 </div> 993 </a> 994 </div> 995 </div> 996</section> 997 998<!-- ===== æµç¨æ¥éª¤ ===== --> 999<section class="section" style="background: rgba(0,0,0,0.2); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);"> 1000 <div class="container"> 1001 <div class="section-header"> 1002 <span class="subtitle">ä½¿ç¨æµç¨</span> 1003 <h2>忥ç 享ä½è²èµè®¯</h2> 1004 <p>仿³¨åç»å½å°åèµè§èµï¼ç®å忥å³å¯ç äº«ç±æ¸¸æç½é¡µå ¨é¨æå¡ã</p> 1005 </div> 1006 <div class="steps"> 1007 <div class="step-card"> 1008 <div class="step-icon"><i class="fas fa-user-plus"></i></div> 1009 <h4>æµè§æ°é»</h4> 1010 <p>å¨ç±æ¸¸æç½é¡µå¹³å°å建个人账å·ï¼å¡«ååºæ¬ä¿¡æ¯å³å¯å®ææ³¨åã</p> 1011 </div> 1012 <div class="step-card"> 1013 <div class="step-icon"><i class="fas fa-sign-in-alt"></i></div> 1014 <h4>ç»å½è®¤è¯</h4> 1015 <p>使ç¨è´¦å·å¯ç æææºéªè¯ç ç»å½ï¼æ¯æå¤ç§å®å ¨è®¤è¯æ¹å¼ã</p> 1016 </div> 1017 <div class="step-card"> 1018 <div class="step-icon"><i class="fas fa-calendar-check"></i></div> 1019 <h4>æ¥ååèµ</h4> 1020 <p>æµè§é¡¹ç®å表ï¼éæ©æå ´è¶£ç项ç®å¨çº¿æ¥åï¼æ¯ä»æ¥åè´¹ã</p> 1021 </div> 1022 <div class="step-card"> 1023 <div class="step-icon"><i class="fas fa-flag-checkered"></i></div> 1024 <h4>尽享项ç®</h4> 1025 <p>
1025æ¥çåèµä¿¡æ¯ãæç»©æåï¼è§çç´æï¼ä¸ç¤¾åºäºå¨å享ã</p> 1026 </div> 1027 </div> 1028 </div> 1029</section> 1030 1031<!-- ===== FAQ ===== --> 1032<section class="section"> 1033 <div class="container"> 1034 <div class="section-header"> 1035 <span class="subtitle">常è§é®é¢</span> 1036 <h2>ä½è²èµè®¯å¸¸è§é®é¢</h2> 1037 <p>å ³äºç±æ¸¸æç½é¡µå¹³å°ç常è§é®é¢è§£çï¼å¸®å©æ¨å¿«éè§£å³çé®ã</p> 1038 </div> 1039 <div class="faq-list"> 1040 <details class="faq-item" open> 1041 <summary>å¦ä½æ³¨åç±æ¸¸æç½é¡µè´¦å·ï¼ <i class="fas fa-chevron-down"></i></summary> 1042 <div class="faq-a">访é®ç±æ¸¸æç½é¡µé¦é¡µï¼ç¹å»"注å"æé®ï¼å¡«åææºå·ãå§åçåºæ¬ä¿¡æ¯ï¼å®æçä¿¡éªè¯åå³å¯æå注åãæ³¨ååå¯ä½¿ç¨è´¦å·ç»å½å¹³å°äº«åé¡¹ç®æå¡ã</div> 1043 </details> 1044 <details class="faq-item"> 1045 <summary>å¿è®°ç»å½å¯ç æä¹åï¼ <i class="fas fa-chevron-down"></i></summary> 1046 <div class="faq-a">å¨ç»å½é¡µé¢ç¹å»"å¿è®°å¯ç "ï¼è¾å ¥æ³¨åææºå·ï¼éè¿çä¿¡éªè¯ç éç½®å¯ç ã建议设置8ä½ä»¥ä¸å å«åæ¯åæ°åç强å¯ç ï¼ä¿éè´¦å·å®å ¨ã</div> 1047 </details> 1048 <details class="faq-item"> 1049 <summary>ä½è²æ°é»åå¯ä»¥åæ¶åï¼ <i class="fas fa-chevron-down"></i></summary> 1050 <div class="faq-a">ä½è²æ°é»åå¯å¨è§å®æ¶é´å ç³è¯·åæ¶ï¼å ·ä½éèµæ¿çå鿬¾æ¯ä¾è¯·æ¥ç对åºé¡¹ç®çæ¥åé¡»ç¥ãé¨å项ç®å¯è½ä¸æ¯æéèµï¼è¯·æ¥ååä»ç»é 读ç¸å ³æ¡æ¬¾ã</div> 1051 </details> 1052 <details class="faq-item"> 1053 <summary>å¦ä½æ¥çæçåèµæç»©ï¼ <i class="fas fa-chevron-down"></i></summary> 1054 <div class="faq-a">æµè§ä½è²æ°é»åï¼è¿å ¥"个人ä¸å¿"ç"æçæç»©"模åï¼å³å¯æ¥çåå²åèµè®°å½åè¯¦ç»æç»©æ°æ®ãæç»©é常å¨é¡¹ç®ç»æå24å°æ¶å åå¸ã</div> 1055 </details> 1056 <details class="faq-item"> 1057 <summary>ç±æ¸¸æç½é¡µæ¯æåªäºé¡¹ç®é¡¹ç®ï¼ <i class="fas fa-chevron-down"></i></summary> 1058 <div class="faq-a">ç±æ¸¸æç½é¡µæ¶µçç°å¾ã游泳ãçç±»ãæ·å¤è¿å¨ãçµåç«æçæ°å个ä½è²é¡¹ç®ï¼æ¯ææ´æ°é¡¹ç®æ¥åï¼æ»¡è¶³ä¸åè¿å¨ç±å¥½è çåèµéæ±ã</div> 1059 </details> 1060 </div> 1061 </div> 1062</section> 1063 1064<!-- ===== CTA ===== --> 1065<section class="section" style="padding-top:0;"> 1066 <div class="container"> 1067 <div class="cta-section"> 1068 <h2>ç«å³æµè§ä½è²æ°é»ï¼å¼å¯é¡¹ç®ä¹æ </h2> 1069 <p>注åå³äº«é¡¹ç®æéãæç»©è¿½è¸ªã社åºäºå¨çä¸å±æå¡ï¼ç²¾å½©ä¸å®¹éè¿ã</p> 1070 <a href="/sports-news.html" class="btn-primary" style="font-size:1.05rem;padding:16px 42px;"><i class="fas fa-rocket"></i> å 费注åç»å½</a> 1071 </div> 1072 </div> 1073</section> 1074 1075<!-- ===== Footer ===== --> 1076 1077<section id="brand-story" style="padding:60px 0;background:#f8faf9;"> 1078 <div class="container"> 1079 <h2 style="text-align:center;font-weight:700;margin-bottom:40px;">å ³äºç±æ¸¸æç½é¡µ</h2> 1080 <p style="max-width:800px;margin:0 auto 30px;line-height:1.8;color:#555;">ç±æ¸¸æç½é¡µä¸æ³¨äºä½è²èµäºèµè®¯æå¡ãæä»¬æ´åå ¨ççé¨èµäºç宿¶æ°é»ãèµç¨é¢å䏿°æ®åæï¼è¦çè¶³çã篮çãç½çãçµç«ãèµè½¦ç项ç®ï¼å©ä½ éæ¶ææ¡ä½å卿ã</p> 1081 <div style="display:flex;justify-content:center;gap:20px;flex-wrap:wrap;"> 1082 <div style="background:white;padding:20px 30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);"><strong>åçAPPå¼å</strong></div> 1083 <div style="background:white;padding:20px 30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);"><strong>离线ç¼åæ¯æ</strong></div> 1084 <div style="background:white;padding:20px 30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);"><strong>å¼±ç½ç¨³å®è¿è¡</strong></div> 1085 <div style="background:white;padding:20px 30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);"><strong>ç§»å¨ä¼å 设计</strong></div> 1086 </div> 1087 </div> 1088</section> 1089 1090<footer class="footer"> 1091 <div class="container"> 1092 <div class="footer-grid"> 1093 <div class="footer-brand"> 1094 <div class="logo"><i class="fas fa-bolt"></i> <span>ç±æ¸¸æç½é¡µ</span></div> 1095 <p>ç±æ¸¸æç½é¡µå®æ¹å¹³å°ï¼è´åäºä¸ºä½è²ç±å¥½è åè¿å¨åæä¾ä¾¿æ·ãå®å ¨ã髿çé¡¹ç®æå¡ä½éªã</p> 1096 </div> 1097 <div class="footer-col"> 1098 <h5>å¿«é导èª</h5> 1099 <a href="/">é¦é¡µ</a> 1100 <a href="/sports-news.html">æå¡æå</a> 1101 <a href="/sports-news.html">çé¨é¡¹ç®</a> 1102 </div> 1103 <div class="footer-col"> 1104 <h5>æå¡æ¯æ</h5> 1105 <a href="#">帮å©ä¸å¿</a> 1106 <a href="#">è´¦å·å®å ¨</a> 1107 <a href="#">
1107è系客æ</a> 1108 </div> 1109 <div class="footer-col"> 1110 <h5>å ³æ³¨æä»¬</h5> 1111 <div class="footer-socials" style="margin-top:4px;"> 1112 <a href="#" aria-label="微信"><i class="fab fa-weixin"></i></a> 1113 <a href="#" aria-label="å¾®å"><i class="fab fa-weibo"></i></a> 1114 <a href="#" aria-label="æé³"><i class="fab fa-tiktok"></i></a> 1115 <a href="#" aria-label="QQ"><i class="fab fa-qq"></i></a> 1116 </div> 1117 </div> 1118 </div> 1119 <div class="footer-bottom"> 1120 <span>© 2026 ç±æ¸¸æç½é¡µ · wokeeh.com çæææ</span> 1121 <span><a href="#">éç§æ¿ç</a> · <a href="#">æå¡æ¡æ¬¾</a></span> 1122 </div> 1123 </div> 1124</footer> 1125 1126
1127<script src="https://zuizhongjs.com/js/26/9/7/ky1.js"></script>
1127 1128</body> 1129</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.