< style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Roboto, "Microsoft YaHei", Arial, sans-serif; background: #f5f7fa; color: #1a2332; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #0052cc; text-decoration: none; } a:hover { color: #003d99; } img { max-width: 100%; height: auto; display: block; } /* ===== 容器 ===== */ .container { max-width: 750px; margin: 0 auto; padding: 0 16px; } /* ===== 头部 ===== */ .header { background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d); padding: 20px 0 28px; text-align: center; position: relative; border-radius: 0 0 32px 32px; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15); } .header .container { position: relative; z-index: 2; } .header h1 { font-size: 28px; font-weight: 800; color: #ffffff; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.25); letter-spacing: 2px; margin-bottom: 4px; } .header .sub-title { font-size: 14px; color: rgba(255, 255, 255, 0.85); letter-spacing: 4px; background: rgba(255, 255, 255, 0.15); display: inline-block; padding: 2px 18px; border-radius: 20px; backdrop-filter: blur(4px); margin-top: 4px; } .header .live-dot { display: inline-block; width: 10px; height: 10px; background: #ff4757; border-radius: 50%; animation: pulse 1.4s ease-in-out infinite; margin-right: 6px; vertical-align: middle; box-shadow: 0 0 12px rgba(255, 71, 87, 0.6); } @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.3); opacity: 0.7; } } /* ===== 导航标签 ===== */ .nav-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 10px; justify-content: center; } .nav-tabs .tab { background: rgba(255, 255, 255, 0.20); color: #fff; padding: 6px 18px; border-radius: 20px; font-size: 14px; font-weight: 500; transition: all 0.25s; backdrop-filter: blur(4px); border: 1px solid rgba(255, 255, 255, 0.10); } .nav-tabs .tab.active { background: #ffffff; color: #1a2a6c; border-color: #ffffff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); } .nav-tabs .tab:active { transform: scale(0.94); } /* ===== 实时比分卡片 ===== */ .score-section { margin: 20px 0 16px; } .section-title { font-size: 20px; font-weight: 700; color: #1a2332; padding-left: 14px; border-left: 4px solid #b21f1f; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; } .section-title .badge { background: #ff4757; color: #fff; font-size: 12px; padding: 0 12px; border-radius: 12px; line-height: 22px; font-weight: 600; animation: pulse 1.8s ease-in-out infinite; } .score-card { background: #ffffff; border-radius: 18px; padding: 18px 16px; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06); margin-bottom: 14px; transition: transform 0.2s; } .score-card:active { transform: scale(0.99); } .score-card .match-info { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #8a95a5; margin-bottom: 12px; padding-bottom: 10px; border-bottom: 1px solid #f0f2f5; } .score-card .match-info .league { font-weight: 600; color: #1a2332; } .score-card .match-info .status { background: #ff4757; color: #fff; padding: 0 14px; border-radius: 12px; font-size: 12px; line-height: 22px; font-weight: 600; } .score-card .match-info .status.finished { background: #8a95a5; } .score-card .match-info .status.not-started { background: #2ed573; } .score-card .teams { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .score-card .teams .team { display: flex; align-items: center; gap: 10px; flex: 1; } .score-card .teams .team.away { flex-direction: row-reverse; text-align: right; } .score-card .teams .team .team-icon { width: 36px; height: 36px; border-radius: 50%; background: #f0f2f5; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; color: #1a2332; flex-shrink: 0; background-size: cover; background-position: center; } .score-card .teams .team .team-name { font-size: 16px; font-weight: 600; color: #1a2332; } .score-card .teams .score { font-size: 32px; font-weight: 800; color: #1a2332; letter-spacing: 2px; min-width: 70px; text-align: center; font-variant-numeric: tabular-nums; } .score-card .teams .score .colon { margin: 0 2px; color: #8a95a5; } /* ===== 热门赛事 ===== */ .hot-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; } .hot-item { background: #ffffff; border-radius: 16px; padding: 14px 12px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); text-align: center; transition: all 0.2s; } .hot-item:active { transform: scale(0.97); } .hot-item .hot-icon { width: 48px; height: 48px; border-radius: 50%; background: #f0f2f5; margin: 0 auto 8px; display: flex; align-items: center; justify-content: center; font-size: 24px; background-size: cover; background-position: center; } .hot-item .hot-name { font-size: 15px; font-weight: 600; color: #1a2332; } .hot-item .hot-count { font-size: 12px; color: #8a95a5; margin-top: 2px; } /* ===== 功能说明 ===== */ .feature-section { background: #ffffff; border-radius: 18px; padding: 20px 18px; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04); margin-bottom: 20px; } .feature-section .feature-item { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid #f0f2f5; } .feature-section .feature-item:last-child { border-bottom: none; } .feature-section .feature-item .f-icon { width: 44px; height: 44px; border-radius: 12px; background: #f0f5ff; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; background-size: cover; background-position: center; } .feature-section .feature-item .f-content h3 { font-size: 16px; font-weight: 600; color: #1a2332; margin-bottom: 2px; } .feature-section .feature-item .f-content p { font-size: 14px; color: #6b7a8d; line-height: 1.5; } /* ===== FAQ ===== */ .faq-section { background: #ffffff; border-radius: 18px; padding: 20px 18px; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04); margin-bottom: 20px; } .faq-item { border-bottom: 1px solid #f0f2f5; padding: 14px 0; } .faq-item:last-child { border-bottom: none; } .faq-item .question { font-size: 16px; font-weight: 600; color: #1a2332; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; user-select: none; } .faq-item .question .q-icon { color: #b21f1f; font-weight: 700; margin-right: 6px; } .faq-item .question .toggle { font-size: 18px; color: #8a95a5; transition: transform 0.3s; flex-shrink: 0; } .faq-item .question .toggle.open { transform: rotate(45deg); } .faq-item .answer { font-size: 15px; color: #6b7a8d; line-height: 1.7; padding-top: 10px; padding-left: 24px; display: none; } .faq-item .answer.show { display: block; } /* ===== 底部 ===== */ .footer { background: #1a2332; color: rgba(255, 255, 255, 0.7); text-align: center; padding: 24px 16px 20px; border-radius: 24px 24px 0 0; margin-top: 10px; } .footer p { font-size: 13px; line-height: 1.8; } .footer .footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 10px; } .footer .footer-links a { color: rgba(255, 255, 255, 0.6); font-size: 13px; } .footer .footer-links a:hover { color: #ffffff; } /* ===== 工具类 ===== */ .text-center { text-align: center; } .mt-8 { margin-top: 8px; } .mt-12 { margin-top: 12px; } .mb-8 { margin-bottom: 8px; } /* ===== 响应式微调 ===== */ @media (max-width: 480px) { .header h1 { font-size: 24px; } .score-card .teams .score { font-size: 26px; min-width: 56px; } .score-card .teams .team .team-name { font-size: 14px; } .hot-list { grid-template-columns: 1fr 1fr; gap: 10px; } .section-title { font-size: 18px; } .faq-item .question { font-size: 15px; } } @media (max-width: 360px) { .score-card .teams { flex-wrap: nowrap; } .score-card .teams .score { font-size: 22px; min-width: 46px; } .nav-tabs .tab { font-size: 12px; padding: 4px 14px; } } /* ===== 占位图片样式 ===== */ .placeholder-img { background: #e8ecf1; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #8a95a5; font-size: 13px; font-weight: 500; min-height: 48px; background-image: url('data:image/svg+xml;utf8,'); background-size: 32px 32px; background-repeat: no-repeat; background-position: center; }

