<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>韦德官方网站 - 智能体育·健康未来</title>
<meta name="description" content="韦德官方网站, 韦德体育, 韦德智能装备, 韦德健身, 韦德官方入口, 韦德品牌">
<meta name="keywords" content="韦德官方">
<style>
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0A0A0A;--bg2:#111111;--bg3:#1A1A1A;--bg4:#222222;--orange:#FF6A00;--blue:#00A8FF;--purple:#8B5CF6;--red:#FF3B3B;--green:#00E676;--text:#FFFFFF;--text2:#AAAAAA;--text3:#666666;--border:#2A2A2A;--glow-orange:0 0 20px rgba(255,106,0,0.4);--glow-blue:0 0 20px rgba(0,168,255,0.4)}
body{background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
ul{list-style:none}
.container{max-width:1280px;margin:0 auto;padding:0 16px}
/* HEADER */
.header{background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}
.header-inner{display:flex;align-items:center;height:60px;gap:16px}
.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:900;white-space:nowrap}
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--orange),var(--purple));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff}
.logo span{background:linear-gradient(90deg,var(--orange),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav{display:flex;gap:4px;margin-left:24px}
.nav a{padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600;color:var(--text2);transition:all .2s;white-space:nowrap}
.nav a:hover,.nav a.active{color:var(--text);background:var(--bg3)}
.nav a.active{color:var(--orange)}
.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.search-box{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:6px 12px;gap:6px;width:200px;transition:border-color .2s}
.search-box:focus-within{border-color:var(--orange)}
.search-box input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:140px}
.search-box input::placeholder{color:var(--text3)}
.search-icon{width:16px;height:16px;opacity:0.5}
.btn-login{padding:6px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text2);font-size:13px;cursor:pointer;transition:all .2s}
.btn-login:hover{border-color:var(--orange);color:var(--orange)}
.btn-register{padding:6px 16px;border-radius:20px;background:linear-gradient(135deg,var(--orange),#FF8C00);color:#fff;font-size:13px;font-weight:700;cursor:pointer;border:none;transition:all .2s}
.btn-register:hover{box-shadow:var(--glow-orange);transform:translateY(-1px)}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:8px}
/* TICKER */
.ticker{background:var(--bg2);border-bottom:1px solid var(--border);overflow:hidden;height:40px;display:flex;align-items:center}
.ticker-label{background:linear-gradient(135deg,var(--orange),#FF8C00);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:0 20px 20px 0;margin-left:16px;white-space:nowrap;letter-spacing:1px}
.ticker-track{display:flex;animation:ticker 40s linear infinite;gap:32px;padding-left:20px;white-space:nowrap}
.ticker-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text2)}
.ticker-item .team{color:var(--text);font-weight:600}
.ticker-item .score{background:var(--bg4);padding:2px 8px;border-radius:4px;font-weight:700;color:var(--orange);font-size:12px}
.ticker-item .live-dot{width:6px;height:6px;background:var(--red);border-radius:50%;animation:pulse 1.5s infinite}
.ticker-item .league{font-size:11px;color:var(--text3)}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}
/* HERO */
.hero{position:relative;height:420px;overflow:hidden;background:var(--bg2)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0A0A0A 0%,#1a0a00 50%,#0A0A0A 100%);z-index:1}
.hero-bg::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%23FF6A00;stop-opacity:0.15'/%3E%3Cstop offset='100%25' style='stop-color:%238B5CF6;stop-opacity:0.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='%230A0A0A' width='800' height='400'/%3E%3Ccircle cx='650' cy='200' r='180' fill='url(%23g)'/%3E%3Ccircle cx='200' cy='300' r='120' fill='url(%23g)'/%3E%3C/svg%3E") center/cover;z-index:0}
.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;gap:40px}
.hero-left{flex:1}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,106,0,0.15);border:1px solid rgba(255,106,0,0.3);padding:4px 12px;border-radius:20px;font-size:12px;color:var(--orange);font-weight:600;margin-bottom:16px}
.hero-badge .dot{width:6px;height:6px;background:var(--red);border-radius:50%;animation:pulse 1.5s infinite}
.hero h1{font-size:42px;font-weight:900;line-height:1.2;margin-bottom:12px}
.hero h1 .grad{background:linear-gradient(90deg,var(--orange),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{color:var(--text2);font-size:16px;margin-bottom:24px;max-width:480px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary{padding:12px 28px;background:linear-gradient(135deg,var(--orange),#FF8C00);color:#fff;font-weight:700;border-radius:8px;border:none;cursor:pointer;font-size:14px;transition:all .3s;display:inline-flex;align-items:center;gap:8px}
.btn-primary:hover{box-shadow:var(--glow-orange);transform:translateY(-2px)}
.btn-secondary{padding:12px 28px;background:var(--bg3);color:var(--text);font-weight:600;border-radius:8px;border:1px solid var(--border);cursor:pointer;font-size:14px;transition:all .3s;display:inline-flex;align-items:center;gap:8px}
.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}
.hero-right{width:380px;flex-shrink:0}
.hero-card{background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:20px;position:relative;overflow:hidden}
.hero-card::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,106,0,0.05) 0%,transparent 60%);pointer-events:none}
.hero-card-title{font-size:12px;color:var(--text3);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;display:flex;align-items:center;gap:6px}
.hero-card-title .live{color:var(--red);animation:pulse 1.5s infinite}
.match-card{background:var(--bg4);border-radius:12px;padding:16px;margin-bottom:10px;transition:border-color .2s}
.match-card:last-child{margin-bottom:0}
.match-card:hover{border-color:rgba(255,106,0,0.3)}
.match-league{font-size:11px;color:var(--text3);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.match-league .live-tag{background:var(--red);color:#fff;font-size:10px;padding:1px 6px;border-radius:3px;font-weight:700}
.match-teams{display:flex;align-items:center;justify-content:space-between;gap:12px}
.match-team{display:flex;align-items:center;gap:8px;flex:1}
.match-team.right{flex-direction:row-reverse;text-align:right}
.team-logo{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}
.team-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.match-score{display:flex;align-items:center;gap:6px;font-size:20px;font-weight:900;color:var(--orange);flex-shrink:0}
.match-score span{color:var(--text3);font-size:14px}
.match-time{font-size:11px;color:var(--text3);text-align:center;margin-top:4px}
/* SECTION */
.section{padding:32px 0;border-bottom:1px solid var(--border)}
.section:last-child{border-bottom:none}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.section-title{font-size:20px;font-weight:800;display:flex;align-items:center;gap:10px}
.section-title .icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}
.section-title .line{width:40px;height:3px;background:linear-gradient(90deg,var(--orange),transparent);border-radius:2px}
.section-more{color:var(--text3);font-size:13px;display:flex;align-items:center;gap:4px;transition:color .2s}
.section-more:hover{color:var(--orange)}
/* LIVE SECTION */
.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.live-card{background:var(--bg3);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,106,0,0.15)}
.live-card-thumb{position:relative;height:160px;overflow:hidden}
.live-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.live-card:hover .live-card-thumb img{transform:scale(1.05)}
.live-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:12px}
.live-badge{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}
.live-badge .dot{width:5px;height:5px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}
.viewers{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}
.live-card-info{padding:12px}
.live-card-match{font-size:14px;font-weight:700;margin-bottom:4px}
.live-card-meta{font-size:12px;color:var(--text3);display:flex;align-items:center;gap:8px}
/* SCORES */
.scores-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.score-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px;transition:all .2s;cursor:pointer}
.score-card:hover{border-color:var(--blue);background:var(--bg4)}
.score-card.live{border-color:rgba(255,59,59,0.4)}
.score-league{font-size:11px;color:var(--text3);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}
.score-league .status{font-size:10px;padding:1px 6px;border-radius:3px;font-weight:700}
.score-league .status.live{background:rgba(255,59,59,0.2);color:var(--red)}
.score-league .status.ft{background:rgba(100,100,100,0.2);color:var(--text3)}
.score-league .status.up{background:rgba(0,168,255,0.2);color:var(--blue)}
.score-teams{display:flex;flex-direction:column;gap:6px}
.score-team{display:flex;align-items:center;justify-content:space-between;gap:8px}
.score-team .name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}
.score-team .logo{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.score-team .pts{font-size:14px;font-weight:800}
.score-team .pts.win{color:var(--orange)}
.score-time{font-size:11px;color:var(--text3);text-align:center;margin-top:6px}
/* SCHEDULE */
.schedule-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.schedule-panel{background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.panel-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.panel-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
.panel-body{padding:8px}
.schedule-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:8px;transition:background .2s;cursor:pointer}
.schedule-item:hover{background:var(--bg4)}
.sch-time{font-size:12px;color:var(--text3);width:48px;flex-shrink:0}
.sch-league{font-size:11px;color:var(--text3);width:60px;flex-shrink:0}
.sch-teams{flex:1;font-size:13px;font-weight:600}
.sch-action{font-size:12px;color:var(--blue);cursor:pointer;padding:4px 10px;border:1px solid var(--blue);border-radius:4px;transition:all .2s;flex-shrink:0}
.sch-action:hover{background:var(--blue);color:#fff}
/* NEWS */
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.news-main{grid-row:span 2}
.news-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s;cursor:pointer}
.news-card:hover{border-color:var(--orange);transform:translateY(-2px)}
.news-thumb{position:relative;height:200px;overflow:hidden}
.news-main .news-thumb{height:100%}
.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.news-card:hover .news-thumb img{transform:scale(1.05)}
.news-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px}
.news-tag{display:inline-flex;background:linear-gradient(135deg,var(--orange),var(--purple));color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;width:fit-content;margin-bottom:8px}
.news-title{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:6px}
.news-main .news-title{font-size:20px}
.news-meta{font-size:12px;color:var(--text3);display:flex;gap:12px}
.news-side{display:flex;flex-direction:column;gap:12px}
.news-side .news-card{display:flex;flex-direction:row}
.news-side .news-thumb{width:140px;min-width:140px;height:auto}
.news-side .news-thumb-overlay{position:relative;min-height:100px}
.news-side .news-content{padding:12px 14px;display:flex;flex-direction:column;justify-content:center;flex:1}
.news-side .news-title{font-size:14px}
/* STANDINGS */
.standings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.standings-panel{background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.standings-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.standings-header h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}
.standings-tabs{display:flex;gap:4px}
.standings-tabs button{padding:3px 10px;border-radius:4px;font-size:11px;background:var(--bg4);border:none;color:var(--text3);cursor:pointer;transition:all .2s}
.standings-tabs button.active{background:var(--orange);color:#fff}
.standings-table{padding:8px}
.standings-table table{width:100%;border-collapse:collapse}
.standings-table th{font-size:11px;color:var(--text3);text-align:center;padding:6px 4px;font-weight:600;border-bottom:1px solid var(--border)}
.standings-table th:first-child,.standings-table td:first-child{text-align:left}
.standings-table td{padding:8px 4px;font-size:13px;text-align:center;border-bottom:1px solid rgba(42,42,42,0.5)}
.standings-table tr:hover td{background:var(--bg4)}
.standings-table .rank{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.standings-table .rank.top{background:rgba(255,106,0,0.2);color:var(--orange)}
.standings-table .rank.mid{background:rgba(0,168,255,0.15);color:var(--blue)}
.standings-table .rank.low{background:rgba(100,100,100,0.15);color:var(--text3)}
.standings-table .team-cell{display:flex;align-items:center;gap:6px;font-weight:600}
.standings-table .team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
/* 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(--border);border-radius:2px}
.video-card{min-width:240px;scroll-snap-align:start;background:var(--bg3);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .3s;cursor:pointer}
.video-card:hover{border-color:var(--purple);transform:translateY(-3px)}
.video-thumb{position:relative;height:135px;overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.video-card:hover .video-thumb img{transform:scale(1.08)}
.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.play-btn{width:44px;height:44px;background:rgba(0,0,0,0.7);border:2px solid rgba(255,255,255,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}
.video-card:hover .play-btn{background:var(--orange);border-color:var(--orange);transform:scale(1.1)}
.video-duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,0.8);color:#fff;font-size:11px;padding:1px 6px;border-radius:3px}
.video-info{padding:10px 12px}
.video-title{font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.video-meta{font-size:11px;color:var(--text3);display:flex;gap:8px}
/* COMMUNITY */
.community-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.poll-card{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:20px}
.poll-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.poll-title{font-size:16px;font-weight:700}
.poll-badge{font-size:11px;color:var(--orange);background:rgba(255,106,0,0.1);padding:2px 8px;border-radius:10px}
.poll-option{margin-bottom:12px}
.poll-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:13px}
.poll-bar-bg{height:8px;background:var(--bg4);border-radius:4px;overflow:hidden}
.poll-bar{height:100%;border-radius:4px;transition:width 1s ease;background:linear-gradient(90deg,var(--orange),var(--purple))}
.poll-bar.blue{background:linear-gradient(90deg,var(--blue),var(--purple))}
.poll-votes{font-size:11px;color:var(--text3)}
.poll-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}
.poll-btn{padding:8px 20px;background:linear-gradient(135deg,var(--orange),#FF8C00);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:13px;transition:all .2s}
.poll-btn:hover{box-shadow:var(--glow-orange)}
.chat-sidebar{background:var(--bg3);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%}
.chat-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.chat-header h3{font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}
.chat-header .online{font-size:11px;color:var(--green)}
.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px;max-height:320px}
.chat-msg{display:flex;gap:8px;align-items:flex-start}
.chat-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.chat-bubble{background:var(--bg4);border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.5;max-width:85%}
.chat-bubble .name{font-size:11px;color:var(--orange);font-weight:600;margin-bottom:2px}
.chat-input-area{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px}
.chat-input{flex:1;background:var(--bg4);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text);font-size:12px;outline:none}
.chat-input:focus{border-color:var(--orange)}
.chat-send{background:var(--orange);border:none;color:#fff;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:12px;font-weight:700}
/* FOOTER */
.footer{background:var(--bg2);border-top:1px solid var(--border);padding:40px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:32px}
.footer-brand .logo{margin-bottom:12px}
.footer-brand p{color:var(--text3);font-size:13px;line-height:1.8;margin-bottom:16px}
.footer-social{display:flex;gap:8px}
.footer-social a{width:32px;height:32px;background:var(--bg4);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text3);transition:all .2s;font-size:14px}
.footer-social a:hover{background:var(--orange);color:#fff}
.footer-col h4{font-size:14px;font-weight:700;margin-bottom:14px;color:var(--text)}
.footer-col a{display:block;color:var(--text3);font-size:13px;padding:4px 0;transition:color .2s}
.footer-col a:hover{color:var(--orange)}
.footer-bottom{border-top:1px solid var(--border);padding-top:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-bottom p{color:var(--text3);font-size:12px}
.footer-bottom .slogan{color:var(--orange);font-size:12px;font-weight:600}
/* MOBILE BOTTOM NAV */
.mobile-bottom-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,8px)}
.mobile-bottom-nav .nav-items{display:flex;justify-content:space-around}
.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text3);font-size:10px;padding:4px 12px;transition:color .2s}
.mobile-bottom-nav a.active,.mobile-bottom-nav a:hover{color:var(--orange)}
.mobile-bottom-nav .nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}
/* QUICK BET FLOAT */
.quick-float{position:fixed;bottom:80px;right:20px;z-index:999;display:none}
.quick-float-btn{width:56px;height:56px;background:linear-gradient(135deg,var(--orange),var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(255,106,0,0.4);transition:all .3s;border:none;color:#fff;font-size:22px}
.quick-float-btn:hover{transform:scale(1.1)}
/* RESPONSIVE */
@media(max-width:1024px){
.live-grid{grid-template-columns:repeat(2,1fr)}
.scores-grid{grid-template-columns:repeat(3,1fr)}
.standings-grid{grid-template-columns:repeat(2,1fr)}
.community-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr 1fr}
.hero-right{display:none}
}
@media(max-width:768px){
.nav{display:none}
.mobile-menu-btn{display:block}
.hero{height:auto;padding:40px 0}
.hero h1{font-size:26px}
.live-grid{grid-template-columns:1fr}
.scores-grid{grid-template-columns:repeat(2,1fr)}
.news-grid{grid-template-columns:1fr}
.news-main{grid-row:span 1}
.news-side .news-card{flex-direction:column}
.news-side .news-thumb{width:100%;height:140px}
.schedule-section{grid-template-columns:1fr}
.standings-grid{grid-template-columns:1fr}
.footer-grid{grid-template-columns:1fr}
.mobile-bottom-nav{display:block}
.quick-float{display:block}
.search-box{width:140px}
}
/* ANIMATIONS */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.fade-in{animation:fadeInUp .6s ease forwards}
@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)}}
.glow-border{animation:glow 2s infinite}
/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--text3)}
</style>
</head>
<body>

