<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="https://t.119988.xyz/data/cfe0632906c2d962323b436f5f77a325.ico" type="image/png">
    <title>A8体育-专业体育资讯平台</title>
    <meta name="keywords" content="开云体育,2026世界杯,足球赛事,世界杯前瞻">
    <meta name="description" content="开云体育是2026世界杯官方指定平台,提供最新赛事资讯、精彩内容和专业观赛体验">
    <meta name="proxy-url" content="https://bb7373.com">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif; background: linear-gradient(180deg, #b71c1c 0%, #c62828 50%, #e53935 100%); min-height: 100vh; }
        header { background: linear-gradient(180deg, #b71c1c 0%, #7f0000 100%); padding: 20px 0; box-shadow: 0 2px 15px rgba(0,0,0,0.3); position: relative; }
        .header-content {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 0;
            position: relative;
        }
        .logo { width: 280px; height: auto; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.5)); margin-left: 20px; }
        .title-text { font-size: 40px; font-weight: 600; color: white; letter-spacing: 4px; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); position: absolute; left: 50%; transform: translateX(-50%); }
        .hero-section { position: relative; height: 480px; overflow: hidden; }
        .carousel-container { position: relative; width: 100%; height: 100%; }
        .carousel-wrapper { position: relative; height: 100%; }
        .carousel { display: flex; height: 100%; }
        .carousel-item { min-width: 100%; height: 100%; }
        .carousel-item img { width: 100%; height: 100%; object-fit: cover; }
        .button-section { max-width: 650px; margin: 40px auto; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; justify-items: center; }
        .carousel-btn { padding: 15px 40px; font-size: 20px; font-weight: 600; border: none; border-radius: 40px; cursor: pointer; transition: all 0.3s; text-decoration: none; display: flex; align-items: center; justify-content: center; }
        .carousel-btn.tutorial { background: linear-gradient(135deg, #ef5350, #e53935); color: white; box-shadow: 0 4px 15px rgba(239,83,80,0.5); }
        .carousel-btn.tutorial:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(239,83,80,0.6); }
        .carousel-btn.website { background: linear-gradient(135deg, #43a047, #2e7d32); color: white; box-shadow: 0 4px 15px rgba(67,160,71,0.5); }
        .carousel-btn.website:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(67,160,71,0.6); }
        .article-section { max-width: 1100px; margin: 50px auto; padding: 35px; background: white; border-radius: 20px; box-shadow: 0 8px 30px rgba(0,0,0,0.1); }
        .article-section.second { margin-top: 40px; margin-bottom: 50px; }
        .article-title { font-size: 26px; color: #2e7d32; margin-bottom: 20px; text-align: center; }
        .article-subtitle { font-size: 20px; color: #2e7d32; margin: 25px 0 12px 0; text-align: center; }
        .article-image { width: 50%; height: auto; object-fit: contain; border-radius: 8px; margin: 12px auto; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: block; }
        .article-image.small { width: 30%; max-height: 150px; }
        .vertical-images { display: flex; justify-content: center; gap: 20px; margin: 25px 0; }
        .vertical-img { width: 254px; height: 550px; object-fit: contain; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.2); }
        .article-content { font-size: 16px; line-height: 1.9; color: #333; margin-bottom: 15px; text-indent: 2em; }
        .article-tag { display: inline-block; padding: 8px 20px; background: #e8f5e9; color: #2e7d32; border-radius: 20px; font-weight: 600; font-size: 14px; }
        
        
        
        
        
        
        
        .button-section a, .button-section span, .button-section .main-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 20px 50px;
            font-size: 26px;
            font-weight: 700;
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
            border: none;
            border-radius: 45px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-decoration: none;
            color: white;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
            box-shadow: 0 12px 38px rgba(0,0,0,0.35);
            width: 280px;
            height: 80px;
            white-space: nowrap;
            line-height: 1.3;
        }
        .button-section .btn-tutorial { background: linear-gradient(135deg, #b76e79, #8b6f6c); }
        .button-section .btn-website { background: linear-gradient(135deg, #e9c46a, #f4a261); }
        .button-section .btn-tutorial:hover, .button-section .btn-website:hover {
            transform: translateY(-7px) scale(1.02);
            box-shadow: 0 16px 45px rgba(0,0,0,0.45);
        }
    
    
    
    
    
        
        .star-section { max-width: 1300px; margin: 50px auto; }
        .star-title { font-size: 26px; color: #2e7d32; text-align: center; margin-bottom: 40px; }
        .star-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
        .star-card { background: white; border-radius: 20px; overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,0.08); transition: all 0.3s; }
        .star-card:hover { transform: translateY(-8px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); }
        .star-card img { width: 100%; height: 350px; object-fit: cover; }
        .star-info { padding: 20px; text-align: center; }
        .star-name { font-size: 20px; color: #2e7d32; font-weight: 600; }
        
        .video-section { max-width: 900px; margin: 50px auto; }
        .page-wrapper { width: 100%; }
        .video-section-inner { width: 100%; }
        .section-title { text-align: center; margin-bottom: 30px; }
        .section-title h2 { font-size: 32px; color: #2e7d32; margin-bottom: 10px; }
        .section-title p { font-size: 18px; color: #558b2f; }
        .video-wrapper { position: relative; width: 100%; border-radius: 15px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.3); }
        .video-wrapper video { width: 100%; height: auto; display: block; }
        .video-sound-btn { position: absolute; bottom: 25px; right: 25px; padding: 12px 30px; font-size: 16px; font-weight: 600; background: linear-gradient(135deg, #10b981, #059669); color: white; border: none; border-radius: 30px; cursor: pointer; display: flex; align-items: center; gap: 8px; transition: all 0.3s; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4); }
        .video-sound-btn:hover { transform: scale(1.05); }
        .video-container {
            position: relative;
            width: 100%;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 10px 40px rgba(0,0,0,0.3);
        }
        .video-container video { width: 100%; height: auto; display: block; }
        .video-controls { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; gap: 20px; }
        .control-btn { padding: 12px 35px; font-size: 18px; font-weight: 600; background: rgba(46,125,50,0.9); color: white; border: none; border-radius: 30px; cursor: pointer; transition: all 0.3s; }
        .control-btn:hover { background: #2e7d32; transform: scale(1.05); }
        footer { background: linear-gradient(180deg, #7f0000 0%, #b71c1c 50%, #c62828 100%); padding: 70px 0; margin-top: 60px; position: relative; overflow: hidden; }
        .football-pattern { position: absolute; top: 20%; left: 10%; width: 80px; height: 80px; background: radial-gradient(circle at 30% 30%, #fff 20%, #1b5e20 22%, #1b5e20 40%, #fff 42%, #fff 48%, #1b5e20 50%, #1b5e20 68%, #fff 70%, #fff 76%, #1b5e20 78%, #1b5e20 96%, #fff 98%); border-radius: 50%; opacity: 0.3; animation: bounceFootball 3s infinite; }
        .football-pattern.second { top: 60%; right: 15%; animation-delay: 1.5s; }
        @keyframes bounceFootball { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-20px) rotate(180deg); } }
        .grass-texture { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size: 20px 20px; }
        .footer-content { max-width: 1200px; margin: 0 auto; text-align: center; position: relative; z-index: 1; }
        .download-section { display: flex; align-items: center; justify-content: center; gap: 55px; background: white; border-radius: 25px; padding: 50px 60px; box-shadow: 0 15px 40px rgba(0,0,0,0.3); }
        .download-info { text-align: left; flex: 1; }
        .download-title { font-size: 26px; color: #1b5e20; font-weight: bold; margin-bottom: 12px; display: flex; align-items: center; gap: 15px; }
        .download-title::before { content: '⚽'; font-size: 36px; animation: kick 2s infinite; }
        @keyframes kick { 0%, 100% { transform: rotate(0deg); } 50% { transform: rotate(-15deg); } }
        .download-desc { font-size: 16px; color: #558b2f; margin-bottom: 30px; }
        .download-buttons { display: flex; flex-direction: column; gap: 15px; }
        .download-btn { display: flex; align-items: center; gap: 12px; padding: 15px 32px; border-radius: 15px; text-decoration: none; font-weight: 600; font-size: 18px; transition: all 0.3s; }
        .download-btn.android { background: linear-gradient(135deg, #ef5350, #e53935); color: white; box-shadow: 0 5px 20px rgba(239,83,80,0.4); }
        .download-btn.android:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 10px 30px rgba(239,83,80,0.5); }
        .download-btn.ios { background: linear-gradient(135deg, #43a047, #2e7d32); color: white; box-shadow: 0 5px 20px rgba(67,160,71,0.4); }
        .download-btn.ios:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 10px 30px rgba(67,160,71,0.5); }
        .qrcode-box { background: #f1f8e9; padding: 22px; border-radius: 20px; border: 3px solid #81c784; }
        .qrcode-title { font-size: 16px; color: #1b5e20; margin-top: 14px; font-weight: bold; }
        .qrcode-img { width: 175px; height: 175px; border-radius: 12px; }
        .copyright { text-align: center; margin-top: 45px; color: rgba(255,255,255,0.9); font-size: 15px; }
        .leaf-decoration { position: fixed; bottom: 100px; left: 20px; font-size: 60px; color: rgba(46,125,50,0.1); pointer-events: none; }
        .leaf-decoration.right { right: 20px; left: auto; }
    
        
        .register-btn {
            position: absolute;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            padding: 10px 30px;
            background: linear-gradient(135deg, #ffd700, #ffaa00);
            color: white;
            border: none;
            border-radius: 25px;
            font-size: 16px;
            font-weight: bold;
            text-decoration: none;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(255,215,0,0.4);
            z-index: 1000;
        }
        .register-btn:hover {
            transform: translateY(-50%) scale(1.05);
            box-shadow: 0 6px 20px rgba(255,215,0,0.6);
        }
    
    
        .button-section button, .button-section a {
            display: flex; align-items: center; justify-content: center; gap: 10px;
            width: 100%; padding: 16px 30px; border: none; border-radius: 45px;
            font-size: 18px; font-weight: bold; cursor: pointer; transition: all 0.3s ease;
            text-decoration: none; color: white; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
            box-shadow: 0 10px 35px rgba(183,110,121,0.6);
        }
        .button-section button:nth-child(1), .button-section a:nth-child(1) { background: linear-gradient(135deg, #ef5350, #e53935); }
        .button-section button:nth-child(2), .button-section a:nth-child(2) { background: linear-gradient(135deg, #d32f2f, #c62828); }
        .button-section button:nth-child(3), .button-section a:nth-child(3) { background: linear-gradient(135deg, #ef5350, #e53935); }
        .button-section button:nth-child(4), .button-section a:nth-child(4) { background: linear-gradient(135deg, #d32f2f, #c62828); }
        .button-section button:hover, .button-section a:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 10px 35px rgba(183,110,121,0.6);
        }
        .button-section img { width: 24px; height: 24px; object-fit: contain; }
    
</style>
</head>
<body>
    <div class="leaf-decoration">🍃</div>
    <div class="leaf-decoration.right">🌿</div>
    
    <header>
        <div class="header-content">
            <a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/8e444a64fe15958482317bbdeab886df.png" alt="开云体育" class="logo"></a>
            <div class="title-text">2026世界杯官方指定平台</div>
        </div>
    </header>

    <section class="hero-section">
        <div class="carousel-container">
            <div class="carousel-wrapper">
                <div class="carousel" id="carousel">
                    <div class="carousel-item"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/0b6b82bb3ea77ca7e3b70f70ec12110e.png" alt="世界杯图片"></a></div>
                    <div class="carousel-item"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/2167afacc0272cd5c17a3ae779947cd3.png" alt="世界杯图片"></a></div>
                    <div class="carousel-item"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/8242f6d9dcb3da5f6ac56c093f4d0a9d.png" alt="世界杯图片"></a></div>
                    <div class="carousel-item"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/272d9b41b7ec99886587693977286f41.png" alt="世界杯图片"></a></div>
                    <div class="carousel-item"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/b764e6c67abfd04c202b6f564bc3295f.jpg" alt="世界杯图片"></a></div>
                </div>
            </div>
        </div>
    </section>

    <div class="button-section">
        <a href="https://www.kyty010.com" class="main-btn btn-tutorial" target="_blank">新人教程</a>
        <a href="https://jy6868.com" class="main-btn btn-website" target="_blank">易记网址jy6868.com</a>
        <a href="https://ky-sport25.vip" class="main-btn btn-tutorial" target="_blank">A8体育手机网页版</a>
        <a href="https://ky-sport25.vip" class="main-btn btn-website" target="_blank">A8体育电脑网页版</a>
    </div>

    <section class="article-section">
        
    <section class="video-section" id="video">
        <div class="page-wrapper">
            <div class="video-section-inner">
                <div class="section-title">
                    <div>
                        
                    </div>
                    <h2>A8体育 品牌宣传片</h2>
                    <p>沉浸式观赛体验，感受世界杯激情</p>
                </div>
                <div class="video-wrapper">
                    <video id="mainVideo" autoplay muted playsinline preload="auto">
                        <source src="https://pos3img.neiztcl.com/video/new_public/web/bg/fd/cs/d7o6e1ltjrgker1ljjv0_829417.mp4" type="video/mp4">
                        您的浏览器不支持视频播放
                    </video>
                    <button class="video-sound-btn" id="soundBtn">
                        <i class="fa fa-volume-up"></i> 点击开启声音
                    </button>
                </div>
            </div>
        </div>
    </section>
        <h2 class="article-title">2026世界杯：北美三国联合举办的历史性盛会</h2>
        <p class="article-content">当绿茵号角跨越大洲边界，2026年美加墨世界杯正携着前所未有的规模与热度，叩响全球球迷的期待之门。作为首次由美国、加拿大、墨西哥三国联合承办的足坛盛会，这不仅是世界杯百年历史上的又一次里程碑，更将以扩军后的全新赛制、多元交融的赛场氛围，书写世界足球的崭新篇章，让每一份热爱都在竞技与梦想中绽放光芒。</p>
        <p class="article-content">2026年世界杯最核心的变革，莫过于赛制的全面升级。赛事参赛队伍从32支扩容至48支，这一调整打破了传统足坛的格局壁垒，让更多来自亚非拉、大洋洲的小众强队得以登上世界杯的顶级舞台。小组赛阶段划分为12个小组，每组4支球队，小组前两名及8支成绩最优的第三名晋级淘汰赛，赛程的丰富性与悬念感大幅提升。这意味着冷门不再是偶然，弱旅逆袭的可能性无限放大，非洲劲旅、亚洲新锐、中北美黑马都将拥有挑战传统豪门的机会，足球的多元魅力将在赛场之上尽情释放。</p>
        <p class="article-content">A8体育 </p>
        <div style="text-align:center;margin:40px 0;">
            <a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/e269227999ce089c28378677d80d37f9.jpg" alt="世界杯精彩瞬间" style="max-width:70%;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.3);"></a>
        </div>
        <p class="article-content">三国联办的独特模式，赋予了本届世界杯独一无二的文化底色。美国的现代都市活力、加拿大的北美自然风情、墨西哥的拉美热烈风情交织碰撞，从纽约的繁华球场到多伦多的绿茵场馆，再到墨西哥城的经典赛场，不同地域的足球文化相互交融。球迷们既能感受北美体育产业的顶级运营水准，沉浸式体验专业赛事服务与科技观赛体验，也能领略拉美足球骨子里的奔放与激情，街头足球的烟火气、狂热的助威氛围，让足球超越国界，成为连接不同文明的共同语言。</p>
        <p class="article-content">A8体育 </p>
        <div style="text-align:center;margin:40px 0;">
            <a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/9a844a3d5eca2de902cc3a8982f8f9b8.jpg" alt="世界杯精彩瞬间" style="max-width:65%;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.3);"></a>
        </div>
        <p class="article-content">传统豪强与新生力量的巅峰对决，是本届世界杯最令人热血沸腾的看点。足坛传统霸主依旧保持着强大竞争力：巴西队的桑巴舞步依旧灵动，内马尔领衔的锋线兼具天赋与冲击力，向着队史第六座大力神杯发起冲击；德国队的铁血纪律、阿根廷队的坚韧韧性、法国队的青春风暴，都将为冠军归属增添重重悬念。A8体育 </p>
        <p class="article-content">除了竞技层面的精彩，2026世界杯更是一场科技与绿色理念深度融合的体育盛会。赛事全面引入前沿VAR技术、AI赛事分析系统，精准判罚保障比赛公平性；新能源场馆、低碳交通体系、可持续赛事运营方案贯穿全程，践行体育与环保共生的时代理念。A8体育 </p>
        <div style="text-align:center;margin:40px 0;">
            <a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/996f6610db34a73bcf3cdc31bc19da31.jpg" alt="世界杯精彩瞬间" style="max-width:68%;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.3);"></a>
        </div>
        <p class="article-content">足球从不只是一项运动，它承载着拼搏、热爱、团结与梦想。2026美加墨世界杯，是传统与新生的碰撞，是多元与包容的交融，更是全球足球爱好者的一场狂欢。A8体育 </p>
        <p class="article-content">A8体育 </p>
    

    <section class="article-section second">
        <h3 class="article-subtitle">赛事规模与赛程安排</h3>
        <p class="article-content">本届世界杯将在美国、加拿大和墨西哥共16座城市举办，其中美国11座，墨西哥3座，加拿大2座。比赛场次将达到104场，创下世界杯历史新高。</p>
        
        <h3 class="article-subtitle">全新赛制与精彩看点</h3>
        <p class="article-content">扩军后的世界杯将让更多新晋球队有机会登上世界舞台。从非洲雄狮到亚洲劲旅，从欧洲豪门到南美强队，2026年世界杯必将成为全球足球实力的大检阅。A8体育 </p>
        
        <div class="vertical-images">
            <a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/e269227999ce089c28378677d80d37f9.jpg" alt="世界杯图片" class="vertical-img"></a>
            <a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/9a844a3d5eca2de902cc3a8982f8f9b8.jpg" alt="世界杯图片" class="vertical-img"></a>
            <a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/996f6610db34a73bcf3cdc31bc19da31.jpg" alt="世界杯图片" class="vertical-img"></a>
        </div>
        
        <h3 class="article-subtitle">开云体育：您的观赛最佳选择</h3>
        <p class="article-content">作为2026世界杯官方指定平台，开云体育致力于为广大球迷提供最全面的赛事报道、A8体育最专业的技术分析和最便捷的观赛体验。无论您身在何处，都能通过我们的平台实时了解赛事动态。A8体育 </p>
        
        <span class="article-tag">2026世界杯官方资讯</span>
    </section>

    <section class="star-section">
        <h2 class="star-title">足球明星</h2>
        <div class="star-grid">
            <div class="star-card"><a href="https://ky-sport25.vip" target="_blank"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/bff33bb71b3db01fa6408a837901ecdf.png" alt="足球明星1"></a></a><div class="star-info"><div class="star-name">绿茵巨星</div></div></div>
            <div class="star-card"><a href="https://ky-sport25.vip" target="_blank"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/2a4edad1c6ddd86f78a5116712ff2977.png" alt="足球明星2"></a></a><div class="star-info"><div class="star-name">足坛传奇</div></div></div>
            <div class="star-card"><a href="https://ky-sport25.vip" target="_blank"><a href="https://ky-sport25.vip" target="_blank"><img src="https://t.119988.xyz/data/f6593bc90751f3df53e74bdccee8b7d3.png" alt="足球明星3"></a></a><div class="star-info"><div class="star-name">明日之星</div></div></div>
        </div>
    </section>



    <footer>
        <div class="grass-texture"></div>
        <div class="football-pattern"></div>
        <div class="football-pattern second"></div>
        <div class="footer-content">
            <div class="download-section">
                <div class="download-info">
                    <div class="download-title">立即下载开云体育APP</div>
                    <div class="download-desc">2026世界杯官方指定平台，精彩赛事尽在掌握</div>
                    <div class="download-buttons">
                        <a href="https://ky-sport25.vip" class="download-btn android" target="_blank">📱 Android下载</a>
                        <a href="https://ky-sport25.vip" class="download-btn ios" target="_blank">🍎 iOS下载</a>
                    </div>
                </div>
                <div class="qrcode-box">
                    <img src="https://t.119988.xyz/data/4f77712245efa2d9c9d95b8f165ae3c8.png" alt="APP下载二维码" class="qrcode-img">
                    <div class="qrcode-title">扫码下载</div>
                </div>
            </div>
            <div class="copyright">© 2026 开云体育 - 2026世界杯官方指定平台</div>
        </div>
    </footer>

    <script>
        let currentSlide = 0;
        const slides = document.querySelectorAll('.carousel-item');
        
        setInterval(() => {
            currentSlide = (currentSlide + 1) % slides.length;
            document.getElementById('carousel').style.transform = `translateX(-${currentSlide * 100}%)`;
        }, 3000);
    </script>
    
    <!-- 视频：静音自动播放 + 点击按钮开启声音 + 播完停在最后一帧 -->
    <script>
    (function() {
        var video = document.getElementById('mainVideo');
        var btn = document.getElementById('soundBtn');
        if (!video || !btn) return;

        // 强制静音自动播放（兼容浏览器策略）
        video.muted = true;
        video.volume = 0;
        function tryPlay() {
            if (video.paused) {
                video.play().then(function() {
                    console.log('Video autoplay success');
                }).catch(function(err) {
                    console.warn('Autoplay blocked, waiting for user interaction:', err);
                });
            }
        }
        tryPlay();
        // 页面滚动/点击后兜底播放
        var oncePlay = function() {
            tryPlay();
            document.removeEventListener('scroll', oncePlay);
            document.removeEventListener('click', oncePlay);
            document.removeEventListener('touchstart', oncePlay);
        };
        document.addEventListener('scroll', oncePlay, { once: true });
        document.addEventListener('click', oncePlay, { once: true });
        document.addEventListener('touchstart', oncePlay, { once: true });

        video.addEventListener('ended', function() {
            setTimeout(function() {
                if (isFinite(video.duration) && video.duration > 0) {
                    video.currentTime = video.duration;
                }
                video.pause();
            }, 50);
        });
        btn.addEventListener('click', function(e) {
            e.stopPropagation();
            e.preventDefault();
            video.muted = false;
            video.volume = 1.0;
            if (video.paused) video.play().catch(function(){});
            btn.style.display = 'none';
        });
    })();
    </script>
</body>
</html>