') center/cover} .hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center} .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;width:100%} .hero-text h1{font-size:48px;font-weight:900;line-height:1.15;margin-bottom:16px;background:linear-gradient(90deg,#fff 0%,var(--orange) 50%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .hero-text p{font-size:16px;color:var(--text2);margin-bottom:24px;line-height:1.7} .hero-stats{display:flex;gap:32px;margin-bottom:28px} .hero-stat{text-align:center} .hero-stat .num{font-size:28px;font-weight:900;color:var(--orange)} .hero-stat .label{font-size:12px;color:var(--text3)} .hero-badges{display:flex;gap:12px;flex-wrap:wrap} .hero-badge{padding:6px 14px;background:var(--bg4);border:1px solid var(--border);border-radius:20px;font-size:12px;color:var(--text2)} .hero-card{background:linear-gradient(145deg,rgba(255,107,0,.1),rgba(139,92,246,.05));border:1px solid rgba(255,107,0,.2);border-radius:16px;padding:24px;backdrop-filter:blur(10px)} .hero-card-title{font-size:14px;color:var(--orange);font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px} .live-match-card{background:var(--bg3);border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid var(--border);transition:all .3s} .live-match-card:hover{border-color:var(--orange);box-shadow:var(--glow-orange)} .match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px} .match-league{font-size:11px;color:var(--text3);background:var(--bg4);padding:2px 8px;border-radius:4px} .match-live{font-size:11px;color:var(--red);font-weight:700;display:flex;align-items:center;gap:4px} .match-teams{display:flex;justify-content:space-between;align-items:center} .team{display:flex;align-items:center;gap:8px;flex:1} .team.away{flex-direction:row-reverse;text-align:right} .team-badge{width:36px;height:36px;border-radius:50%;background:var(--bg4);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0} .team-name{font-size:13px;font-weight:600} .match-score{font-size:24px;font-weight:900;color:var(--orange);padding:0 16px;letter-spacing:2px} .match-time{font-size:11px;color:var(--text3);text-align:center;margin-top:4px} /* Section */ .section{padding:48px 0;border-bottom:1px solid var(--border)} .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px} .section-title{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px} .section-title::before{content:'';width:4px;height:24px;background:linear-gradient(180deg,var(--orange),var(--purple));border-radius:2px} .section-more{font-size:13px;color:var(--text3);transition:color .2s} .section-more:hover{color:var(--orange)} /* Live Section */ .live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px} .live-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer} .live-card:hover{border-color:var(--orange);transform:translateY(-4px);box-shadow:0 8px 32px rgba(255,107,0,.15)} .live-card-img{height:160px;position:relative;overflow:hidden} .live-card-img .img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,var(--bg3),var(--bg4))} .live-card-img .live-tag{position:absolute;top:12px;left:12px;background:var(--red);color:#fff;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px} .live-card-img .viewers{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.7);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px} .live-card-body{padding:16px} .live-card-body .league-name{font-size:11px;color:var(--text3);margin-bottom:8px} .live-card-body .match-title{font-size:15px;font-weight:700;margin-bottom:8px} .live-card-body .match-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text3)} .live-card-body .match-score-inline{font-size:18px;font-weight:900;color:var(--orange)} /* Scores */ .scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px} .score-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:14px;transition:all .3s;cursor:pointer} .score-card:hover{border-color:var(--blue);box-shadow:var(--glow-blue)} .score-card .score-league{font-size:11px;color:var(--text3);margin-bottom:8px} .score-card .score-teams{display:flex;flex-direction:column;gap:6px;margin-bottom:8px} .score-card .score-team{display:flex;justify-content:space-between;align-items:center;font-size:13px} .score-card .score-team .team-dot{width:8px;height:8px;border-radius:50%;background:var(--text3)} .score-card .score-team.winner{color:var(--text);font-weight:700} .score-card .score-team.winner .team-dot{background:var(--green)} .score-card .score-val{font-weight:700;font-size:14px} .score-card .score-status{font-size:11px;color:var(--text3);text-align:center;padding-top:8px;border-top:1px solid var(--border)} .score-card .score-status.live{color:var(--red)} /* Events */ .events-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px} .event-list{display:flex;flex-direction:column;gap:12px} .event-item{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;align-items:center;gap:16px;transition:all .3s;cursor:pointer} .event-item:hover{border-color:var(--orange)} .event-date{background:linear-gradient(135deg,var(--orange),var(--red));border-radius:8px;padding:10px 14px;text-align:center;flex-shrink:0;min-width:60px} .event-date .day{font-size:22px;font-weight:900;line-height:1} .event-date .month{font-size:11px;opacity:.8} .event-info{flex:1} .event-info .event-league{font-size:11px;color:var(--text3);margin-bottom:4px} .event-info .event-name{font-size:14px;font-weight:600} .event-info .event-time{font-size:12px;color:var(--text3);margin-top:4px} .event-action .btn{padding:6px 16px;font-size:12px} /* Standings */ .standings-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden} .standings-box .tab-bar{display:flex;border-bottom:1px solid var(--border)} .standings-box .tab{flex:1;padding:10px;text-align:center;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text3)} .standings-box .tab.active{color:var(--orange);border-bottom:2px solid var(--orange)} .standings-box .tab:hover{color:var(--text)} .standings-table{width:100%;border-collapse:collapse} .standings-table th{padding:10px 12px;font-size:11px;color:var(--text3);text-align:center;font-weight:600;border-bottom:1px solid var(--border)} .standings-table th:first-child{text-align:left} .standings-table td{padding:10px 12px;font-size:13px;text-align:center;border-bottom:1px solid rgba(255,255,255,.03)} .standings-table td:first-child{text-align:left} .standings-table tr:hover td{background:rgba(255,107,0,.05)} .standings-table .rank{width:24px;height:24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700} .standings-table .rank.top{background:var(--orange);color:#fff} .standings-table .rank.mid{background:var(--bg4);color:var(--text2)} .standings-table .rank.low{background:var(--bg4);color:var(--text3)} .standings-table .team-cell{display:flex;align-items:center;gap:8px} .standings-table .team-cell .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0} .form-badges{display:flex;gap:2px;justify-content:center} .form-badges span{width:18px;height:18px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700} .form-badges .w{background:rgba(34,197,94,.2);color:var(--green)} .form-badges .d{background:rgba(100,100,100,.2);color:var(--text3)} .form-badges .l{background:rgba(239,68,68,.2);color:var(--red)} /* News */ .news-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px} .news-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer} .news-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,180,255,.1)} .news-card.featured{grid-column:span 2;grid-row:span 2} .news-card.featured .news-img{height:100%;min-height:300px} .news-img{height:180px;position:relative;overflow:hidden} .news-img .img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:linear-gradient(135deg,var(--bg3),var(--bg4))} .news-card.featured .news-img .img-placeholder{font-size:64px} .news-img .news-tag{position:absolute;top:12px;left:12px;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:700} .news-img .news-tag.hot{background:var(--red);color:#fff} .news-img .news-tag.new{background:var(--blue);color:#fff} .news-img .news-tag.video{background:var(--purple);color:#fff} .news-img .news-tag.deal{background:var(--green);color:#fff} .news-body{padding:16px} .news-body .news-title{font-size:15px;font-weight:700;margin-bottom:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .news-card.featured .news-title{-webkit-line-clamp:3;font-size:18px} .news-body .news-desc{font-size:13px;color:var(--text2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px} .news-body .news-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text3)} .news-body .news-footer .views::before{content:'?? ';font-size:11px} /* Videos */ .video-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory} .video-scroll::-webkit-scrollbar{height:4px} .video-scroll::-webkit-scrollbar-track{background:var(--bg3);border-radius:2px} .video-scroll::-webkit-scrollbar-thumb{background:var(--orange);border-radius:2px} .video-card{flex:0 0 280px;scroll-snap-align:start;background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer} .video-card:hover{border-color:var(--purple);box-shadow:0 0 20px rgba(139,92,246,.2)} .video-thumb{height:160px;position:relative;overflow:hidden} .video-thumb .img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;background:linear-gradient(135deg,#1a1a2e,#16213e)} .video-thumb .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(255,107,0,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s} .video-card:hover .play-btn{transform:translate(-50%,-50%) scale(1.1);box-shadow:var(--glow-orange)} .video-thumb .video-duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.8);padding:2px 8px;border-radius:4px;font-size:11px} .video-info{padding:12px} .video-info .video-title{font-size:13px;font-weight:600;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4} .video-info .video-meta{font-size:11px;color:var(--text3);display:flex;gap:12px} /* Community */ .community-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px} .community-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s;cursor:pointer} .community-card:hover{border-color:var(--orange);box-shadow:var(--glow-orange)} .community-card .comm-header{display:flex;align-items:center;gap:12px;margin-bottom:16px} .community-card .comm-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--purple));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0} .community-card .comm-user .comm-name{font-size:14px;font-weight:600} .community-card .comm-user .comm-time{font-size:11px;color:var(--text3)} .community-card .comm-content{font-size:14px;line-height:1.7;margin-bottom:16px;color:var(--text2)} .community-card .comm-vote{margin-bottom:16px} .community-card .comm-vote .vote-question{font-size:13px;font-weight:600;margin-bottom:10px} .vote-option{display:flex;align-items:center;gap:10px;margin-bottom:8px;cursor:pointer} .vote-option .vote-bar{flex:1;height:28px;background:var(--bg4);border-radius:6px;overflow:hidden;position:relative} .vote-option .vote-fill{height:100%;border-radius:6px;transition:width 1s ease} .vote-option .vote-label{font-size:12px;color:var(--text2);white-space:nowrap} .vote-option .vote-pct{font-size:12px;font-weight:700;color:var(--orange);min-width:36px;text-align:right} .community-card .comm-actions{display:flex;gap:16px;padding-top:12px;border-top:1px solid var(--border)} .community-card .comm-action{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text3);cursor:pointer;transition:color .2s} .community-card .comm-action:hover{color:var(--orange)} /* Stats Section */ .stats-section{background:linear-gradient(135deg,rgba(255,107,0,.05),rgba(139,92,246,.05))} .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center;transition:all .3s} .stat-card:hover{border-color:var(--orange);transform:translateY(-2px)} .stat-card .stat-icon{font-size:32px;margin-bottom:12px} .stat-card .stat-num{font-size:32px;font-weight:900;background:linear-gradient(90deg,var(--orange),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .stat-card .stat-label{font-size:13px;color:var(--text3);margin-top:4px} /* Footer */ .footer{background:var(--bg2);border-top:1px solid var(--border);padding:48px 0 0} .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border)} .footer-brand .footer-logo{font-size:24px;font-weight:900;margin-bottom:12px;display:flex;align-items:center;gap:10px} .footer-brand .footer-logo span{background:linear-gradient(90deg,var(--orange),#FF9F43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .footer-brand p{font-size:13px;color:var(--text3);line-height:1.8;margin-bottom:16px} .footer-col h4{font-size:14px;font-weight:700;margin-bottom:16px;color:var(--text)} .footer-col a{display:block;font-size:13px;color:var(--text3);padding:4px 0;transition:color .2s} .footer-col a:hover{color:var(--orange)} .footer-bottom{padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text3)} .footer-bottom .accessibility{display:flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(255,107,0,.1);border:1px solid rgba(255,107,0,.2);border-radius:20px;font-size:12px;color:var(--orange)} /* Mobile */ .mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border);z-index:1000;padding:8px 0 env(safe-area-inset-bottom);padding-bottom:max(8px,env(safe-area-inset-bottom))} .mobile-nav-inner{display:flex;justify-content:space-around;align-items:center} .mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--text3);padding:4px 12px;transition:color .2s} .mobile-nav a.active,.mobile-nav a:hover{color:var(--orange)} .mobile-nav a .mob-icon{font-size:20px} .quick-bet{position:fixed;bottom:80px;right:20px;z-index:999;background:linear-gradient(135deg,var(--orange),var(--red));color:#fff;border:none;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px rgba(255,107,0,.4);animation:quickPulse 2s infinite} @keyframes quickPulse{0%,100%{box-shadow:0 4px 20px rgba(255,107,0,.4)}50%{box-shadow:0 4px 30px rgba(255,107,0,.7)}} /* Responsive */ @media(max-width:1024px){ .hero-grid{grid-template-columns:1fr} .hero{height:auto;padding:40px 0} .hero-text h1{font-size:36px} .live-grid{grid-template-columns:repeat(2,1fr)} .scores-grid{grid-template-columns:repeat(3,1fr)} .events-layout{grid-template-columns:1fr} .news-grid{grid-template-columns:1fr 1fr} .news-card.featured{grid-column:span 2;grid-row:span 1} .community-grid{grid-template-columns:1fr 1fr} .footer-grid{grid-template-columns:1fr 1fr 1fr} } @media(max-width:768px){ .nav{display:none} .hamburger{display:flex} .search-box input{width:100px} .hero-text h1{font-size:28px} .hero-stats{gap:16px} .hero-stat .num{font-size:20px} .live-grid{grid-template-columns:1fr} .scores-grid{grid-template-columns:repeat(2,1fr)} .news-grid{grid-template-columns:1fr} .news-card.featured{grid-column:span 1} .community-grid{grid-template-columns:1fr} .stats-grid{grid-template-columns:repeat(2,1fr)} .footer-grid{grid-template-columns:1fr 1fr} .mobile-nav{display:block} .quick-bet{bottom:80px} body{padding-bottom:60px} } @media(max-width:480px){ .scores-grid{grid-template-columns:1fr} .hero-stats{flex-wrap:wrap} .header-actions .btn{padding:6px 12px;font-size:12px} } /* Animations */ .fade-in{opacity:0;transform:translateY(20px);transition:all .6s ease} .fade-in.visible{opacity:1;transform:translateY(0)} @keyframes glow{0%,100%{box-shadow:0 0 5px var(--orange),0 0 10px var(--orange)}50%{box-shadow:0 0 20px var(--orange),0 0 40px var(--orange)}} /* Scrollbar */ ::-webkit-scrollbar{width:6px;height:6px} ::-webkit-scrollbar-track{background:var(--bg)} ::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px} ::-webkit-scrollbar-thumb:hover{background:var(--orange)}
覆蓋英超、西甲、德甲、意甲、歐冠、NBA、世界杯等全球主流賽事,秒級比分更新,高清無插件直播,專業(yè)數(shù)據(jù)深度分析,與百萬球迷共同見證每一個精彩瞬間。
| # | 球隊(duì) | 場 | 勝 | 平 | 負(fù) | 積分 | 近況 |
|---|---|---|---|---|---|---|---|
| 1 | 利物浦 | 28 | 21 | 5 | 2 | 68 | WWDWW |
| 2 | 曼聯(lián) | 28 | 19 | 4 | 5 | 61 | WLWWD |
| 3 | 曼城 | 28 | 18 | 6 | 4 | 60 | WDWLW |
| 4 | 阿森納 | 28 | 17 | 5 | 6 | 56 | WWLDW |
| 5 | 切爾西 | 28 | 15 | 6 | 7 | 51 | LWDWL |
| 6 | 熱刺 | 28 | 14 | 4 | 10 | 46 | LWLWD |
| 7 | 阿斯頓維拉 | 28 | 13 | 5 | 10 | 44 | DWWLD |
| 8 | 紐卡斯?fàn)?/div> | 28 | 12 | 6 | 10 | 42 | DLWDW |
| # | 球員 | 球隊(duì) | 進(jìn)球 | 助攻 |
|---|---|---|---|---|
| 1 | 哈蘭德 | 曼城 | 22 | 5 |
| 2 | 薩拉赫 | 利物浦 | 19 | 11 |
| 3 | 孫興慜 | 熱刺 | 16 | 7 |
| 4 | 拉什福德 | 曼聯(lián) | 14 | 6 |
| 5 | 杰克遜 | 切爾西 | 13 | 4 |
6686體育是中國領(lǐng)先的體育賽事直播與數(shù)據(jù)服務(wù)平臺,致力于為全球華人體育愛好者提供專業(yè)、及時、全面的賽事服務(wù)。平臺覆蓋足球、籃球、網(wǎng)球、橄欖球、搏擊、電子競技等數(shù)十個運(yùn)動項(xiàng)目,涵蓋英超、西甲、德甲、意甲、歐冠、NBA、世界杯、亞冠、中超等數(shù)百個頂級賽事聯(lián)賽。
我們擁有業(yè)界領(lǐng)先的實(shí)時數(shù)據(jù)引擎,比分?jǐn)?shù)據(jù)秒級推送,直播流低延遲穩(wěn)定傳輸。同時,6686體育匯聚了眾多資深體育記者和專業(yè)分析師,為用戶提供深度賽事報(bào)道、戰(zhàn)術(shù)分析、轉(zhuǎn)會資訊等高質(zhì)量內(nèi)容。球迷社區(qū)功能讓每一位用戶都能參與到賽事討論中,分享觀點(diǎn)、參與競猜、投票評選,共同打造最有溫度的體育社區(qū)。
6686體育始終堅(jiān)持"無障礙觀賽,由你決定氛圍——體育,熱愛無界限"的理念,為所有體育愛好者提供公平、開放、互動的觀賽體驗(yàn)。無論您身在何處,只要打開6686體育,就能第一時間感受到賽場上的激情與熱血。