<!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="桥矿影院,影视大全,桥矿影视,高清影院,免费影视,热播剧集,电影天堂">
    <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;900&display=swap" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body {
            font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            background: #0c0e1a;
            color: #eef2ff;
            scroll-behavior: smooth;
        }
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #1e2030; border-radius: 10px; }
        ::-webkit-scrollbar-thumb { background: #8b5cf6; border-radius: 10px; }
        
        /* 桥矿影院 矿紫风格 */
        .navbar-qiaokuang {
            background: rgba(12, 14, 26, 0.96);
            backdrop-filter: blur(14px);
            box-shadow: 0 4px 20px rgba(0,0,0,0.7);
            border-bottom: 2px solid #8b5cf6;
        }
        .navbar-qiaokuang .navbar-brand {
            font-weight: 900;
            font-size: 1.8rem;
            background: linear-gradient(135deg, #a78bfa, #8b5cf6);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            letter-spacing: 1px;
        }
        .navbar-qiaokuang .navbar-brand i { color: #8b5cf6; }
        .navbar-qiaokuang .nav-link {
            color: #cbd5e6 !important;
            font-weight: 600;
            margin: 0 8px;
            transition: 0.2s;
            border-radius: 40px;
        }
        .navbar-qiaokuang .nav-link:hover, .navbar-qiaokuang .nav-link.active {
            color: #a78bfa !important;
            background: rgba(139,92,246,0.12);
        }
        .search-qiaokuang {
            background: #1e2030;
            border-radius: 48px;
            padding: 0 18px;
            border: 1px solid #8b5cf660;
            transition: 0.2s;
        }
        .search-qiaokuang:focus-within { border-color: #8b5cf6; box-shadow: 0 0 0 3px rgba(139,92,246,0.2); background: #0c0e1a; }
        .search-qiaokuang input { background: transparent; border: none; padding: 9px 0; width: 210px; outline: none; color: white; }
        .search-qiaokuang input::placeholder { color: #7e7a9a; }
        .search-qiaokuang button { background: none; border: none; color: #8b5cf6; font-size: 1.2rem; }
        
        /* 英雄区 桥矿视界 */
        .hero-qiaokuang {
            background: linear-gradient(115deg, #070814 0%, #111326 100%);
            padding: 3rem 0 2.6rem 0;
            border-bottom: 1px solid #8b5cf630;
            position: relative;
            overflow: hidden;
        }
        .hero-qiaokuang::before {
            content: "⛏️ 桥 矿 影 院 · 影 视 大 全 ⛏️";
            position: absolute;
            font-size: 50px;
            opacity: 0.04;
            bottom: -20px;
            right: -10px;
            font-weight: 800;
            pointer-events: none;
            white-space: pre;
            letter-spacing: 5px;
        }
        .hero-icon-qiaokuang {
            width: 96px; height: 96px;
            background: linear-gradient(145deg, #a78bfa, #8b5cf6);
            border-radius: 32px;
            display: flex; align-items: center; justify-content: center;
            box-shadow: 0 20px 28px -8px rgba(139,92,246,0.5);
        }
        .hero-icon-qiaokuang i { font-size: 52px; color: #0c0e1a; }
        .hero-text h1 { font-size: 2.4rem; font-weight: 800; background: linear-gradient(120deg, #a78bfa, #c4b5fd); background-clip: text; -webkit-background-clip: text; color: transparent; }
        .badge-qiaokuang { background: #8b5cf6; color: #0c0e1a; border-radius: 40px; padding: 6px 28px; font-weight: 700; box-shadow: 0 4px 12px rgba(139,92,246,0.5); }
        
        /* 栏目标题 */
        .section-title-qiaokuang {
            font-weight: 800; font-size: 1.9rem;
            border-left: 6px solid #8b5cf6;
            padding-left: 22px;
            margin-bottom: 2rem;
            display: flex;
            align-items: center;
            gap: 12px;
            color: #eef2ff;
        }
        
        /* 桥矿卡片 */
        .movie-card-qiaokuang {
            background: #14172a;
            border-radius: 28px; overflow: hidden;
            transition: all 0.35s; box-shadow: 0 12px 24px -10px rgba(0,0,0,0.6);
            height: 100%; display: flex; flex-direction: column;
            border: 1px solid #2a2e48;
        }
        .movie-card-qiaokuang:hover { transform: translateY(-8px); box-shadow: 0 22px 32px -12px rgba(139,92,246,0.3); border-color: #8b5cf6; }
        .card-img-qiaokuang { height: 240px; object-fit: cover; width: 100%; background: linear-gradient(145deg, #282e42, #1a1e34); transition: transform 0.45s; }
        .movie-card-qiaokuang:hover .card-img-qiaokuang { transform: scale(1.02); }
        .card-body-qiaokuang { padding: 1.3rem; flex: 1; }
        .card-title-qiaokuang { font-weight: 800; font-size: 1.2rem; margin-bottom: 6px; }
        .rating-qiaokuang { color: #a78bfa; font-weight: 800; background: #22263c; padding: 3px 12px; border-radius: 40px; display: inline-block; }
        
        /* 影视大全专区 */
        .special-qiaokuang {
            background: linear-gradient(125deg, #0c0f1d, #080b18);
            border-radius: 36px;
            padding: 2rem;
            border: 1px solid #8b5cf630;
        }
        .btn-qiaokuang-primary { background: #8b5cf6; border: none; color: #0c0e1a; border-radius: 60px; padding: 10px 34px; font-weight: 700; transition: 0.2s; box-shadow: 0 6px 14px rgba(139,92,246,0.4); }
        .btn-qiaokuang-primary:hover { background: #7c3aed; transform: scale(0.97); color: white; }
        
        /* 评论区 */
        .comment-section-qiaokuang {
            background: #14172a; border-radius: 40px; box-shadow: 0 12px 28px -8px rgba(0,0,0,0.6);
            padding: 2rem; border: 1px solid #2a2e48;
        }
        .comment-avatar-qiaokuang { width: 46px; height: 46px; background: #8b5cf6; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #0c0e1a; font-weight: bold; }
        footer { background: #05060f; color: #7e7a9a; border-top: 2px solid #8b5cf6; }
        
        @media (max-width: 768px) {
            .hero-text h1 { font-size: 1.7rem; }
            .hero-icon-qiaokuang { width: 70px; height: 70px; }
            .search-qiaokuang input { width: 130px; }
        }
        .category-animation { animation: fadeUp 0.5s ease-out; }
        @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .bg-qiaokuang-soft { background: #090c18; }
        .float-btn-qiaokuang {
            position: fixed;
            bottom: 24px;
            right: 24px;
            background: #8b5cf6;
            color: #0c0e1a;
            border-radius: 60px;
            padding: 12px 28px;
            font-weight: 700;
            z-index: 999;
            box-shadow: 0 10px 18px rgba(0,0,0,0.5);
            border: none;
            cursor: pointer;
            transition: 0.2s;
        }
        .float-btn-qiaokuang:hover { background: #7c3aed; transform: scale(1.02); color: white; }
        .text-secondary-qiaokuang { color: #9ca3bf; }
        .mine-tag { background: #8b5cf620; border-radius: 40px; padding: 2px 12px; font-size: 0.7rem; border-left: 2px solid #8b5cf6; }
    </style>
</head>
<body>

<nav class="navbar navbar-expand-lg navbar-qiaokuang fixed-top">
    <div class="container">
        <a class="navbar-brand" href="#"><i class="fas fa-mountain"></i> 桥矿影院·影视大全</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarQiaokuang">
            <span class="navbar-toggler-icon" style="filter: invert(1);"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarQiaokuang">
            <ul class="navbar-nav me-auto mb-2 mb-lg-0" id="dynamicNavQiaokuang"></ul>
            <div class="d-flex">
                <div class="search-qiaokuang d-flex align-items-center">
                    <input type="text" id="searchInputQiaokuang" placeholder="搜电影、剧集..." aria-label="搜索">
                    <button id="searchBtnQiaokuang"><i class="fas fa-search"></i></button>
                </div>
            </div>
        </div>
    </div>
</nav>

<main>
    <section id="home" class="hero-qiaokuang" style="margin-top: 72px;">
        <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-qiaokuang mx-auto mx-md-0"><i class="fas fa-crown"></i></div>
                </div>
                <div class="col-md-7">
                    <div class="hero-text">
                        <h1>桥矿影院·影视大全 · 矿藏级影库 一站畅享</h1>
                        <div class="mt-2 mb-3">
                            <span class="badge-qiaokuang"><i class="fas fa-gem"></i> 桥矿专享</span>
                            <span class="badge bg-dark text-light ms-2"><i class="fas fa-infinity"></i> 永久免费</span>
                        </div>
                        <p class="text-secondary-qiaokuang">电影、剧集、综艺、动漫 — 桥矿影院，影视大全，每日更新。</p>
                    </div>
                </div>
                <div class="col-md-3 d-none d-lg-block text-end">
                    <i class="fas fa-mountain fa-3x" style="color: #8b5cf6; opacity: 0.5;"></i>
                </div>
            </div>
        </div>
    </section>

    <div id="qiaokuangCategoriesContainer"></div>

    <!-- 影视大全专区 -->
    <section class="container py-4">
        <div class="special-qiaokuang">
            <div class="row align-items-center">
                <div class="col-md-9">
                    <h3><i class="fas fa-gift me-2" style="color:#8b5cf6;"></i> 桥矿会员 · 影视大全礼遇</h3>
                    <p>⛏️ 每日签到领观影券 + 极速通道 + 4K矿藏修复库，桥矿相伴，影视大全。</p>
                    <button class="btn btn-qiaokuang-primary" id="specialBtnQiaokuang"><i class="fas fa-ticket-alt"></i> 领取桥矿礼包</button>
                </div>
                <div class="col-md-3 text-center">
                    <i class="fas fa-mountain fa-3x" style="color:#8b5cf6;"></i>
                    <p class="small mt-2 mb-0">今日更新30+部影视好片</p>
                </div>
            </div>
        </div>
    </section>

    <section id="commentsQiaokuang" class="container py-5">
        <div class="comment-section-qiaokuang">
            <h3 class="mb-3"><i class="fas fa-comment-dots me-2" style="color:#8b5cf6;"></i> 桥矿影迷圈 · 影视热评</h3>
            <p class="text-secondary-qiaokuang">万千影迷聚集，分享你的观影心情</p>
            <div class="mb-4 row g-2">
                <div class="col-md-4"><input type="text" id="commentNameQiaokuang" class="form-control bg-dark text-white border-secondary" placeholder="昵称" value="桥矿影迷"></div>
                <div class="col-md-8"><input type="text" id="commentContentQiaokuang" class="form-control bg-dark text-white border-secondary" placeholder="写下你的观影感受..."></div>
                <div class="col-12 mt-2 text-end"><button id="submitCommentQiaokuangBtn" class="btn btn-qiaokuang-primary"><i class="fas fa-paper-plane"></i> 发布热评</button></div>
            </div>
            <div id="commentsListQiaokuang"></div>
        </div>
    </section>
</main>

<footer class="py-4 text-center">
    <div class="container">
        <div class="row">
            <div class="col-12 mb-2">© 2025 桥矿影院·影视大全 | 矿藏级影库 一站畅享 | 免费观影 快乐每一天</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>

<div class="float-btn-qiaokuang" id="floatBtnQiaokuang">
    <i class="fas fa-mountain me-1"></i> 今日桥矿福利
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
<script>
    // ==================== 桥矿影院·影视大全 矿藏级片库 ====================
    const qiaokuangLibrary = [
        { id: "qiaokuangHot", name: "🔥 桥矿热映榜", icon: "fa-chart-line", bgType: "soft", dataPool: [
            { name: "热辣滚烫", year: "2024", rating: "9.8", desc: "贾玲励志燃作", type: "电影" },
            { name: "飞驰人生2", year: "2024", rating: "9.7", desc: "沈腾爆笑赛车", type: "电影" },
            { name: "第二十条", year: "2024", rating: "9.8", desc: "张艺谋现实主义", type: "电影" },
            { name: "周处除三害", year: "2024", rating: "9.7", desc: "阮经天犯罪动作", type: "电影" },
            { name: "庆余年2", year: "2024", rating: "9.9", desc: "张若昀权谋巅峰", type: "剧集" },
            { name: "与凤行", year: "2024", rating: "9.8", desc: "赵丽颖林更新仙侠", type: "剧集" }
        ]},
        { id: "qiaokuangMovie", name: "🎬 桥矿电影馆", icon: "fa-film", bgType: "light", dataPool: [
            { name: "沙丘2·4K", year: "2024", rating: "9.9", desc: "科幻史诗", type: "电影" },
            { name: "流浪地球3", year: "2025", rating: "9.9", desc: "中国科幻巅峰", type: "电影" },
            { name: "哥斯拉大战金刚2", year: "2024", rating: "9.6", desc: "怪兽宇宙", type: "电影" },
            { name: "金手指", year: "2023", rating: "9.5", desc: "梁朝伟刘德华", type: "电影" },
            { name: "临时劫案", year: "2024", rating: "9.4", desc: "郭富城黑色幽默", type: "电影" },
            { name: "破墓", year: "2024", rating: "9.5", desc: "崔岷植金高银", type: "电影" }
        ]},
        { id: "qiaokuangAction", name: "💥 桥矿动作猛片", icon: "fa-fist-raised", bgType: "soft", dataPool: [
            { name: "怒火·重案", year: "2021", rating: "9.7", desc: "甄子丹谢霆锋对决", type: "电影" },
            { name: "战狼2·4K", year: "2017", rating: "9.9", desc: "吴京热血燃爆", type: "电影" },
            { name: "红海行动", year: "2018", rating: "9.8", desc: "军事动作巅峰", type: "电影" },
            { name: "杀破狼·贪狼", year: "2017", rating: "9.6", desc: "古天乐硬核", type: "电影" }
        ]},
        { id: "qiaokuangDrama", name: "📺 桥矿热播剧", icon: "fa-tv", bgType: "light", dataPool: [
            { name: "繁花·沪语版", year: "2023", rating: "9.9", desc: "王家卫美学", type: "剧集" },
            { name: "大江大河3", year: "2024", rating: "9.7", desc: "王凯品质剧", type: "剧集" },
            { name: "南来北往", year: "2024", rating: "9.6", desc: "白敬亭年代刑侦", type: "剧集" },
            { name: "三大队·剧版", year: "2023", rating: "9.8", desc: "秦昊追凶神剧", type: "剧集" },
            { name: "眼泪女王", year: "2024", rating: "9.6", desc: "金秀贤金智媛", type: "剧集" }
        ]},
        { id: "qiaokuangVariety", name: "🎤 桥矿爆款综艺", icon: "fa-microphone-alt", bgType: "soft", dataPool: [
            { name: "歌手2024", year: "2024", rating: "9.8", desc: "直播竞演封神", type: "综艺" },
            { name: "乘风破浪2024", year: "2024", rating: "9.7", desc: "姐姐舞台炸裂", type: "综艺" },
            { name: "奔跑吧·生态", year: "2023", rating: "9.5", desc: "搞笑户外综艺", type: "综艺" },
            { name: "哈哈哈哈哈4", year: "2024", rating: "9.6", desc: "五哈旅行团", type: "综艺" }
        ]},
        { id: "qiaokuangAnime", name: "✨ 桥矿动漫社", icon: "fa-dragon", bgType: "light", dataPool: [
            { name: "咒术回战·涩谷", year: "2023", rating: "9.9", desc: "最强战斗番", type: "动漫" },
            { name: "雾山五行·犀川", year: "2023", rating: "9.9", desc: "国风水墨", type: "动漫" },
            { name: "葬送的芙莉莲", year: "2023", rating: "9.8", desc: "治愈奇幻", type: "动漫" },
            { name: "间谍过家家2", year: "2023", rating: "9.7", desc: "搞笑温馨", type: "动漫" }
        ]}
    ];

    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 globalPicSeed = Math.floor(Math.random() * 90000) + 12700000;
    const usedPics = new Set();
    function getUniqueImage(title, categoryId, cardSeq) {
        let uniqueCode;
        do { globalPicSeed++; uniqueCode = globalPicSeed + (title.charCodeAt(0)||100)*9101 + (categoryId.length)*8311 + cardSeq*57013; } 
        while (usedPics.has(uniqueCode));
        usedPics.add(uniqueCode);
        const imgId = (Math.abs(uniqueCode) % 990) + 1;
        return `https://picsum.photos/id/${imgId}/400/260?qiaokuang=${uniqueCode}`;
    }
    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 imgUrl = getUniqueImage(item.name, cat.id, catIndex*7011 + idx);
            cards += `
                <div class="col-lg-3 col-md-4 col-sm-6">
                    <div class="movie-card-qiaokuang" data-name="${escapeHtml(item.name).toLowerCase()}" data-desc="${escapeHtml(item.desc).toLowerCase()}" data-type="${item.type}">
                        <img src="${imgUrl}" class="card-img-qiaokuang" alt="${item.name} 桥矿影院影视大全" loading="lazy" onerror="this.src='https://picsum.photos/id/100/400/260'">
                        <div class="card-body-qiaokuang">
                            <h5 class="card-title-qiaokuang">${escapeHtml(item.name)}</h5>
                            <p class="card-text-qiaokuang text-secondary-qiaokuang">${escapeHtml(item.desc)} · ${item.year}</p>
                            <div class="d-flex justify-content-between align-items-center">
                                <span class="rating-qiaokuang"><i class="fas fa-star"></i> ${item.rating}</span>
                                <span class="mine-tag"><i class="fas fa-mountain"></i> 矿藏精选</span>
                            </div>
                            <div class="mt-2"><small class="text-secondary-qiaokuang"><i class="fas fa-mountain" style="color:#8b5cf6;"></i> 桥矿影视·大全收录</small></div>
                        </div>
                    </div>
                </div>
            `;
        });
        const bgClass = cat.bgType === 'soft' ? 'bg-qiaokuang-soft' : '';
        return `<section id="${cat.id}" class="category-animation py-5 ${bgClass}"><div class="container"><div class="section-title-qiaokuang"><i class="fas ${cat.icon}" style="color:#8b5cf6;"></i> ${escapeHtml(cat.name)}</div><div class="row g-4">${cards}</div></div></section>`;
    }

    const selectedCatCount = rand(4, 6);
    const finalCats = randomItems(qiaokuangLibrary, selectedCatCount);
    let finalHtml = '';
    finalCats.forEach((cat, idx) => { finalHtml += renderCategory(cat, idx); });
    document.getElementById('qiaokuangCategoriesContainer').innerHTML = finalHtml;

    // 动态导航
    const navContainer = document.getElementById('dynamicNavQiaokuang');
    let navHtml = '<li class="nav-item"><a class="nav-link active" href="#home">桥矿首页</a></li>';
    finalCats.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="#commentsQiaokuang">矿友圈</a></li>';
    navContainer.innerHTML = navHtml;

    // 搜索 + toast
    const searchInput = document.getElementById('searchInputQiaokuang');
    const searchBtn = document.getElementById('searchBtnQiaokuang');
    function showQiaokuangToast(msg) {
        let toast = document.querySelector('.toast-qiaokuang');
        if(toast) toast.remove();
        const div = document.createElement('div');
        div.className = 'toast-qiaokuang';
        div.innerHTML = `<i class="fas fa-mountain me-1"></i> ${msg}`;
        Object.assign(div.style, {
            position: 'fixed', bottom: '90px', left: '50%', transform: 'translateX(-50%)', background: '#14172a', color: '#a78bfa', padding: '10px 26px', borderRadius: '60px', fontWeight: '600', zIndex: '9999', fontSize: '0.85rem', boxShadow: '0 6px 14px rgba(0,0,0,0.7)', backdropFilter: 'blur(8px)', whiteSpace: 'nowrap', border: '1px solid #8b5cf6'
        });
        document.body.appendChild(div);
        setTimeout(() => { div.style.opacity = '0'; setTimeout(() => div.remove(), 2000); }, 1800);
    }
    function performSearch() {
        const keyword = searchInput.value.trim().toLowerCase();
        const cards = document.querySelectorAll('.movie-card-qiaokuang');
        if (!keyword) { cards.forEach(c => c.style.display = ''); showQiaokuangToast('✨ 桥矿影视大全 · 全量矿藏片库'); return; }
        let matches = 0;
        cards.forEach(card => {
            const name = card.getAttribute('data-name') || '';
            const desc = card.getAttribute('data-desc') || '';
            const type = card.getAttribute('data-type') || '';
            const match = name.includes(keyword) || desc.includes(keyword) || type.includes(keyword);
            card.style.display = match ? '' : 'none';
            if(match) matches++;
        });
        showQiaokuangToast(matches ? `🎬 找到 ${matches} 部桥矿影视` : `😢 未找到“${keyword}”，试试热门影视`);
    }
    if(searchBtn) searchBtn.addEventListener('click', performSearch);
    if(searchInput) searchInput.addEventListener('keyup', e => { if(e.key === 'Enter') performSearch(); });

    // 评论模块
    let commentsData = [
        { name: "桥矿少年", time: "5分钟前", text: "热辣滚烫看得我热血沸腾，桥矿影院影视大全yyds！" },
        { name: "矿藏影迷", time: "1小时前", text: "飞驰人生2太搞笑了，感谢桥矿免费分享" },
        { name: "追剧小矿", time: "昨天 22:10", text: "庆余年2画质绝了，桥矿不卡顿" },
        { name: "动漫爱好者", time: "昨天 15:30", text: "雾山五行打斗太牛，桥矿我的快乐源泉" }
    ];
    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('commentsListQiaokuang');
        if (!container) return;
        let html = '';
        commentsData.forEach(c => {
            const avatar = c.name.charAt(0) || '桥';
            html += `<div class="d-flex gap-3 mb-3 pb-2" style="border-bottom:1px solid #2a2e48;"><div class="comment-avatar-qiaokuang">${escapeHtml(avatar)}</div><div><strong>${escapeHtml(c.name)}</strong> <span class="text-secondary-qiaokuang small ms-2">${escapeHtml(c.time)}</span><p class="mt-1">${escapeHtml(c.text)}</p></div></div>`;
        });
        container.innerHTML = html;
    }
    const submitComment = document.getElementById('submitCommentQiaokuangBtn');
    if(submitComment) {
        submitComment.addEventListener('click', () => {
            const nameField = document.getElementById('commentNameQiaokuang');
            const contentField = document.getElementById('commentContentQiaokuang');
            const name = nameField ? nameField.value.trim() : '';
            const content = contentField ? contentField.value.trim() : '';
            if (!name) { showQiaokuangToast('请填写你的桥矿影迷昵称~'); return; }
            if (!content) { showQiaokuangToast('分享你的观影感受吧'); return; }
            commentsData.unshift({ name, time: getCurrentTime(), text: content });
            renderComments();
            if(contentField) contentField.value = '';
            showQiaokuangToast('✅ 桥矿影评发布成功！矿藏相伴');
        });
    }
    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 - 72, 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 + 100;
        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'); });
    });

    // 桥矿福利按钮
    const floatBtn = document.getElementById('floatBtnQiaokuang');
    const specialBtn = document.getElementById('specialBtnQiaokuang');
    if(floatBtn) floatBtn.addEventListener('click', () => showQiaokuangToast('🎁 桥矿福利：免费领影视大全会员+4K修复专区'));
    if(specialBtn) specialBtn.addEventListener('click', () => showQiaokuangToast('🎟️ 恭喜领取桥矿礼包，矿藏永相伴'));

    console.log(`⛏️ 桥矿影院·影视大全 | 栏目数: ${selectedCatCount} | 矿藏片库加载完成 | 影视大全`);
</script>
</body>
</html>