<!-- HEADER -->
<header class="header">
<div class="container">
<div class="header-inner">
<a href="/" class="logo">
<div class="logo-icon">W</div>
<span>韦德官方</span>
</a>
<nav class="nav">
<a href="/" class="active">首页</a>
<a href="#live">直播</a>
<a href="#scores">比分</a>
<a href="#news">新闻</a>
<a href="#data">数据</a>
<a href="#community">社区</a>
</nav>
<div class="header-right">
<div class="search-box">
<svg class="search-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
<input type="text" placeholder="搜索球队/球员/赛事...">
</div>
<button class="btn-login">登录</button>
<button class="btn-register">注册</button>
<button class="mobile-menu-btn" onclick="document.querySelector('.nav').style.display=document.querySelector('.nav').style.display==='flex'?'none':'flex'">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
</div>
</div>
</div>
</header>

<!-- TICKER -->
<div class="ticker">
<div class="ticker-label">⚡ 实时比分</div>
<div class="ticker-track" id="tickerTrack">
<div class="ticker-item"><span class="live-dot"></span><span class="league">英超</span><span class="team">曼联</span><span class="score">2 : 1</span><span class="team">利物浦</span><span style="color:var(--red);font-size:11px">78'</span></div>
<div class="ticker-item"><span class="live-dot"></span><span class="league">西甲</span><span class="team">巴萨</span><span class="score">3 : 0</span><span class="team">皇马</span><span style="color:var(--red);font-size:11px">65'</span></div>
<div class="ticker-item"><span class="live-dot"></span><span class="league">NBA</span><span class="team">湖人</span><span class="score">108 : 102</span><span class="team">勇士</span><span style="color:var(--red);font-size:11px">Q3</span></div>
<div class="ticker-item"><span class="live-dot"></span><span class="league">欧冠</span><span class="team">拜仁</span><span class="score">1 : 1</span><span class="team">曼城</span><span style="color:var(--red);font-size:11px">52'</span></div>
<div class="ticker-item"><span class="league">中超</span><span class="team">山东泰山</span><span class="score">2 : 2</span><span class="team">上海海港</span><span style="color:var(--text3);font-size:11px">FT</span></div>
<div class="ticker-item"><span class="league">意甲</span><span class="team">AC米兰</span><span class="score">0 : 0</span><span class="team">尤文</span><span style="color:var(--blue);font-size:11px">20:45</span></div>
<!-- duplicate for seamless loop -->
<div class="ticker-item"><span class="live-dot"></span><span class="league">英超</span><span class="team">曼联</span><span class="score">2 : 1</span><span class="team">利物浦</span><span style="color:var(--red);font-size:11px">78'</span></div>
<div class="ticker-item"><span class="live-dot"></span><span class="league">西甲</span><span class="team">巴萨</span><span class="score">3 : 0</span><span class="team">皇马</span><span style="color:var(--red);font-size:11px">65'</span></div>
<div class="ticker-item"><span class="live-dot"></span><span class="league">NBA</span><span class="team">湖人</span><span class="score">108 : 102</span><span class="team">勇士</span><span style="color:var(--red);font-size:11px">Q3</span></div>
<div class="ticker-item"><span class="live-dot"></span><span class="league">欧冠</span><span class="team">拜仁</span><span class="score">1 : 1</span><span class="team">曼城</span><span style="color:var(--red);font-size:11px">52'</span></div>
</div>
</div>