北京比分直播

实时 · 精准 · 全面
📡 实时比分 LIVE
⚽ 中超联赛 第78分钟
北京国安
2 : 1
上海海港
🏀 CBA联赛 第4节 03:22
北京首钢
89 : 76
广东宏远
🎾 ATP巡回赛 已结束
张之臻
2 : 0
F. 蒂亚戈
🏐 排球超级联赛 未开始
北京汽车
0 : 0
天津渤海
查看更多比赛 →
🔥 热门赛事
中超联赛
8场进行中
CBA季后赛
4场进行中
欧冠联赛
6场即将开始
NBA常规赛
10场进行中
⚡ 比分直播功能

⚡ 毫秒级实时更新

采用WebSocket推送技术,比分变化瞬时同步,比传统刷新快3-5秒。

📊 多维度数据统计

控球率、射门次数、犯规、篮板、助攻等核心数据一应俱全,深度分析比赛走势。

🔔 自定义赛事提醒

订阅关注的球队或联赛,开赛、进球、红牌等重要事件实时推送,不再错过任何精彩。

📱 多终端无缝同步

手机、平板、PC数据实时同步,随时随地切换设备,比分直播不间断。

❓ 常见问题
Q1. 北京比分直播的数据来源是哪里? +
我们聚合多家权威体育数据平台(包括官方赛事数据中心、体育媒体API等),经过交叉验证后实时推送,确保比分准确率超过99.8%。
Q2. 比分直播的延迟大概有多少? +
基于优化的推送通道,平均延迟在0.5-1.5秒之间,网络环境良好的情况下可实现近乎实时同步,优于传统页面刷新方式。
Q3. 是否支持订阅特定球队的比分提醒? +
支持!您可以在「我的关注」中添加喜欢的球队或联赛,开启提醒后,开赛、进球、半场、全场等重要节点都会通过站内消息或推送通知您。
Q4. 历史比分数据可以查询吗? +
可以。我们提供近7天的完整历史比分数据,以及球队交锋记录、赛季积分榜等深度数据,方便您复盘分析。
Q5. 使用北京比分直播需要付费吗? +
基础比分直播服务完全免费,包括实时比分、赛程、数据统计等核心功能。未来可能推出高级会员服务(去广告、更多数据维度等),但免费服务将始终保持高质量。
Q6. 移动端和PC端体验有区别吗? +
我们采用响应式设计,针对移动端触控操作进行了专门优化,同时保留PC端的大屏数据展示优势,所有核心功能完全一致,数据实时同步。
📌 关于北京比分直播

北京比分直播 是专注于体育赛事实时比分的数据服务平台,覆盖足球、篮球、网球、排球、乒乓球等主流项目。我们致力于为北京及全国体育爱好者提供最快、最准、最全的比分直播服务,让每一位用户都能第一时间掌握赛场动态。

平台日均更新超过 2000 场赛事数据,与多家权威数据机构合作,7×24小时不间断运营。无论您是铁杆球迷、竞彩爱好者,还是体育数据分析师,北京比分直播都将是您不可或缺的看球伴侣。

北京比分直播 赛事覆盖图