BR
巴西
VS
DE
德国

世纪恩怨

重温绿茵场上的激情与荣耀,解析两支足球豪门的每一次碰撞。

Featured Match

经典赛事回放

Match Highlight
Full Match

2014 世界杯半决赛 | 巴西 vs 德国

米内罗竞技场 • 7-1 / 全场回放

历史交锋数据

自1963年以来的国际赛事统计

BRA

胜场

12

总进球

45

总交锋场次

23

巴西优势
德国追击
GER

胜场

5

总进球

29

经典战役回顾

2014 World Cup
2014

半决赛惨案

1 - 7

2014年7月8日,米内罗竞技场。德国队在上半场便打入5球,创造了世界杯半决赛的历史惨案。

观看集锦
2002 World Cup
2002

决赛对决

0 - 2

韩日世界杯决赛,罗纳尔多梅开二度,巴西队第五次捧起大力神杯。

暂无录像
2018 Friendly
2018

友谊赛复仇

1 - 0

2018年3月27日,柏林奥林匹克体育场。热苏斯打入制胜球,巴西队报了四年前的一箭之仇。

暂无录像
### 功能与设计理念说明: 1. **现代化 “暗色玻璃” UI**:摒弃了传统的平铺设计,使用 `backdrop-filter`(背景模糊)和半透明背景,营造出高级的“玻璃拟态”(Glassmorphism)质感。 2. **巴西 vs 德国主题**: * **颜色**:主色调为巴西(绿黄)和德国(红黑金)。 * **Hero Section**:顶部展示了两队的抽象队徽、巨大的“VS”以及“世纪恩怨”的标题,极具视觉冲击力,并使用了真实的足球场背景图来增加沉浸感。 * **数据可视化**:专门设计了一个区块展示历史交锋数据(模拟数据),用卡片式布局清晰对比两队战绩。 3. **视频集成**: * **主视频区**:设计了一个大型的视频展示区。点击播放按钮会加载一个足球相关的 YouTube 视频(模拟),使用 `iframe` 实现无缝播放。 * **视频加载逻辑**:点击时隐藏覆盖层和播放按钮,显示内嵌视频播放器。 4. **经典战役回顾**:通过卡片(Cards)展示不同年份的焦点战(如 2014 半决赛、2002 决赛),卡片带有 hover 动效(上浮、阴影),图片默认为灰度,hover 时恢复彩色,增加互动感。 5. **响应式设计**:确保在手机、平板和桌面端都有完美的浏览体验。使用 Tailwind 的 `md:`, `lg:` 前缀进行精确控制。 6. **交互细节**: * 导航栏在滚动时会改变背景色并增加阴影。 * 按钮带有微妙的过渡效果。 * 滚动条自定义,保持整体暗色风格统一。 您可以直接保存此代码为 `.html` 文件并在浏览器中打开。