<!-- HERO -->
<section class="hero">
<div class="hero-bg"></div>
<div class="container">
<div class="hero-content">
<div class="hero-left">
<div class="hero-badge"><span class="dot"></span> LIVE 正在直播</div>
<h1>智能体育<br><span class="grad">健康未来</span></h1>
<p>韦德官方网站为您提供英超、西甲、德甲、意甲、欧冠、NBA、世界杯等全球顶级赛事的实时比分、高清直播、深度数据分析与球迷互动社区，一站式满足您的观赛需求。</p>
<div class="hero-btns">
<a href="#live" class="btn-primary">
<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg>
立即观赛
</a>
<a href="#news" class="btn-secondary">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polygon points="10 8 16 12 10 16 10 8"/></svg>
最新资讯
</a>
<a href="#community" class="btn-secondary">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
进入社区
</a>
</div>
</div>
<div class="hero-right">
<div class="hero-card">
<div class="hero-card-title"><span class="live">●</span> 正在直播 · 焦点赛事</div>
<div class="match-card" style="border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:10px">
<div class="match-league"><span class="live-tag">LIVE 78'</span> 英超 · 第28轮</div>
<div class="match-teams">
<div class="match-team">
<div class="team-logo" style="background:#C8102E">MUN</div>
<span class="team-name">曼联</span>
</div>
<div class="match-score">2 <span>:</span> 1</div>
<div class="match-team right">
<div class="team-logo" style="background:#C8102E">LIV</div>
<span class="team-name">利物浦</span>
</div>
</div>
</div>
<div class="match-card" style="border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:10px">
<div class="match-league"><span class="live-tag">LIVE 65'</span> 西甲 · 国家德比</div>
<div class="match-teams">
<div class="match-team">
<div class="team-logo" style="background:#A50044">BAR</div>
<span class="team-name">巴塞罗那</span>
</div>
<div class="match-score">3 <span>:</span> 0</div>
<div class="match-team right">
<div class="team-logo" style="background:#FFF">RMA</div>
<span class="team-name">皇家马德里</span>
</div>
</div>
</div>
<div class="match-card" style="border:1px solid var(--border);border-radius:10px;padding:14px">
<div class="match-league"><span class="live-tag">LIVE Q3</span> NBA · 常规赛</div>
<div class="match-teams">
<div class="match-team">
<div class="team-logo" style="background:#552583">LAL</div>
<span class="team-name">洛杉矶湖人</span>
</div>
<div class="match-score">108 <span>:</span> 102</div>
<div class="match-team right">
<div class="team-logo" style="background:#1D428A">GSW</div>
<span class="team-name">金州勇士</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- LIVE SECTION -->
<section class="section" id="live">
<div class="container">
<div class="section-header">
<h2 class="section-title"><span class="icon" style="background:rgba(255,59,59,0.15)">🔴</span>正在直播<span class="line"></span><span style="font-size:13px;color:var(--text3);font-weight:400">共 12 场直播中</span></h2>
<a href="#" class="section-more">查看全部 →</a>
</div>
<div class="live-grid">
<div class="live-card">
<div class="live-card-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='240'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%231a1a2e'/%3E%3Cstop offset='100%25' style='stop-color:%2316213e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='400' height='240'/%3E%3Ccircle cx='200' cy='120' r='60' fill='none' stroke='%23FF6A00' stroke-width='2' opacity='0.5'/%3E%3Ccircle cx='200' cy='120' r='40' fill='none' stroke='%23FF6A00' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='200' cy='120' r='5' fill='%23FF6A00' opacity='0.8'/%3E%3Crect x='120' y='90' width='40' height='24' rx='4' fill='%23C8102E' opacity='0.8'/%3E%3Crect x='240' y='90' width='40' height='24' rx='4' fill='%23003090' opacity='0.8'/%3E%3Ctext x='200' y='130' text-anchor='middle' fill='%23FF6A00' font-size='18' font-weight='bold' opacity='0.9'%3E2 : 1%3C/text%3E%3Ctext x='200' y='200' text-anchor='middle' fill='%23FFFFFF' font-size='12' opacity='0.6'%3EOLD TRAFFORD%3C/text%3E%3C/svg%3E" alt="曼联 vs 利物浦 - 英超直播" width="400" height="240">
<div class="live-overlay">
<div class="live-badge"><span class="dot"></span> LIVE 78'</div>
<div class="viewers">👁 32.8万</div>
</div>
</div>
<div class="live-card-info">
<div class="live-card-match">曼联 vs 利物浦</div>
<div class="live-card-meta"><span>英超</span><span>·</span><span>老特拉福德</span><span>·</span><span style="color:var(--orange)">高清无插件</span></div>
</div>
</div>
<div class="live-card">
<div class="live-card-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='240'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%230d1b2a'/%3E%3Cstop offset='100%25' style='stop-color:%231b263b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23b)' width='400' height='240'/%3E%3Ccircle cx='200' cy='120' r='60' fill='none' stroke='%2300A8FF' stroke-width='2' opacity='0.5'/%3E%3Ccircle cx='200' cy='120' r='40' fill='none' stroke='%2300A8FF' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='200' cy='120' r='5' fill='%2300A8FF' opacity='0.8'/%3E%3Crect x='120' y='90' width='40' height='24' rx='4' fill='%23A50044' opacity='0.8'/%3E%3Crect x='240' y='90' width='40' height='24' rx='4' fill='%23FFFFFF' opacity='0.8'/%3E%3Ctext x='200' y='130' text-anchor='middle' fill='%2300A8FF' font-size='18' font-weight='bold' opacity='0.9'%3E3 : 0%3C/text%3E%3Ctext x='200' y='200' text-anchor='middle' fill='%23FFFFFF' font-size='12' opacity='0.6'%3ECAMP NOU%3C/text%3E%3C/svg%3E" alt="巴萨 vs 皇马 - 西甲国家德比直播" width="400" height="240">
<div class="live-overlay">
<div class="live-badge"><span class="dot"></span> LIVE 65'</div>
<div class="viewers">👁 58.2万</div>
</div>
</div>
<div class="live-card-info">
<div class="live-card-match">巴塞罗那 vs 皇家马德里</div>
<div class="live-card-meta"><span>西甲</span><span>·</span><span>诺坎普</span><span>·</span><span style="color:var(--blue)">4K超清</span></div>
</div>
</div>
<div class="live-card">
<div class="live-card-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='240'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%231a0a2e'/%3E%3Cstop offset='100%25' style='stop-color:%232d1b69'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23c)' width='400' height='240'/%3E%3Ccircle cx='200' cy='120' r='60' fill='none' stroke='%238B5CF6' stroke-width='2' opacity='0.5'/%3E%3Ccircle cx='200' cy='120' r='40' fill='none' stroke='%238B5CF6' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='200' cy='120' r='5' fill='%238B5CF6' opacity='0.8'/%3E%3Crect x='120' y='90' width='40' height='24' rx='4' fill='%23552583' opacity='0.8'/%3E%3Crect x='240' y='90' width='40' height='24' rx='4' fill='%231D428A' opacity='0.8'/%3E%3Ctext x='200' y='130' text-anchor='middle' fill='%238B5CF6' font-size='16' font-weight='bold' opacity='0.9'%3E108 : 102%3C/text%3E%3Ctext x='200' y='200' text-anchor='middle' fill='%23FFFFFF' font-size='12' opacity='0.6'%3ESTAPLES CENTER%3C/text%3E%3C/svg%3E" alt="湖人 vs 勇士 - NBA直播" width="400" height="240">
<div class="live-overlay">
<div class="live-badge"><span class="dot"></span> LIVE Q3</div>
<div class="viewers">👁 45.6万</div>
</div>
</div>
<div class="live-card-info">
<div class="live-card-match">洛杉矶湖人 vs 金州勇士</div>
<div class="live-card-meta"><span>NBA</span><span>·</span><span>斯台普斯中心</span><span>·</span><span style="color:var(--purple)">高清直播</span></div>
</div>
</div>
</div>
</div>
</section>

