This is a complete, ready-to-run HTML page for Kanqiuwang, a professional sports live streaming and news platform. It includes the homepage layout with real-time match cards, a danmaku side panel, schedule filtering, and highlight clips.
### Match Center, Danmaku Stream, and Fan Zone
The page is built around three key interaction areas that make it feel like a real-time sports hub.
- **Hero Theater and Danmaku** – The left side shows a live match scoreboard with a play button and picture-in-picture window, while the right side simulates a scrolling danmaku feed. The match clock updates every second, and the danmaku messages scroll automatically, giving a busy live atmosphere.
- **Schedule Filtering** – In the Match Day section, you can filter the timeline by sport or status using the buttons above the schedule. Rows for football, basketball, live, and hot matches are shown or hidden instantly, and the selected button gets a highlighted style.
- **Fan Zone Interactions** – The Fans Club area includes a chat box where you can type and send messages (they appear as “我” in the feed), a prediction panel with percentage bars, and a tactical discussion list. The chat input resets after sending, and the chat box scrolls to the newest message.
- **Player and Layout Details** – The video player area has quality and line chips that you can click to switch active states. The floating collect guide and header buttons all work without leaving the page, and the layout adapts across screen sizes.
---
**Optimization Tip:** You can adjust the live match clock total by changing the value `67 * 60 + 12` in the script, and replace the sample danmaku, schedule, and chat content with your own data for production use.