Here is a complete, production-ready HTML page for the sports streaming site 看球网, built as a single file with embedded CSS and JavaScript. It includes the requested layout, sections, and interactive elements.
### Layout, Interaction & Visual Highlights
The page balances a live broadcast feel with a clean information hierarchy, using colour, motion, and glass surfaces to guide attention without clutter.
- **Header & persistent cues** – The translucent sticky header keeps the logo, favicon, and a blinking “一键收藏本站” button within reach. A pulsing speed indicator reinforces the “线路优化” concept and updates its latency value periodically.
- **Hero theater** – The 3:1 split places a large match window next to a real-time danmaku panel. The scoreboard, animated clock, win-probability bars, and picture-in-picture window simulate a live viewing environment; the danmaku stream auto-rotates seeded messages and accepts user input.
- **Interactive sections** – Schedule chips filter match rows by sport or league; “预约” buttons toggle to “已预约”; highlight cards respond to hover with a play icon and lift effect.
- **Visual language** – Light grey background with aurora green and flame orange accents, frosted glass cards, monospaced numerals, and hard-edged typography create a clean, stadium-like feel. Floating collect widget and footer QR placeholders follow the brief’s conversion goals.
---
**Optimization Tip:** You can replace the two `/logo.png` references and the footer QR placeholders with your actual QR code images or data URLs.