<!-- SCORES + SCHEDULE -->
<section class="section" id="scores">
<div class="container">
<div class="section-header">
<h2 class="section-title"><span class="icon" style="background:rgba(0,168,255,0.15)">📊</span>实时比分<span class="line"></span></h2>
<a href="#" class="section-more">全部赛事 →</a>
</div>
<div class="scores-grid">
<div class="score-card live">
<div class="score-league"><span>英超</span><span class="status live">● LIVE 82'</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#C8102E">C</span>切尔西</span><span class="pts win">3</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#003090">T</span>热刺</span><span class="pts">1</span></div>
</div>
<div class="score-time">斯坦福桥球场</div>
</div>
<div class="score-card live">
<div class="score-league"><span>德甲</span><span class="status live">● LIVE 55'</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#DC052D">B</span>拜仁</span><span class="pts win">2</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#0066B2">D</span>多特蒙德</span><span class="pts">2</span></div>
</div>
<div class="score-time">安联球场</div>
</div>
<div class="score-card live">
<div class="score-league"><span>欧冠</span><span class="status live">● LIVE 70'</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#FDB913">P</span>巴黎</span><span class="pts">1</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#004D98">M</span>曼城</span><span class="pts win">1</span></div>
</div>
<div class="score-time">王子公园球场</div>
</div>
<div class="score-card">
<div class="score-league"><span>意甲</span><span class="status ft">FT</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#000">J</span>尤文图斯</span><span class="pts">0</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#E4002B">I</span>国际米兰</span><span class="pts win">2</span></div>
</div>
<div class="score-time">全场比赛结束</div>
</div>
<div class="score-card live">
<div class="score-league"><span>CBA</span><span class="status live">● LIVE Q4</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#FF6600">L</span>辽宁</span><span class="pts win">96</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#0066CC">广</span>广东</span><span class="pts">88</span></div>
</div>
<div class="score-time">辽宁体育馆</div>
</div>
<div class="score-card">
<div class="score-league"><span>中超</span><span class="status up">19:30</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#FF6600">上</span>上海海港</span><span class="pts">-</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#0066CC">京</span>北京国安</span><span class="pts">-</span></div>
</div>
<div class="score-time">待定开赛</div>
</div>
<div class="score-card live">
<div class="score-league"><span>亚冠</span><span class="status live">● LIVE 40'</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#C8102E">J</span>川崎前锋</span><span class="pts">1</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#FFF">U</span>蔚山现代</span><span class="pts">0</span></div>
</div>
<div class="score-time">等力足球场</div>
</div>
<div class="score-card">
<div class="score-league"><span>法甲</span><span class="status up">21:00</span></div>
<div class="score-teams">
<div class="score-team"><span class="name"><span class="logo" style="background:#004170">M</span>马赛</span><span class="pts">-</span></div>
<div class="score-team"><span class="name"><span class="logo" style="background:#EE2737">PSG</span>里昂</span><span class="pts">-</span></div>
</div>
<div class="score-time">待定开赛</div>
</div>
</div>
</div>
</section>

