<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=yes">
    <title>春意影院 - 免费高清在线观看 | 春意影视</title>
    <meta name="description" content="春意影院提供最新、最热的高清电影、电视剧、综艺、动漫免费在线观看。春意盎然，好剧相伴，每张海报均为孤品不重复。">
    <meta name="keywords" content="春意影院,春意影视,免费电影,高清电视剧,春意视频">
    <meta name="author" content="春意影院">
    <meta name="robots" content="index, follow, max-image-preview:large">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;400;500;600;700;800&display=swap" rel="stylesheet">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            background: linear-gradient(135deg, #fdf2f8 0%, #fce7f3 100%);
            color: #2a1a2a;
            scroll-behavior: smooth;
        }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f0d5e0; }
        ::-webkit-scrollbar-thumb { background: #ec4899; border-radius: 10px; }
        
        /* 春意影院导航 - 春日粉嫩 */
        .navbar-chunyi {
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(12px);
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
            border-bottom: 2px solid #ec4899;
        }
        .navbar-chunyi .navbar-brand {
            font-weight: 800;
            font-size: 1.5rem;
            background: linear-gradient(135deg, #ec4899, #f43f5e);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }
        .navbar-chunyi .navbar-brand i { color: #ec4899; }
        .navbar-chunyi .nav-link {
            color: #5a3a4a !important;
            font-weight: 600;
            margin: 0 6px;
            transition: 0.2s;
        }
        .navbar-chunyi .nav-link:hover,
        .navbar-chunyi .nav-link.active {
            color: #ec4899 !important;
            background: #fce7f3;
            border-radius: 30px;
        }
        .search-chunyi {
            background: #fef0f5;
            border-radius: 48px;
            padding: 0 16px;
            border: 1px solid #f0c5d8;
            transition: 0.2s;
        }
        .search-chunyi:focus-within {
            border-color: #ec4899;
            box-shadow: 0 0 0 2px #ec489920;
        }
        .search-chunyi input {
            background: transparent;
            border: none;
            padding: 9px 0;
            width: 200px;
            outline: none;
        }
        .search-chunyi button {
            background: none;
            border: none;
            color: #ec4899;
        }
        .hero-chunyi {
            background: linear-gradient(115deg, #fce7f3 0%, #fdf2f8 100%);
            padding: 3rem 0 2.8rem 0;
            border-bottom: 1px solid #f0a8c0;
            position: relative;
            overflow: hidden;
        }
        .hero-chunyi::before {
            content: "🌸";
            font-size: 100px;
            opacity: 0.08;
            position: absolute;
            bottom: 10px;
            right: 30px;
            pointer-events: none;
        }
        .hero-icon-chunyi {
            width: 88px;
            height: 88px;
            background: linear-gradient(145deg, #ec4899, #f43f5e);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 20px 30px -10px rgba(236, 72, 153, 0.4);
        }
        .hero-icon-chunyi i { font-size: 48px; color: white; }
        .hero-text h1 {
            font-size: 2.2rem;
            font-weight: 800;
            background: linear-gradient(135deg, #ec4899, #f43f5e);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }
        .badge-chunyi {
            background: #ec4899;
            color: white;
            border-radius: 40px;
            padding: 5px 16px;
            font-weight: 700;
            font-size: 0.85rem;
        }
        .section-title-chunyi {
            font-weight: 800;
            font-size: 1.8rem;
            border-left: 6px solid #ec4899;
            padding-left: 20px;
            margin-bottom: 1.8rem;
            display: flex;
            align-items: center;
            gap: 12px;
            color: #be185d;
        }
        .movie-card-chunyi {
            background: white;
            border-radius: 24px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 8px 18px rgba(0, 0, 0, 0.04);
            height: 100%;
            display: flex;
            flex-direction: column;
            border: 1px solid #f0d0e0;
        }
        .movie-card-chunyi:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 28px -10px rgba(236, 72, 153, 0.25);
            border-color: #ec4899;
        }
        .card-img-chunyi {
            height: 220px;
            object-fit: cover;
            width: 100%;
            background: linear-gradient(145deg, #f0d0e0, #e0c0d0);
        }
        .card-body-chunyi { padding: 1.2rem; flex: 1; }
        .card-title-chunyi {
            font-weight: 800;
            font-size: 1.1rem;
            margin-bottom: 6px;
            color: #2a1a2a;
        }
        .card-text-chunyi {
            color: #8a6a7a;
            font-size: 0.8rem;
            margin-bottom: 10px;
            line-height: 1.4;
        }
        .rating-chunyi {
            color: #fbbf24;
            font-weight: 800;
            font-size: 0.9rem;
        }
        .badge-year-chunyi {
            background: #fce7f3;
            color: #ec4899;
            border-radius: 30px;
            padding: 3px 10px;
            font-size: 0.7rem;
            font-weight: 600;
        }
        .comment-section-chunyi {
            background: #ffffff;
            border-radius: 32px;
            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.04);
            padding: 1.8rem;
            border: 1px solid #f0d0e0;
        }
        .comment-avatar-chunyi {
            width: 42px;
            height: 42px;
            background: #ec4899;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
        }
        .btn-chunyi-primary {
            background: #ec4899;
            border: none;
            color: white;
            border-radius: 50px;
            padding: 8px 30px;
            font-weight: 600;
            transition: all 0.2s;
        }
        .btn-chunyi-primary:hover {
            background: #be185d;
            transform: scale(0.97);
        }
        footer {
            background: #1a0e12;
            color: #b89aaa;
            border-top: 2px solid #ec4899;
        }
        @media (max-width: 768px) {
            .hero-text h1 { font-size: 1.5rem; }
            .hero-icon-chunyi { width: 65px; height: 65px; }
            .hero-icon-chunyi i { font-size: 34px; }
            .section-title-chunyi { font-size: 1.4rem; }
            .search-chunyi input { width: 120px; }
        }
        .category-animation { animation: fadeUp 0.5s ease-out; }
        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(18px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .bg-chunyi-soft { background: #fdf2f8; }
    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-chunyi fixed-top">
    <div class="container">
        <a class="navbar-brand" href="#"><i class="fas fa-cherry-blossom"></i> 春意影院</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarChunyi">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarChunyi">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0" id="dynamicNavChunyi"></ul>
            <div class="d-flex">
                <div class="search-chunyi d-flex align-items-center">
                    <input type="text" id="searchInputChunyi" placeholder="搜电影、电视剧..." aria-label="搜索">
                    <button id="searchBtnChunyi"><i class="fas fa-search"></i></button>
                </div>
            </div>
        </div>
    </div>
</nav>

<main>
    <section id="home" class="hero-chunyi" style="margin-top: 68px;">
        <div class="container">
            <div class="row align-items-center g-4">
                <div class="col-md-auto text-center text-md-start">
                    <div class="hero-icon-chunyi mx-auto mx-md-0"><i class="fas fa-crown"></i></div>
                </div>
                <div class="col-md-8">
                    <div class="hero-text">
                        <h1>春意影院 · 免费畅享</h1>
                        <div class="mt-2 mb-3">
                            <span class="badge-chunyi"><i class="fas fa-fire"></i> 春意推荐</span>
                            <span class="badge bg-white text-dark ms-2"><i class="fas fa-infinity"></i> 永久免费</span>
                            <span class="badge bg-warning text-dark ms-2"><i class="fas fa-image"></i> 每张海报孤品唯一</span>
                        </div>
                        <p class="text-secondary">电影、电视剧、综艺、动漫 — 春意片库每日更新，<strong class="text-pink-600">每一张海报URL都是全球唯一的，绝对不重复！</strong></p>
                    </div>
                </div>
                <div class="col-md-2 d-none d-lg-block text-end">
                    <i class="fas fa-heart fa-3x" style="color: #ec4899; opacity: 0.4;"></i>
                </div>
            </div>
        </div>
    </section>

    <div id="chunyiCategoriesContainer"></div>

    <section id="commentsChunyi" class="container py-5">
        <div class="comment-section-chunyi">
            <h3 class="mb-3" style="font-weight: 700;"><i class="far fa-comment-dots me-2" style="color:#ec4899;"></i> 春意影迷 · 暖心留言</h3>
            <p class="text-muted">春意盎然，分享你的观影感受</p>
            <div class="mb-4 row g-2">
                <div class="col-md-5"><input type="text" id="commentNameChunyi" class="form-control" placeholder="昵称" value="春意影迷"></div>
                <div class="col-md-7"><input type="text" id="commentContentChunyi" class="form-control" placeholder="写下你的观影感受..."></div>
                <div class="col-12 mt-2 text-end"><button id="submitCommentChunyiBtn" class="btn btn-chunyi-primary"><i class="fas fa-paper-plane"></i> 发布留言</button></div>
            </div>
            <div id="commentsListChunyi"></div>
        </div>
    </section>
</main>

<footer class="py-4 text-center">
    <div class="container">
        <div class="row">
            <div class="col-12 mb-2">© 2025 春意影院 | 春意盎然 · 永久免费 | 每张海报URL唯一</div>
            <div class="col-12"><a href="#" class="text-white-50 text-decoration-none me-3">关于春意</a><a href="#" class="text-white-50 text-decoration-none me-3">免责声明</a><a href="#" class="text-white-50 text-decoration-none">合作联系</a></div>
            <div class="col-12 mt-2 small text-secondary">「春意影院」</div>
        </div>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<script>
    // ============================================================
    // 春意影院 · 绝对唯一图片引擎 + 多重备用源
    // 核心：全局计数器 + 时间戳 + 随机种子 + Set去重 + 图片fallback
    // 栏目数量随机(4~7)，每个栏目卡片数量随机(4~6)，所有图片正常显示
    // ============================================================
    
    // 春意影院专属影视库
    const libChunyi = [
        { id: "chunyiHotMovie", name: "🔥 春意热映", icon: "fa-fire", bgType: "soft", dataPool: [
            { name: "热辣滚烫·春意版", year: "2025", rating: "9.6", desc: "贾玲励志传奇", type: "电影" },
            { name: "飞驰人生3", year: "2025", rating: "9.4", desc: "沈腾爆笑赛车", type: "电影" },
            { name: "流浪地球3", year: "2025", rating: "9.9", desc: "国产科幻巅峰", type: "电影" },
            { name: "封神·战火西岐", year: "2025", rating: "9.5", desc: "神话史诗巨制", type: "电影" },
            { name: "第二十条", year: "2025", rating: "9.3", desc: "张艺谋现实主义", type: "电影" },
            { name: "哥斯拉大战金刚3", year: "2025", rating: "9.2", desc: "怪兽宇宙终章", type: "电影" }
        ]},
        { id: "chunyiHotTv", name: "📺 春意剧集", icon: "fa-tv", bgType: "light", dataPool: [
            { name: "庆余年·第三季", year: "2025", rating: "9.8", desc: "范闲归来权谋巅峰", type: "剧集" },
            { name: "与凤行·续篇", year: "2025", rating: "9.5", desc: "赵丽颖林更新", type: "剧集" },
            { name: "唐朝诡事录·西行", year: "2025", rating: "9.7", desc: "探案悬疑爆款", type: "剧集" },
            { name: "繁花·沪上风云", year: "2025", rating: "9.6", desc: "王家卫美学", type: "剧集" },
            { name: "孤舟·谍海风云", year: "2025", rating: "9.4", desc: "曾舜晞张颂文", type: "剧集" }
        ]},
        { id: "chunyiVariety", name: "🎤 春意综艺", icon: "fa-laugh-beam", bgType: "soft", dataPool: [
            { name: "喜剧之王单口季", year: "2025", rating: "9.3", desc: "周星驰监制", type: "综艺" },
            { name: "歌手2025", year: "2025", rating: "9.7", desc: "殿堂级音乐竞演", type: "综艺" },
            { name: "奔跑吧·生态篇", year: "2024", rating: "8.9", desc: "国民综艺", type: "综艺" },
            { name: "乘风破浪的姐姐5", year: "2025", rating: "9.4", desc: "姐姐魅力", type: "综艺" }
        ]},
        { id: "chunyiAnime", name: "🐉 春意动漫", icon: "fa-dragon", bgType: "light", dataPool: [
            { name: "鬼灭之刃·无限城", year: "2025", rating: "9.9", desc: "终极决战", type: "动漫" },
            { name: "咒术回战·死灭回游", year: "2025", rating: "9.8", desc: "五条悟高燃", type: "动漫" },
            { name: "葬送的芙莉莲2", year: "2025", rating: "9.9", desc: "治愈神作", type: "动漫" },
            { name: "镖人·大漠风云", year: "2025", rating: "9.7", desc: "硬派武侠", type: "动漫" }
        ]},
        { id: "chunyiAction", name: "💥 春意动作", icon: "fa-fist-raised", bgType: "soft", dataPool: [
            { name: "怒火重案·清算", year: "2025", rating: "9.5", desc: "甄子丹谢霆锋", type: "电影" },
            { name: "战狼·番外篇", year: "2025", rating: "9.7", desc: "冷锋热血再燃", type: "电影" },
            { name: "红海行动2", year: "2024", rating: "9.4", desc: "军事巅峰", type: "电影" }
        ]},
        { id: "chunyiScifi", name: "🌌 春意科幻", icon: "fa-rocket", bgType: "light", dataPool: [
            { name: "沙丘·救世主", year: "2025", rating: "9.5", desc: "保罗复仇史诗", type: "电影" },
            { name: "阿凡达·火之裔", year: "2025", rating: "9.8", desc: "卡梅隆视觉革命", type: "电影" },
            { name: "流浪地球·飞跃", year: "2024", rating: "9.7", desc: "行星发动机升级", type: "电影" }
        ]},
        { id: "chunyiSuspense", name: "🔍 春意悬疑", icon: "fa-skull", bgType: "soft", dataPool: [
            { name: "消失的她", year: "2024", rating: "9.1", desc: "朱一龙悬疑反转", type: "电影" },
            { name: "河边的错误", year: "2024", rating: "8.9", desc: "余华改编", type: "电影" },
            { name: "涉过愤怒的海", year: "2024", rating: "9.0", desc: "黄渤复仇烈焰", type: "电影" }
        ]}
    ];

    // 备用图片库
    const FALLBACK_IMAGES = [
        "https://picsum.photos/id/1/400/260", "https://picsum.photos/id/10/400/260", "https://picsum.photos/id/15/400/260",
        "https://picsum.photos/id/20/400/260", "https://picsum.photos/id/25/400/260", "https://picsum.photos/id/30/400/260",
        "https://picsum.photos/id/35/400/260", "https://picsum.photos/id/40/400/260", "https://picsum.photos/id/45/400/260"
    ];

    function rand(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; }
    
    function randomItems(arr, count) {
        const copy = [...arr];
        for (let i = copy.length - 1; i > 0; i--) { 
            const j = Math.floor(Math.random() * (i + 1)); 
            [copy[i], copy[j]] = [copy[j], copy[i]]; 
        }
        return copy.slice(0, Math.min(count, copy.length));
    }

    // 绝对唯一图片生成器
    let globalCounter = 0;
    const generatedUrls = new Set();
    
    function getAbsolutelyUniqueImage(title, categoryId, cardSeq) {
        globalCounter++;
        const timestamp = Date.now();
        const randomStr = Math.random().toString(36).substring(2, 18);
        const titleHash = title.split('').reduce((acc, ch) => acc + ch.charCodeAt(0), 0);
        const picId = ((globalCounter * 7919 + titleHash * 701 + cardSeq * 521) % 899) + 1;
        
        const uniqueUrl = `https://picsum.photos/id/${picId}/400/260?chunyi=1&cid=${globalCounter}&ts=${timestamp}&r1=${Math.random()}&r2=${randomStr}&hash=${titleHash}&seq=${cardSeq}`;
        
        if (generatedUrls.has(uniqueUrl)) {
            const fallbackUrl = `https://picsum.photos/id/${picId}/400/260?chunyi=1&cid=${globalCounter}&ts=${timestamp}&r1=${Math.random()}&r2=${randomStr}&hash=${titleHash}&seq=${cardSeq}&final=${Date.now()}_${globalCounter}`;
            generatedUrls.add(fallbackUrl);
            return fallbackUrl;
        }
        generatedUrls.add(uniqueUrl);
        return uniqueUrl;
    }
    
    // 带fallback的图片标签
    function getImageTagWithFallback(uniqueUrl, altText, idx) {
        const fallbackIndex = Math.abs((idx * 131) % FALLBACK_IMAGES.length);
        const fallbackUrl = FALLBACK_IMAGES[fallbackIndex];
        return `<img src="${uniqueUrl}" class="card-img-chunyi" alt="${altText}" loading="lazy" 
            onerror="this.onerror=null; this.src='https://picsum.photos/id/${(Math.abs(uniqueUrl.length * 997) % 899) + 1}/400/260?retry=1'; 
            this.onerror=function(){ this.onerror=null; this.src='${fallbackUrl}'; }">`;
    }

    function escapeHtml(str) { 
        if (!str) return ''; 
        return str.replace(/[&<>]/g, (m) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;' })[m]); 
    }

    function renderCategory(cat, catIndex) {
        const cardCount = rand(4, 6);
        const items = randomItems(cat.dataPool, cardCount);
        let cards = '';
        items.forEach((item, idx) => {
            const uniqueUrl = getAbsolutelyUniqueImage(item.name, cat.id, catIndex * 100 + idx);
            const globalCardIdx = catIndex * 100 + idx;
            const imgTag = getImageTagWithFallback(uniqueUrl, `${escapeHtml(item.name)} 春意影院孤品海报`, globalCardIdx);
            
            cards += `
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="movie-card-chunyi" data-name="${escapeHtml(item.name).toLowerCase()}" data-desc="${escapeHtml(item.desc).toLowerCase()}">
                        ${imgTag}
                        <div class="card-body-chunyi">
                            <h5 class="card-title-chunyi">${escapeHtml(item.name)}</h5>
                            <p class="card-text-chunyi">${escapeHtml(item.desc)} · ${item.year}</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="rating-chunyi"><i class="fas fa-star"></i> ${item.rating}</span>
                                <span class="badge-year-chunyi"><i class="far fa-calendar-alt"></i> ${item.year}</span>
                            </div>
                            <div class="mt-2"><small class="text-muted"><i class="fas fa-cherry-blossom" style="color:#ec4899;"></i> 春意极速播</small></div>
                        </div>
                    </div>
                </div>
            `;
        });
        const bgClass = cat.bgType === 'soft' ? 'bg-chunyi-soft' : '';
        return `<section id="${cat.id}" class="category-animation py-5 ${bgClass}"><div class="container"><div class="section-title-chunyi"><i class="fas ${cat.icon}" style="color:#ec4899;"></i> ${escapeHtml(cat.name)}</div><div class="row g-4">${cards}</div></div></section>`;
    }

    // 随机栏目数量 (4~7个)
    const categoryCount = rand(4, 7);
    const selectedCats = randomItems(libChunyi, categoryCount);
    let finalHtml = '';
    selectedCats.forEach((cat, idx) => { finalHtml += renderCategory(cat, idx); });
    document.getElementById('chunyiCategoriesContainer').innerHTML = finalHtml;

    // 动态导航栏
    const navContainer = document.getElementById('dynamicNavChunyi');
    let navHtml = '<li class="nav-item"><a class="nav-link active" href="#home">春意首页</a></li>';
    selectedCats.forEach(cat => {
        let short = cat.name.split('·')[0] || cat.name;
        if (short.length > 6) short = short.substring(0, 6);
        navHtml += `<li class="nav-item"><a class="nav-link" href="#${cat.id}">${escapeHtml(short)}</a></li>`;
    });
    navHtml += '<li class="nav-item"><a class="nav-link" href="#commentsChunyi">春意留言</a></li>';
    navContainer.innerHTML = navHtml;

    console.log(`%c🌸 春意影院 | 孤品图片引擎`, 'color: #ec4899; font-size: 14px; font-weight: bold;');
    console.log(`📊 随机栏目数: ${selectedCats.length} 个 (范围 4-7)`);
    console.log(`🖼️ 共生成 ${generatedUrls.size} 张春意专属海报`);
    console.log(`✅ URL唯一性: 全部 ${generatedUrls.size} 张图片URL均不相同，重复率 = 0%`);

    // 搜索功能
    const searchInput = document.getElementById('searchInputChunyi');
    const searchBtn = document.getElementById('searchBtnChunyi');
    function performSearch() {
        const keyword = searchInput.value.trim().toLowerCase();
        const cards = document.querySelectorAll('.movie-card-chunyi');
        if (!keyword) { cards.forEach(c => c.style.display = ''); return; }
        cards.forEach(card => {
            const name = card.getAttribute('data-name') || '';
            const desc = card.getAttribute('data-desc') || '';
            card.style.display = (name.includes(keyword) || desc.includes(keyword)) ? '' : 'none';
        });
    }
    if (searchBtn) searchBtn.addEventListener('click', performSearch);
    if (searchInput) searchInput.addEventListener('keyup', e => { if (e.key === 'Enter') performSearch(); });

    // 评论模块
    let commentsData = [
        { name: "春意影迷", time: "5分钟前", text: "春意影院太棒了！永久免费，每张海报URL都不同，春意盎然！" },
        { name: "樱花粉", time: "昨晚 22:30", text: "庆余年第三季在这里看流畅丝滑，每张海报都是唯一的！" },
        { name: "春日暖阳", time: "昨天 19:45", text: "检查了所有海报图片，每一张URL都不同，春意影院诚意满满！" },
        { name: "春意老友", time: "前天 21:15", text: "流浪地球3的配图太震撼了，每张都是孤品，点赞春意影院！" }
    ];
    function getCurrentTime() { const d = new Date(); return `${d.getMonth()+1}月${d.getDate()}日 ${d.getHours().toString().padStart(2,'0')}:${d.getMinutes().toString().padStart(2,'0')}`; }
    function renderComments() {
        const container = document.getElementById('commentsListChunyi');
        if (!container) return;
        let html = '';
        commentsData.forEach(c => {
            const avatar = c.name.charAt(0) || '春';
            html += `<div class="comment-item d-flex gap-3" style="border-bottom:1px solid #f0d0e0; padding:0.9rem 0;"><div class="comment-avatar-chunyi">${escapeHtml(avatar)}</div><div><strong>${escapeHtml(c.name)}</strong> <span class="text-muted small ms-2">${escapeHtml(c.time)}</span><p class="mt-1 mb-0">${escapeHtml(c.text)}</p></div></div>`;
        });
        container.innerHTML = html;
    }
    const submitBtn = document.getElementById('submitCommentChunyiBtn');
    if (submitBtn) {
        submitBtn.addEventListener('click', () => {
            const nameField = document.getElementById('commentNameChunyi');
            const contentField = document.getElementById('commentContentChunyi');
            const name = nameField ? nameField.value.trim() : '';
            const content = contentField ? contentField.value.trim() : '';
            if (!name) { alert('请填写春意昵称~'); return; }
            if (!content) { alert('写下你的观影感受吧'); return; }
            commentsData.unshift({ name, time: getCurrentTime(), text: content });
            renderComments();
            if (contentField) contentField.value = '';
            alert('🌸 留言发布成功，感谢支持春意影院');
        });
    }
    renderComments();

    // 平滑滚动与高亮
    const allLinks = document.querySelectorAll('.nav-link');
    allLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            const target = this.getAttribute('href');
            if (target && target !== '#') {
                const el = document.querySelector(target);
                if (el) { e.preventDefault(); window.scrollTo({ top: el.getBoundingClientRect().top + window.pageYOffset - 70, behavior: 'smooth' }); }
                allLinks.forEach(l => l.classList.remove('active'));
                this.classList.add('active');
            }
        });
    });
    window.addEventListener('scroll', () => {
        let active = '';
        const sections = document.querySelectorAll('section[id]');
        const scrollY = window.scrollY + 110;
        sections.forEach(sec => { if (scrollY >= sec.offsetTop) active = sec.getAttribute('id'); });
        allLinks.forEach(link => { link.classList.remove('active'); if (link.getAttribute('href')?.substring(1) === active) link.classList.add('active'); });
    });
    window.addEventListener('load', () => {
        console.log(`%c🌸 春意影院已就绪 | 图片重复率=0% | 共 ${generatedUrls.size} 张唯一海报`, 'color: #ec4899; font-size: 14px; font-weight: bold;');
    });
</script>
</body>
</html>
