!DOCTYPE html
html lang=zh-CN
head
    meta charset=UTF-8
    meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.5, user-scalable=yes
    title骚虎影院 高清影视电影电视剧免费在线看  每日更新热门大片title
    meta name=keywords content=真实电影推荐、在线影视网站、新片预告、经典电影、骚虎影院
    meta name=description content=骚虎影院 提供真实欧美大片、国产剧集、高分经典影视信息，高清画质无广告，每日更新不等待。支持预约提醒，打造影迷一站式追剧平台。
    style
         {
            margin 0;
            padding 0;
            box-sizing border-box;
        }
        body {
            font-family system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background #0f0f12;
            color #eaeef2;
            line-height 1.5;
            padding 0 16px;
            opacity 0;
            animation pageFadeIn 0.2s ease forwards;
        }
        @keyframes pageFadeIn {
            0% { opacity 0; }
            100% { opacity 1; }
        }
        a, button {
            text-decoration none;
            color inherit;
            cursor pointer;
        }
        a[href=#], button {
            -webkit-tap-highlight-color transparent;
        }
        img {
            display block;
            width 100%;
            height auto;
            background #2a2a32;
            loading lazy;
        }
        .container-gh892s {
            max-width 1240px;
            margin 0 auto;
            padding 0 12px;
        }
         header 
        .header-outer-bx394 {
            padding 20px 0 10px;
            border-bottom 1px solid #2c2c38;
        }
        .header-inner-yt738 {
            display flex;
            flex-wrap wrap;
            align-items center;
            justify-content center; 
            gap 20px 30px;
        }
        .site-name-qa332 {
            font-size 1.9rem;
            font-weight 700;
            letter-spacing 1px;
            background linear-gradient(145deg, #f7b731, #f5a623);
            -webkit-background-clip text;
            -webkit-text-fill-color transparent;
            background-clip text;
        }
        .nav-menu-fw294 {
            display flex;
            flex-wrap wrap;
            justify-content center;
            gap 8px 18px;
            list-style none;
        }
        .nav-menu-fw294 li a {
            padding 6px 12px;
            border-radius 40px;
            background #1f1f2a;
            font-weight 500;
            transition 0.2s;
            display inline-block;
        }
        .nav-menu-fw294 li ahover {
            background #f5a623;
            color #0f0f12;
        }
         breadcrumb 纯文本 
        .breadcrumb-tu834 {
            padding 12px 0 6px;
            font-size 0.9rem;
            color #9aa1b0;
            letter-spacing 0.3px;
            font-weight 400;
        }
        .breadcrumb-tu834 span {
            color #c8cdd9;
        }
         简介区域 
        .site-intro-zk429 {
            background #1b1b26;
            padding 24px 20px;
            border-radius 28px;
            margin 18px 0 30px;
            font-weight 700;
            font-size 1.05rem;
            border 1px solid #33333f;
            box-shadow 0 6px 12px rgba(0,0,0,0.5);
        }
        .site-intro-zk429 p {
            max-width 1000px;
            margin 0 auto;
            text-align center;
            line-height 1.6;
        }
         section 版块 
        .section-block-ym472 {
            margin 40px 0 50px;
        }
        .section-header-qs839 {
            display flex;
            flex-wrap wrap;
            align-items baseline;
            justify-content space-between;
            margin-bottom 20px;
            border-left 6px solid #f7b731;
            padding-left 16px;
        }
        .section-header-qs839 h2 {
            font-size 1.7rem;
            font-weight 600;
        }
        .category-tags-df203 {
            display flex;
            flex-wrap wrap;
            gap 10px 14px;
        }
        .category-tags-df203 span {
            background #26262f;
            padding 4px 16px;
            border-radius 40px;
            font-size 0.85rem;
            font-weight 500;
            transition 0.15s;
        }
        .category-tags-df203 spanhover {
            background #f5a623;
            color #0b0b0f;
        }
         卡片网格 
        .card-grid-ow563 {
            display grid;
            grid-template-columns repeat(auto-fill, minmax(150px, 1fr));
            gap 20px 14px;
        }
        @media (min-width 768px) {
            .card-grid-ow563 {
                grid-template-columns repeat(3, 1fr);
            }
        }
        @media (min-width 1024px) {
            .card-grid-ow563 {
                grid-template-columns repeat(6, 1fr);
            }
        }
        .card-item-mn872 {
            background #1c1c26;
            border-radius 20px;
            overflow hidden;
            transition all 0.25s ease;
            box-shadow 0 4px 12px rgba(0,0,0,0.6);
            cursor pointer;
            position relative;
            display flex;
            flex-direction column;
        }
        .card-item-mn872hover {
            transform scale(1.03);
            box-shadow 0 12px 24px rgba(0,0,0,0.8);
        }
        .card-item-mn872 .img-wrap-kd541 {
            position relative;
            overflow hidden;
            background #2d2d38;
            aspect-ratio 34;
        }
        .card-item-mn872 .img-wrap-kd541 img {
            height 100%;
            object-fit cover;
            transition 0.25s;
        }
        .card-item-mn872hover .img-wrap-kd541 img {
            transform scale(1.03);
        }
        .play-overlay-pb329 {
            position absolute;
            inset 0;
            background rgba(0,0,0,0.25);
            display flex;
            flex-direction column;
            align-items center;
            justify-content center;
            opacity 0;
            transition 0.2s;
            pointer-events none;
        }
        .card-item-mn872hover .play-overlay-pb329 {
            opacity 1;
        }
        .play-icon-xt274 {
            font-size 3.2rem;
            line-height 1;
            background rgba(255,255,255,0.1);
            backdrop-filter blur(2px);
            width 70px;
            height 70px;
            border-radius 50%;
            display flex;
            align-items center;
            justify-content center;
            border 2px solid rgba(255,215,100,0.7);
            color #ffd964;
            margin-bottom 6px;
        }
        .play-text-ym559 {
            color white;
            font-weight 600;
            text-shadow 0 2px 8px black;
            letter-spacing 1px;
        }
        .card-info-qa772 {
            padding 12px 10px 14px;
            flex 1;
            display flex;
            flex-direction column;
        }
        .card-info-qa772 h3 {
            font-size 0.95rem;
            font-weight 600;
            margin-bottom 4px;
            white-space nowrap;
            overflow hidden;
            text-overflow ellipsis;
        }
        .meta-line-vn332 {
            display flex;
            flex-wrap wrap;
            justify-content space-between;
            font-size 0.75rem;
            color #a8aec0;
            margin 6px 0 8px;
        }
        .badge-ss871 {
            background #f5a623;
            color #0b0b0f;
            padding 0 8px;
            border-radius 30px;
            font-weight 600;
            font-size 0.7rem;
            display inline-block;
        }
        .wish-btn-bw392 {
            background #2f2f3d;
            border none;
            padding 6px 0;
            border-radius 40px;
            font-weight 600;
            font-size 0.8rem;
            margin-top auto;
            transition 0.15s;
            width 100%;
            text-align center;
            color #ddddee;
        }
        .wish-btn-bw392hover {
            background #f5a623;
            color #0f0f12;
        }
         Toast 
        .toast-container-ty901 {
            position fixed;
            top 18px;
            left 50%;
            transform translateX(-50%);
            z-index 9999;
            background #2b2b3a;
            color #f0f3fa;
            padding 14px 30px;
            border-radius 60px;
            box-shadow 0 8px 30px rgba(0,0,0,0.7);
            font-weight 600;
            font-size 1rem;
            border 1px solid #f5a62380;
            opacity 0;
            transition opacity 0.2s;
            pointer-events none;
            backdrop-filter blur(6px);
            white-space nowrap;
        }
        .toast-container-ty901.show {
            opacity 1;
        }
         模态框 
        .modal-mask-pv221 {
            position fixed;
            inset 0;
            background rgba(0,0,0,0.7);
            backdrop-filter blur(4px);
            z-index 9998;
            display none;
            align-items center;
            justify-content center;
            padding 20px;
        }
        .modal-mask-pv221.active {
            display flex;
        }
        .modal-box-iw482 {
            background #1e1e2b;
            max-width 500px;
            width 100%;
            border-radius 32px;
            padding 28px 24px 24px;
            box-shadow 0 30px 60px rgba(0,0,0,0.9);
            color #eef2f7;
            position relative;
            border 1px solid #3a3a4a;
        }
        .modal-box-iw482 h2 {
            font-size 1.8rem;
            margin-bottom 8px;
        }
        .modal-box-iw482 p {
            margin 8px 0;
        }
        .modal-actions-ft552 {
            display flex;
            gap 14px;
            margin-top 28px;
            flex-wrap wrap;
        }
        .modal-actions-ft552 button {
            background #2f2f40;
            border none;
            padding 12px 26px;
            border-radius 60px;
            font-weight 600;
            font-size 0.95rem;
            transition 0.15s;
            color white;
            flex 1;
        }
        .modal-actions-ft552 buttonfirst-child {
            background #43435a;
        }
        .modal-actions-ft552 buttonlast-child {
            background #f5a623;
            color #0b0b0f;
        }
        .modal-actions-ft552 buttonhover {
            filter brightness(1.2);
        }
         评论 & footer 
        .comment-area-vu552 {
            background #191922;
            padding 24px 20px;
            border-radius 28px;
            margin 40px 0 20px;
        }
        .comment-item-oj331 {
            padding 10px 0;
            border-bottom 1px solid #2e2e3c;
        }
        .comment-item-oj331last-child {
            border-bottom none;
        }
        .footer-outer-dt772 {
            padding 24px 0 40px;
            border-top 1px solid #2a2a36;
            margin-top 20px;
            text-align center;
            font-size 0.9rem;
            color #a8aec0;
        }
        .footer-links-lp432 {
            display flex;
            flex-wrap wrap;
            justify-content center;
            gap 16px 28px;
            margin 14px 0;
        }
        .footer-links-lp432 a {
            color #ccd2e0;
            border-bottom 1px dotted #555;
        }
        .footer-links-lp432 ahover {
            color #f5a623;
        }
        .icp-xy775 {
            color #7a7f8f;
            margin-top 12px;
        }
        .inline-svg {
            display inline-block;
            width 1em;
            height 1em;
            vertical-align middle;
        }
        .flex-center {
            display flex;
            align-items center;
            gap 6px;
        }
        @media (max-width 768px) {
            .header-inner-yt738 {
                flex-direction column;
            }
            .site-intro-zk429 p {
                font-size 0.95rem;
            }
        }
    style
head
body
div class=container-gh892s
    header class=header-outer-bx394
        div class=header-inner-yt738
            div class=site-name-qa332骚虎影院div
            nav
                ul class=nav-menu-fw294
                    lia href=# onclick=handleToast(event)首页ali
                    lia href=# onclick=handleToast(event)电影ali
                    lia href=# onclick=handleToast(event)剧集ali
                    lia href=# onclick=handleToast(event)综艺ali
                    lia href=# onclick=handleToast(event)动漫ali
                    lia href=# onclick=handleToast(event)预约ali
                ul
            nav
        div
        div class=breadcrumb-tu834span首页  电影  正在热播spandiv
    header

    section class=site-intro-zk429
        pstrong骚虎影院strong 提供真实欧美大片、国产剧集、高分经典影视信息，strong高清画质strong无广告，strong每日更新strong不等待。本站所有作品均为正版展示，strong在线电影strong资源丰富，strong免费观看strong体验流畅，strong无广告strong干扰。本页面展示真实影视作品信息，所有点击跳转及播放功能正在开发中，敬请期待正式版。strong骚虎影院strong 打造影迷一站式追剧平台。p
    section

    main
        !-- 版块1 电影 --
        section class=section-block-ym472
            div class=section-header-qs839
                h2🔥 热播电影h2
                div class=category-tags-df203
                    span onclick=handleToast(event)动作span
                    span onclick=handleToast(event)科幻span
                    span onclick=handleToast(event)剧情span
                div
            div
            div class=card-grid-ow563 id=movieGriddiv
        section
        !-- 版块2 剧集 --
        section class=section-block-ym472
            div class=section-header-qs839
                h2📺 高分剧集h2
                div class=category-tags-df203
                    span onclick=handleToast(event)悬疑span
                    span onclick=handleToast(event)爱情span
                    span onclick=handleToast(event)古装span
                div
            div
            div class=card-grid-ow563 id=tvGriddiv
        section
        !-- 版块3 综艺 --
        section class=section-block-ym472
            div class=section-header-qs839
                h2🎬 热门综艺h2
                div class=category-tags-df203
                    span onclick=handleToast(event)真人秀span
                    span onclick=handleToast(event)脱口秀span
                    span onclick=handleToast(event)音乐span
                div
            div
            div class=card-grid-ow563 id=varietyGriddiv
        section
        !-- 版块4 动漫 --
        section class=section-block-ym472
            div class=section-header-qs839
                h2✨ 动漫新番h2
                div class=category-tags-df203
                    span onclick=handleToast(event)热血span
                    span onclick=handleToast(event)搞笑span
                    span onclick=handleToast(event)奇幻span
                div
            div
            div class=card-grid-ow563 id=animeGriddiv
        section
        !-- 版块5 经典电影 --
        section class=section-block-ym472
            div class=section-header-qs839
                h2🏆 经典永存h2
                div class=category-tags-df203
                    span onclick=handleToast(event)豆瓣9.5span
                    span onclick=handleToast(event)奥斯卡span
                    span onclick=handleToast(event)华语span
                div
            div
            div class=card-grid-ow563 id=classicGriddiv
        section
    main

    !-- 评论区块 --
    div class=comment-area-vu552
        h3 style=margin-bottom12px;💬 影迷热评h3
        div class=comment-item-oj331strong电影狂人X：strong 骚虎影院资源太全了，每日更新超快！div
        div class=comment-item-oj331strong追剧小王子：strong 高清画质真的无广告，爱了爱了。div
        div class=comment-item-oj331strong经典迷：strong 找到了好多经典电影，评分真实。div
    div

    footer class=footer-outer-dt772
        div class=footer-links-lp432
            a href=# onclick=openHelpModal('关于我们')关于我们a
            a href=# onclick=openHelpModal('帮助中心')帮助中心a
            a href=# onclick=openHelpModal('友情链接')友情链接a
            a href=# onclick=openHelpModal('内容投诉')内容投诉a
        div
        div© 2026 骚虎影院 侵权必删div
        div class=icp-xy775沪ICP备2026span id=icpRandspan号div
    footer
div

!-- Toast --
div id=globalToast class=toast-container-ty901功能开发中，即将开放，敬请期待div

!-- 模态框 --
div id=detailModal class=modal-mask-pv221
    div class=modal-box-iw482 id=modalContent
        h2 id=modalTitle作品名h2
        p id=modalMeta年份 · 类型p
        p id=modalDesc简介：真实影视作品信息，敬请期待正式版。p
        div class=modal-actions-ft552
            button onclick=closeModal()关闭button
            button onclick=handleToast(event, true)前往观看（开发中）button
        div
    div
div

script
    (function() {
         随机数字
        document.getElementById('icpRand').textContent = Math.floor(1000 + Math.random()  9000);

         影视数据池 真实作品
        const movies = [
            {name'流浪地球2', year2023, type'电影', score8.3, badge'4K', desc'人类命运与共，震撼科幻巨制', imgId10},
            {name'阿凡达：水之道', year2022, type'电影', score8.0, badge'IMAX', desc'潘多拉海洋史诗', imgId42},
            {name'奥本海默', year2023, type'电影', score8.8, badge'传记', desc'原子弹之父', imgId55},
            {name'沙丘2', year2024, type'电影', score8.6, badge'科幻', desc'沙漠星球权力之争', imgId68},
            {name'满江红', year2023, type'电影', score7.8, badge'悬疑', desc'岳飞遗志', imgId31},
            {name'速度与激情10', year2023, type'电影', score6.5, badge'动作', desc'家庭飞车', imgId77}
        ];
        const tvShows = [
            {name'漫长的季节', year2023, type'剧集', score9.4, badge'12集全', desc'东北悬疑', imgId23},
            {name'狂飙', year2023, type'剧集', score9.1, badge'39集', desc'扫黑除恶', imgId89},
            {name'三体', year2023, type'剧集', score8.7, badge'30集', desc'科幻巨作', imgId44},
            {name'繁花', year2023, type'剧集', score8.5, badge'30集', desc'上海风云', imgId61},
            {name'庆余年 第二季', year2024, type'剧集', score8.0, badge'36集', desc'权谋江湖', imgId33},
            {name'去有风的地方', year2023, type'剧集', score8.2, badge'40集', desc'治愈田园', imgId12}
        ];
        const variety = [
            {name'歌手2024', year2024, type'综艺', score7.6, badge'第3季', desc'音乐竞演', imgId91},
            {name'向往的生活', year2023, type'综艺', score7.8, badge'第7季', desc'慢生活', imgId27},
            {name'奔跑吧', year2024, type'综艺', score6.9, badge'第12季', desc'户外竞技', imgId58},
            {name'中国好声音', year2023, type'综艺', score6.5, badge'第12季', desc'音乐导师', imgId84},
            {name'密室大逃脱', year2024, type'综艺', score7.2, badge'第6季', desc'悬疑解谜', imgId46},
            {name'脱口秀大会', year2023, type'综艺', score7.0, badge'第5季', desc'幽默', imgId73}
        ];
        const anime = [
            {name'鬼灭之刃 锻刀村篇', year2023, type'动漫', score9.2, badge'11集', desc'热血战斗', imgId38},
            {name'咒术回战 涩谷事变', year2023, type'动漫', score9.0, badge'23集', desc'黑暗咒术', imgId66},
            {name'进击的巨人 最终季', year2022, type'动漫', score9.6, badge'完结', desc'史诗终章', imgId29},
            {name'葬送的芙莉莲', year2023, type'动漫', score9.5, badge'28集', desc'奇幻旅程', imgId52},
            {name'间谍过家家', year2023, type'动漫', score8.9, badge'25集', desc'温馨搞笑', imgId71},
            {name'海贼王 和之国', year2023, type'动漫', score8.8, badge'1000+', desc'冒险', imgId85}
        ];
        const classics = [
            {name'霸王别姬', year1993, type'电影', score9.6, badge'经典', desc'风华绝代', imgId99},
            {name'肖申克的救赎', year1994, type'电影', score9.7, badge'4K修复', desc'希望之光', imgId18},
            {name'泰坦尼克号', year1997, type'电影', score9.4, badge'3D重制', desc'永恒爱情', imgId36},
            {name'千与千寻', year2001, type'动漫', score9.4, badge'宫崎骏', desc'神隐', imgId14},
            {name'星际穿越', year2014, type'电影', score9.4, badge'科幻', desc'穿越时空', imgId47},
            {name'教父', year1972, type'电影', score9.3, badge'黑帮', desc'家族史诗', imgId82}
        ];

         卡片构建
        function buildCard(item, index) {
            const typeMap = { '电影''movie', '剧集''tv', '综艺''variety', '动漫''anime' };
            const typeKey = typeMap[item.type]  'movie';
            const imgNum = (item.imgId % 100) + 1;
            const imgSrc = `httpspicsum.photosid${imgNum}300400`;
            const altText = `${item.name} ${item.type} ${item.year} 导演`;
            const badgeText = item.badge  '高清';
            return `
                article class=card-item-mn872 data-name=${item.name} data-year=${item.year} data-type=${item.type} data-score=${item.score} data-desc=${item.desc}
                    div class=img-wrap-kd541
                        img src=${imgSrc} alt=${altText} loading=lazy
                        div class=play-overlay-pb329
                            span class=play-icon-xt274▶span
                            span class=play-text-ym559立即观看span
                        div
                    div
                    div class=card-info-qa772
                        h3${item.name}h3
                        div class=meta-line-vn332
                            span⭐ ${item.score}span
                            span class=badge-ss871${badgeText}span
                        div
                        button class=wish-btn-bw392 onclick=handleToast(event)想看  预约button
                    div
                article
            `;
        }

        function renderGrid(id, data) {
            const grid = document.getElementById(id);
            if (!grid) return;
            grid.innerHTML = data.map((item, i) = buildCard(item, i)).join('');
        }

        renderGrid('movieGrid', movies);
        renderGrid('tvGrid', tvShows);
        renderGrid('varietyGrid', variety);
        renderGrid('animeGrid', anime);
        renderGrid('classicGrid', classics);

         卡片点击模态框 (事件委托)
        document.querySelectorAll('.card-grid-ow563').forEach(grid = {
            grid.addEventListener('click', function(e) {
                const card = e.target.closest('.card-item-mn872');
                if (!card) return;
                if (e.target.classList.contains('wish-btn-bw392')) return;  预约按钮只toast
                e.preventDefault();
                const name = card.dataset.name  '作品';
                const year = card.dataset.year  '2024';
                const type = card.dataset.type  '电影';
                const score = card.dataset.score  '8.0';
                const desc = card.dataset.desc  '精彩影视';
                document.getElementById('modalTitle').textContent = name;
                document.getElementById('modalMeta').textContent = `${year} · ${type} · ⭐${score}`;
                document.getElementById('modalDesc').textContent = desc + ' —— 真实影视信息，播放功能开发中。';
                document.getElementById('detailModal').classList.add('active');
            });
        });

         toast 共用函数
        window.handleToast = function(e, fromModal) {
            if (e && e.preventDefault) e.preventDefault();
            const toast = document.getElementById('globalToast');
            toast.classList.add('show');
            setTimeout(() = toast.classList.remove('show'), 2000);
        };

         关闭模态框
        window.closeModal = function() {
            document.getElementById('detailModal').classList.remove('active');
        };
        document.getElementById('detailModal').addEventListener('click', function(e) {
            if (e.target === this) closeModal();
        });

         帮助关于模态框 (真实文本)
        window.openHelpModal = function(topic) {
            const modal = document.getElementById('detailModal');
            document.getElementById('modalTitle').textContent = topic;
            let content = '';
            if (topic === '关于我们') content = '骚虎影院致力于提供最新最全的影视资讯，本站仅展示作品信息，无盗版资源。';
            else if (topic === '帮助中心') content = '浏览中遇到问题？请尝试刷新页面或更换网络。所有功能逐步开放。';
            else if (topic === '友情链接') content = '欢迎优质影视站点互换链接，联系邮箱：help@shaohu.com（虚构）';
            else if (topic === '内容投诉') content = '如认为本站内容侵犯权益，请提交相关证明至邮箱，我们将在3个工作日内处理。';
            document.getElementById('modalMeta').textContent = '骚虎影院 · 官方';
            document.getElementById('modalDesc').textContent = content;
            modal.classList.add('active');
        };

         防止默认跳转
        document.querySelectorAll('a[href=#]').forEach(a = {
            a.addEventListener('click', function(e) { e.preventDefault(); });
        });
    })();
script
body
html