<!-- SCHEDULE + STANDINGS -->
<section class="section" id="data">
<div class="container">
<div class="section-header">
<h2 class="section-title"><span class="icon" style="background:rgba(139,92,246,0.15)">📅</span>热门赛事与积分榜<span class="line"></span></h2>
</div>
<div class="schedule-section">
<div class="schedule-panel">
<div class="panel-header">
<div class="panel-title">🔥 热门赛事预告</div>
<a href="#" style="font-size:12px;color:var(--blue)">完整赛程 →</a>
</div>
<div class="panel-body">
<div class="schedule-item">
<span class="sch-time">今天 20:45</span>
<span class="sch-league">意甲</span>
<span class="sch-teams">AC米兰 vs 尤文图斯</span>
<span class="sch-action">预约</span>
</div>
<div class="schedule-item">
<span class="sch-time">今天 21:00</span>
<span class="sch-league">法甲</span>
<span class="sch-teams">马赛 vs 里昂</span>
<span class="sch-action">预约</span>
</div>
<div class="schedule-item">
<span class="sch-time">明天 03:00</span>
<span class="sch-league">欧冠</span>
<span class="sch-teams">阿森纳 vs 本菲卡</span>
<span class="sch-action">预约</span>
</div>
<div class="schedule-item">
<span class="sch-time">明天 03:00</span>
<span class="sch-league">欧冠</span>
<span class="sch-teams">马竞 vs 拉齐奥</span>
<span class="sch-action">预约</span>
</div>
<div class="schedule-item">
<span class="sch-time">明天 19:00</span>
<span class="sch-league">中超</span>
<span class="sch-teams">上海海港 vs 北京国安</span>
<span class="sch-action">预约</span>
</div>
<div class="schedule-item">
<span class="sch-time">明天 19:35</span>
<span class="sch-league">CBA</span>
<span class="sch-teams">辽宁 vs 浙江稠州</span>
<span class="sch-action">预约</span>
</div>
</div>
</div>
<div class="standings-panel">
<div class="standings-header">
<div class="panel-title">🏆 英超积分榜</div>
<div class="standings-tabs">
<button class="active">英超</button>
<button>西甲</button>
<button>欧冠</button>
</div>
</div>
<div class="standings-table">
<table>
<thead><tr><th>#</th><th>球队</th><th>场</th><th>胜</th><th>平</th><th>负</th><th>进球</th><th>积分</th></tr></thead>
<tbody>
<tr><td><span class="rank top">1</span></td><td><div class="team-cell"><span class="team-dot" style="background:#6CABDD"></span>利物浦</div></td><td>28</td><td>21</td><td>5</td><td>2</td><td>65</td><td style="font-weight:800;color:var(--orange)">68</td></tr>
<tr><td><span class="rank top">2</span></td><td><div class="team-cell"><span class="team-dot" style="background:#6CABDD"></span>阿森纳</div></td><td>28</td><td>20</td><td>5</td><td>3</td><td>58</td><td style="font-weight:800;color:var(--orange)">65</td></tr>
<tr><td><span class="rank top">3</span></td><td><div class="team-cell"><span class="team-dot" style="background:#6CABDD"></span>曼城</div></td><td>28</td><td>19</td><td>4</td><td>5</td><td>62</td><td style="font-weight:800;color:var(--orange)">61</td></tr>
<tr><td><span class="rank mid">4</span></td><td><div class="team-cell"><span class="team-dot" style="background:#6CABDD"></span>切尔西</div></td><td>28</td><td>16</td><td>6</td><td>6</td><td>52</td><td style="font-weight:700">54</td></tr>
<tr><td><span class="rank mid">5</span></td><td><div class="team-cell"><span class="team-dot" style="background:#6CABDD"></span>纽卡斯尔</div></td><td>28</td><td>14</td><td>8</td><td>6</td><td>48</td><td style="font-weight:700">50</td></tr>
<tr><td><span class="rank mid">6</span></td><td><div class="team-cell"><span class="team-dot" style="background:#6CABDD"></span>热刺</div></td><td>28</td><td>14</td><td>4</td><td>10</td><td>55</td><td style="font-weight:700">46</td></tr>
<tr><td><span class="rank low">7</span></td><td><div class="team-cell"><span class="team-dot" style="background:#C8102E"></span>曼联</div></td><td>28</td><td>13</td><td>4</td><td>11</td><td>42</td><td style="font-weight:700">43</td></tr>
<tr><td><span class="rank low">8</span></td><td><div class="team-cell"><span class="team-dot" style="background:#003090"></span>布莱顿</div></td><td>28</td><td>11</td><td>8</td><td>9</td><td>45</td><td style="font-weight:700">41</td></tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="standings-grid" style="margin-top:16px">
<div class="standings-panel">
<div class="standings-header">
<div class="panel-title">⚽ 英超射手榜</div>
</div>
<div class="standings-table">
<table>
<thead><tr><th>#</th><th>球员</th><th>球队</th><th>进球</th><th>助攻</th></tr></thead>
<tbody>
<tr><td><span class="rank top">1</span></td><td style="text-align:left;font-weight:600">埃尔林·哈兰德</td><td>曼城</td><td style="font-weight:800;color:var(--orange)">22</td><td>5</td></tr>
<tr><td><span class="rank top">2</span></td><td style="text-align:left;font-weight:600">穆罕默德·萨拉赫</td><td>利物浦</td><td style="font-weight:800;color:var(--orange)">19</td><td>11</td></tr>
<tr><td><span class="rank mid">3</span></td><td style="text-align:left;font-weight:600">布卡约·萨卡</td><td>阿森纳</td><td style="font-weight:700">16</td><td>9</td></tr>
<tr><td><span class="rank mid">4</span></td><td style="text-align:left;font-weight:600">亚历山大·伊萨克</td><td>纽卡斯尔</td><td style="font-weight:700">15</td><td>3</td></tr>
<tr><td><span class="rank mid">5</span></td><td style="text-align:left;font-weight:600">科尔·帕尔默</td><td>切尔西</td><td style="font-weight:700">14</td><td>8</td></tr>
</tbody>
</table>
</div>
</div>
<div class="standings-panel">
<div class="standings-header">
<div class="panel-title">🏀 NBA西部排名</div>
</div>
<div class="standings-table">
<table>
<thead><tr><th>#</th><th>球队</th><th>胜</th><th>负</th><th>胜率</th></tr></thead>
<tbody>
<tr><td><span class="rank top">1</span></td><td style="text-align:left;font-weight:600">明尼苏达森林狼</td><td>42</td><td>18</td><td style="color:var(--green)">.700</td></tr>
<tr><td><span class="rank top">2</span></td><td style="text-align:left;font-weight:600">俄克拉荷马城雷霆</td><td>40</td><td>20</td><td style="color:var(--green)">.667</td></tr>
<tr><td><span class="rank mid">3</span></td><td style="text-align:left;font-weight:600">丹佛掘金</td><td>38</td><td>22</td><td>.633</td></tr>
<tr><td><span class="rank mid">4</span></td><td style="text-align:left;font-weight:600">洛杉矶湖人</td><td>35</td><td>25</td><td>.583</td></tr>
<tr><td><span class="rank mid">5</span></td><td style="text-align:left;font-weight:600">金州勇士</td><td>33</td><td>27</td><td>.550</td></tr>
</tbody>
</table>
</div>
</div>
<div class="standings-panel">
<div class="standings-header">
<div class="panel-title">📊 技术统计排行</div>
</div>
<div class="standings-table">
<table>
<thead><tr><th>类别</th><th>领先者</th><th>数据</th><th>联赛</th></tr></thead>
<tbody>
<tr><td style="color:var(--text3)">助攻王</td><td style="font-weight:600">凯文·德布劳内</td><td style="font-weight:800;color:var(--blue)">14</td><td>英超</td></tr>
<tr><td style="color:var(--text3)">抢断王</td><td style="font-weight:600">Rodri</td><td style="font-weight:800;color:var(--blue)">68</td><td>英超</td></tr>
<tr><td style="color:var(--text3)">扑出数</td><td style="font-weight:600">阿利松</td><td style="font-weight:800;color:var(--blue)">82</td><td>英超</td></tr>
<tr><td style="color:var(--text3)">三分命中</td><td style="font-weight:600">斯蒂芬·库里</td><td style="font-weight:800;color:var(--blue)">186</td><td>NBA</td></tr>
<tr><td style="color:var(--text3)">盖帽王</td><td style="font-weight:600">安东尼·戴维斯</td><td style="font-weight:800;color:var(--blue)">3.2/场</td><td>NBA</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</section>

<!-- NEWS -->
<section class="section" id="news">
<div class="container">
<div class="section-header">
<h2 class="section-title"><span class="icon" style="background:rgba(255,106,0,0.15)">📰</span>体育新闻资讯<span class="line"></span></h2>
<a href="#" class="section-more">更多资讯 →</a>
</div>
<div class="news-grid">
<div class="news-main">
<div class="news-card">
<div class="news-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400'%3E%3Cdefs%3E%3ClinearGradient id='n1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%231a0a00'/%3E%3Cstop offset='100%25' style='stop-color:%230a1a2e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23n1)' width='600' height='400'/%3E%3Ccircle cx='300' cy='180' r='80' fill='none' stroke='%23FF6A00' stroke-width='3' opacity='0.4'/%3E%3Ccircle cx='300' cy='180' r='50' fill='none' stroke='%23FF6A00' stroke-width='2' opacity='0.3'/%3E%3Cpolygon points='300,150 315,180 300,210 285,180' fill='%23FF6A00' opacity='0.6'/%3E%3Ctext x='300' y='320' text-anchor='middle' fill='%23FFFFFF' font-size='14' opacity='0.5'%3ECHAMPIONS LEAGUE%3C/text%3E%3C/svg%3E" alt="欧冠半决赛前瞻：豪门对决一触即发" width="600" height="400">
<div class="news-thumb-overlay">
<div class="news-tag">深度分析</div>
<div class="news-title">欧冠半决赛前瞻：阿森纳迎战本菲卡，英超球队能否延续统治力？深度战术解析与阵容预测</div>
<div class="news-meta"><span>📅 2026-04-15</span><span>👁 12.8万阅读</span><span>💬 3,428评论</span></div>
</div>
</div>
</div>
</div>
<div class="news-side">
<div class="news-card">
<div class="news-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200'%3E%3Crect fill='%230a1a0a' width='300' height='200'/%3E%3Ccircle cx='150' cy='100' r='40' fill='none' stroke='%2300E676' stroke-width='2' opacity='0.4'/%3E%3Ctext x='150' y='108' text-anchor='middle' fill='%2300E676' font-size='20' opacity='0.8'%3E⚽%3C/text%3E%3Ctext x='150' y='170' text-anchor='middle' fill='%23FFFFFF' font-size='11' opacity='0.5'%3ETRANSFER%3C/text%3E%3C/svg%3E" alt="夏季转会窗口重磅消息" width="300" height="200">
<div class="news-thumb-overlay">
<div class="news-tag" style="background:linear-gradient(135deg,#00E676,#00A8FF)">转会</div>
<div class="news-title">夏季转会窗口前瞻：五大联赛豪门酝酿重磅操作</div>
<div class="news-meta"><span>📅 04-14</span><span>💬 2,156</span></div>
</div>
</div>
</div>
<div class="news-card">
<div class="news-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200'%3E%3Crect fill='%231a0a2e' width='300' height='200'/%3E%3Ccircle cx='150' cy='100' r='40' fill='none' stroke='%238B5CF6' stroke-width='2' opacity='0.4'/%3E%3Ctext x='150' y='108' text-anchor='middle' fill='%238B5CF6' font-size='20' opacity='0.8'%3E🏀%3C/text%3E%3Ctext x='150' y='170' text-anchor='middle' fill='%23FFFFFF' font-size='11' opacity='0.5'%3ENBA PLAYOFFS%3C/text%3E%3C/svg%3E" alt="NBA季后赛激战正酣" width="300" height="200">
<div class="news-thumb-overlay">
<div class="news-tag" style="background:linear-gradient(135deg,#8B5CF6,#FF6A00)">NBA</div>
<div class="news-title">NBA季后赛首轮战报：湖人险胜勇士晋级半决赛</div>
<div class="news-meta"><span>📅 04-13</span><span>💬 1,892</span></div>
</div>
</div>
</div>
<div class="news-card">
<div class="news-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200'%3E%3Crect fill='%230a0a1a' width='300' height='200'/%3E%3Ccircle cx='150' cy='100' r='40' fill='none' stroke='%23FF3B3B' stroke-width='2' opacity='0.4'/%3E%3Ctext x='150' y='108' text-anchor='middle' fill='%23FF3B3B' font-size='20' opacity='0.8'%3E🏟%3C/text%3E%3Ctext x='150' y='170' text-anchor='middle' fill='%23FFFFFF' font-size='11' opacity='0.5'%3EWORLD CUP%3C/text%3E%3C/svg%3E" alt="世界杯预选赛精彩瞬间" width="300" height="200">
<div class="news-thumb-overlay">
<div class="news-tag" style="background:linear-gradient(135deg,#FF3B3B,#FF6A00)">世界杯</div>
<div class="news-title">世界杯预选赛亚洲区：中国队主场迎战日本队全记录</div>
<div class="news-meta"><span>📅 04-12</span><span>💬 5,671</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- VIDEOS -->
<section class="section">
<div class="container">
<div class="section-header">
<h2 class="section-title"><span class="icon" style="background:rgba(139,92,246,0.15)">🎬</span>视频集锦<span class="line"></span></h2>
<a href="#" class="section-more">全部视频 →</a>
</div>
<div class="video-scroll">
<div class="video-card">
<div class="video-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160'%3E%3Crect fill='%231a1a2e' width='280' height='160'/%3E%3Ccircle cx='140' cy='70' r='30' fill='none' stroke='%23FF6A00' stroke-width='2' opacity='0.5'/%3E%3Cpolygon points='135,58 152,70 135,82' fill='%23FF6A00' opacity='0.8'/%3E%3Ctext x='140' y='130' text-anchor='middle' fill='%23FFFFFF' font-size='10' opacity='0.5'%3EGOAL%3C/text%3E%3C/svg%3E" alt="哈兰德帽子戏法精彩集锦" width="280" height="160">
<div class="video-play"><div class="play-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div>
<span class="video-duration">04:32</span>
</div>
<div class="video-info"><div class="video-title">哈兰德帽子戏法！曼城5-1大胜，蓝月军团继续领跑积分榜</div><div class="video-meta"><span>👁 89.2万</span><span>📅 04-15</span></div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160'%3E%3Crect fill='%230a1a2e' width='280' height='160'/%3E%3Ccircle cx='140' cy='70' r='30' fill='none' stroke='%2300A8FF' stroke-width='2' opacity='0.5'/%3E%3Cpolygon points='135,58 152,70 135,82' fill='%2300A8FF' opacity='0.8'/%3E%3Ctext x='140' y='130' text-anchor='middle' fill='%23FFFFFF' font-size='10' opacity='0.5'%3EHIGHLIGHT%3C/text%3E%3C/svg%3E" alt="巴萨国家德比三球大胜" width="280" height="160">
<div class="video-play"><div class="play-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div>
<span class="video-duration">06:15</span>
</div>
<div class="video-info"><div class="video-title">国家德比惨案！巴萨3-0完胜皇马，莱万梅开二度引领红蓝军</div><div class="video-meta"><span>👁 156万</span><span>📅 04-14</span></div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160'%3E%3Crect fill='%231a0a2e' width='280' height='160'/%3E%3Ccircle cx='140' cy='70' r='30' fill='none' stroke='%238B5CF6' stroke-width='2' opacity='0.5'/%3E%3Cpolygon points='135,58 152,70 135,82' fill='%238B5CF6' opacity='0.8'/%3E%3Ctext x='140' y='130' text-anchor='middle' fill='%23FFFFFF' font-size='10' opacity='0.5'%3ESLAM%3C/text%3E%3C/svg%3E" alt="NBA十佳球" width="280" height="160">
<div class="video-play"><div class="play-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div>
<span class="video-duration">03:48</span>
</div>
<div class="video-info"><div class="video-title">NBA本周十佳球：詹姆斯隔人暴扣，库里超远三分震撼全场</div><div class="video-meta"><span>👁 203万</span><span>📅 04-13</span></div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160'%3E%3Crect fill='%230a2e1a' width='280' height='160'/%3E%3Ccircle cx='140' cy='70' r='30' fill='none' stroke='%2300E676' stroke-width='2' opacity='0.5'/%3E%3Cpolygon points='135,58 152,70 135,82' fill='%2300E676' opacity='0.8'/%3E%3Ctext x='140' y='130' text-anchor='middle' fill='%23FFFFFF' font-size='10' opacity='0.5'%3EGOL%3C/text%3E%3C/svg%3E" alt="世界杯预选赛精彩进球" width="280" height="160">
<div class="video-play"><div class="play-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div>
<span class="video-duration">05:20</span>
</div>
<div class="video-info"><div class="video-title">世界杯预选赛：中国队2-1逆转沙特，武磊绝杀令全场沸腾</div><div class="video-meta"><span>👁 312万</span><span>📅 04-11</span></div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160'%3E%3Crect fill='%232e0a0a' width='280' height='160'/%3E%3Ccircle cx='140' cy='70' r='30' fill='none' stroke='%23FF3B3B' stroke-width='2' opacity='0.5'/%3E%3Cpolygon points='135,58 152,70 135,82' fill='%23FF3B3B' opacity='0.8'/%3E%3Ctext x='140' y='130' text-anchor='middle' fill='%23FFFFFF' font-size='10' opacity='0.5'%3ECLIP%3C/text%3E%3C/svg%3E" alt="欧冠经典回忆" width="280" height="160">
<div class="video-play"><div class="play-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div>
<span class="video-duration">08:55</span>
</div>
<div class="video-info"><div class="video-title">欧冠经典回顾：2005年伊斯坦布尔奇迹，利物浦惊天大逆转AC米兰</div><div class="video-meta"><span>👁 445万</span><span>📅 04-10</span></div></div>
</div>
<div class="video-card">
<div class="video-thumb">
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='160'%3E%3Crect fill='%230a0a2e' width='280' height='160'/%3E%3Ccircle cx='140' cy='70' r='30' fill='none' stroke='%2300A8FF' stroke-width='2' opacity='0.5'/%3E%3Cpolygon points='135,58 152,70 135,82' fill='%2300A8FF' opacity='0.8'/%3E%3Ctext x='140' y='130' text-anchor='middle' fill='%23FFFFFF' font-size='10' opacity='0.5'%3EPOST%3C/text%3E%3C/svg%3E" alt="CBA季后赛精彩瞬间" width="280" height="160">
<div class="video-play"><div class="play-btn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div>
<span class="video-duration">04:10</span>
</div>
<div class="video-info"><div class="video-title">CBA季后赛：辽宁队加时险胜广东，赵继伟关键三分锁定胜局</div><div class="video-meta"><span>👁 78.5万</span><span>📅 04-09</span></div></div>
</div>
</div>
</div>
</section>

<!-- COMMUNITY -->
<section class="section" id="community">
<div class="container">
<div class="section-header">
<h2 class="section-title"><span class="icon" style="background:rgba(255,106,0,0.15)">💬</span>球迷社区<span class="line"></span></h2>
<a href="#" class="section-more">进入社区 →</a>
</div>
<div class="community-grid">
<div>
<div class="poll-card" style="margin-bottom:16px">
<div class="poll-header">
<div class="poll-title">🔥 本周热门竞猜：曼联 vs 利物浦 赛果预测</div>
<div class="poll-badge">剩余 2小时</div>
</div>
<div class="poll-option">
<div class="poll-option-header"><span>曼联获胜</span><span class="poll-votes">42% · 8,932票</span></div>
<div class="poll-bar-bg"><div class="poll-bar" style="width:42%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-header"><span>平局</span><span class="poll-votes">18% · 3,841票</span></div>
<div class="poll-bar-bg"><div class="poll-bar blue" style="width:18%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-header"><span>利物浦获胜</span><span class="poll-votes">40% · 8,520票</span></div>
<div class="poll-bar-bg"><div class="poll-bar blue" style="width:40%"></div></div>
</div>
<div class="poll-footer">
<span style="font-size:12px;color:var(--text3)">共 21,293 人参与 · 更新于 2分钟前</span>
<button class="poll-btn">立即参与竞猜</button>
</div>
</div>
<div class="poll-card">
<div class="poll-header">
<div class="poll-title">🏆 欧冠MVP投票：本场最佳球员</div>
<div class="poll-badge">进行中</div>
</div>
<div class="poll-option">
<div class="poll-option-header"><span>🇳🇴 哈兰德（曼城）</span><span class="poll-votes">55% · 12,440票</span></div>
<div class="poll-bar-bg"><div class="poll-bar" style="width:55%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-header"><span>🇧🇪 德布劳内（曼城）</span><span class="poll-votes">28% · 6,336票</span></div>
<div class="poll-bar-bg"><div class="poll-bar blue" style="width:28%"></div></div>
</div>
<div class="poll-option">
<div class="poll-option-header"><span>🇪🇬 萨拉赫（利物浦）</span><span class="poll-votes">17% · 3,847票</span></div>
<div class="poll-bar-bg"><div class="poll-bar blue" style="width:17%"></div></div>
</div>
<div class="poll-footer">
<span style="font-size:12px;color:var(--text3)">共 22,623 人参与</span>
<button class="poll-btn">投票</button>
</div>
</div>
</div>
<div class="chat-sidebar">
<div class="chat-header">
<div class="panel-title">💬 聊球室 · 曼联vs利物浦</div>
<span class="online">● 3,842人在线</span>
</div>
<div class="chat-messages" id="chatMessages">
<div class="chat-msg"><div class="chat-avatar" style="background:linear-gradient(135deg,#FF6A00,#FF8C00)">红</div><div class="chat-bubble"><div class="name">红魔 forever</div>曼联必胜！C罗精神永存！💪</div></div>
<div class="chat-msg"><div class="chat-avatar" style="background:linear-gradient(135deg,#C8102E,#FF3B3B)">粉</div><div class="chat-bubble"><div class="name">粉红军队</div>利物浦本场状态很好，萨拉赫已经两射一传了</div></div>
<div class="chat-msg"><div class="chat-avatar" style="background:linear-gradient(135deg,#8B5CF6,#00A8FF)">中</div><div class="chat-bubble"><div class="name">中立球迷</div>这场节奏太快了，双方防守都有问题</div></div>
<div class="chat-msg"><div class="chat-avatar" style="background:linear-gradient(135deg,#00E676,#00A8FF)">蓝</div><div class="chat-bubble"><div class="name">战术大师</div>滕哈格应该换上前场三叉戟，利物浦后防有空档</div></div>
<div class="chat-msg"><div class="chat-avatar" style="background:linear-gradient(135deg,#FF6A00,#8B5CF6)">橙</div><div class="chat-bubble"><div class="name">韦德铁粉</div>80分钟了还在拼，这就是足球的魅力！⚽</div></div>
<div class="chat-msg"><div class="chat-avatar" style="background:linear-gradient(135deg,#FF3B3B,#FF6A00)">火</div><div class="chat-bubble"><div class="name">进球时刻</div>刚才那个角球差点进了， VAR看了好久</div></div>
</div>
<div class="chat-input-area">
<input class="chat-input" type="text" placeholder="输入消息参与聊天..." id="chatInput" onkeypress="if(event.key==='Enter')sendChat()">
<button class="chat-send" onclick="sendChat()">发送</button>
</div>
</div>
</div>
</div>
</section>

<!-- FOOTER -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<div class="logo">
<div class="logo-icon">W</div>
<span>韦德官方</span>
</div>
<p>韦德官方网站致力于为全球体育爱好者提供最高品质的赛事直播、实时比分、深度数据分析和互动社区体验。我们覆盖英超、西甲、德甲、意甲、欧冠、NBA、世界杯、CBA、中超等全球顶级赛事，以毫秒级数据推送和高清无插件直播技术，打造一站式体育服务平台。韦德品牌秉承"智能体育·健康未来"的理念，融合AI数据分析、智能推荐和沉浸式互动体验，让每一位球迷都能享受到前所未有的观赛乐趣。</p>
<div class="footer-social">
<a href="#" title="微信">微</a>
<a href="#" title="微博">博</a>
<a href="#" title="抖音">抖</a>
<a href="#" title="B站">B</a>
</div>
</div>
<div class="footer-col">
<h4>赛事直播</h4>
<a href="#">英超直播</a>
<a href="#">西甲直播</a>
<a href="#">德甲直播</a>
<a href="#">意甲直播</a>
<a href="#">欧冠直播</a>
<a href="#">NBA直播</a>
<a href="#">世界杯直播</a>
<a href="#">CBA直播</a>
<a href="#">中超直播</a>
<a href="#">亚冠直播</a>
</div>
<div class="footer-col">
<h4>数据统计</h4>
<a href="#">积分榜</a>
<a href="#">射手榜</a>
<a href="#">助攻榜</a>
<a href="#">赛程日历</a>
<a href="#">球队数据</a>
<a href="#">球员数据</a>
<a href="#">历史交锋</a>
<a href="#">技术统计</a>
</div>
<div class="footer-col">
<h4>关于我们</h4>
<a href="#">关于韦德官方</a>
<a href="#">联系我们</a>
<a href="#">帮助中心</a>
<a href="#">用户协议</a>
<a href="#">隐私政策</a>
<a href="#">广告投放</a>
<a href="#">合作伙伴</a>
<a href="#">人才招聘</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 hbldgd518.com 韦德官方网站 版权所有 | 智能体育·健康未来 | 京ICP备XXXXXXXX号</p>
<span class="slogan">🏟 无障碍观赛，由你决定氛围——体育，热爱无界限</span>
</div>
</div>
</footer>

<!-- MOBILE BOTTOM NAV -->
<div class="mobile-bottom-nav">
<div class="nav-items">
<a href="/" class="active">
<div class="nav-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg></div>
首页
</a>
<a href="#live">
<div class="nav-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><polygon points="5 3 19 12 5 21 5 3"/></svg></div>
直播
</a>
<a href="#scores">
<div class="nav-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></div>
比分
</a>
<a href="#news">
<div class="nav-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 22h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16a2 2 0 0 1-2 2Zm0 0a2 2 0 0 1-2-2v-9c0-1.1.9-2 2-2h2"/></svg></div>
新闻
</a>
<a href="#community">
<div class="nav-icon"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></div>
社区
</a>
</div>
</div>

<!-- QUICK FLOAT -->
<div class="quick-float">
<button class="quick-float-btn" title="快速竞猜">⚡</button>
</div>

<script>
function sendChat(){var input=document.getElementById('chatInput');var val=input.value.trim();if(!val)return;var msgs=document.getElementById('chatMessages');var colors=['#FF6A00','#00A8FF','#8B5CF6','#00E676','#FF3B3B','#FF8C00'];var names=['韦德球迷','看球达人','体育迷','绿茵爱好者','篮球之神','激情解说'];var i=Math.floor(Math.random()*colors.length);var div=document.createElement('div');div.className='chat-msg';div.innerHTML='<div class="chat-avatar" style="background:'+colors[i]+'">'+names[i][0]+'</div><div class="chat-bubble"><div class="name">'+names[i]+'</div>'+val+'</div>';msgs.appendChild(div);msgs.scrollTop=msgs.scrollHeight;input.value='';}
document.querySelectorAll('.standings-tabs button').forEach(function(btn){btn.addEventListener('click',function(){this.parentElement.querySelectorAll('button').forEach(function(b){b.classList.remove('active')});this.classList.add('active');})});
var observer=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.style.opacity='1';e.target.style.transform='translateY(0)'}})},{threshold:0.1});document.querySelectorAll('.live-card,.score-card,.news-card,.video-card,.standings-panel').forEach(function(el){el.style.opacity='0';el.style.transform='translateY(20px)';el.style.transition='opacity 0.5s ease, transform 0.5s ease';observer.observe(el)});
</script>
<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"ad5ea2ebba8342099ae3e62b225b5237","r":1}' crossorigin="anonymous"></script>
</body>
</html>