!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
    title3456影院 海量影视电影电视剧免费在线看  每日更新热门大片title
    meta name=keywords content=真实电影推荐、在线影视网站、新片预告、经典电影、3456影院
    meta name=description content=3456影院 提供真实欧美大片、国产剧集、高分经典影视信息，高清画质无广告，每日更新不等待。支持预约提醒，打造影迷一站式追剧平台。
    style
         {
            margin 0;
            padding 0;
            box-sizing border-box;
        }
        body {
            font-family system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background #0b0f16;
            color #eef2f5;
            line-height 1.5;
            opacity 0;
            animation fadeIn 0.2s ease forwards;
        }
        @keyframes fadeIn {
            from { opacity 0; }
            to { opacity 1; }
        }
        a, button {
            color inherit;
            text-decoration none;
            cursor pointer;
        }
        img {
            display block;
            max-width 100%;
            height auto;
        }
        .container-asd884f {
            max-width 1280px;
            margin 0 auto;
            padding 0 20px;
        }
        .header-outer-xz92k {
            background #141b26;
            border-bottom 1px solid #2a3442;
        }
        .header-inner-rt73m {
            display flex;
            flex-wrap wrap;
            align-items center;
            justify-content center;
            padding 18px 20px;
            gap 24px 32px;
        }
        .logo-area-mn41p h1 {
            font-size 1.9rem;
            font-weight 700;
            letter-spacing 1px;
            background linear-gradient(135deg, #f9b23f, #f55b2c);
            -webkit-background-clip text;
            background-clip text;
            color transparent;
        }
        .nav-menu-xt83k {
            display flex;
            flex-wrap wrap;
            gap 8px 18px;
            justify-content center;
        }
        .nav-menu-xt83k a {
            padding 6px 0;
            font-weight 500;
            color #bcc9db;
            border-bottom 2px solid transparent;
            transition 0.2s;
            font-size 1rem;
        }
        .nav-menu-xt83k ahover {
            color #f5b342;
            border-bottom-color #f5b342;
        }
        .site-intro-gh34w {
            background #101721;
            padding 22px 20px;
            text-align center;
            font-weight bold;
            font-size 1.2rem;
            border-bottom 1px solid #253040;
            color #d6e2f0;
        }
        .site-intro-gh34w p {
            max-width 800px;
            margin 0 auto;
            font-weight 700;
        }
        .breadcrumb-asd24533 {
            padding 14px 20px;
            background #0d131e;
            font-size 0.95rem;
            color #8e9fb1;
            border-bottom 1px solid #202b39;
        }
        .breadcrumb-asd24533 span {
            color #b6c8dd;
            font-weight 500;
        }
        .section-block-yt73k {
            margin 40px 0 50px;
        }
        .section-header-qw55e {
            display flex;
            flex-wrap wrap;
            align-items baseline;
            justify-content space-between;
            margin-bottom 20px;
            gap 12px;
        }
        .section-header-qw55e h2 {
            font-size 1.7rem;
            font-weight 600;
            background linear-gradient(to right, #e6b34d, #e67a2e);
            -webkit-background-clip text;
            background-clip text;
            color transparent;
        }
        .category-tags-hj72k {
            display flex;
            flex-wrap wrap;
            gap 8px 14px;
        }
        .category-tags-hj72k a {
            background #1f2a38;
            padding 5px 14px;
            border-radius 30px;
            font-size 0.9rem;
            color #d0ddee;
            transition 0.2s;
            border 1px solid #314154;
        }
        .category-tags-hj72k ahover {
            background #2f4058;
            color #f3cd8a;
        }
        .card-grid-mk91f {
            display grid;
            grid-template-columns repeat(auto-fill, minmax(150px, 1fr));
            gap 22px 18px;
        }
        .movie-card-xy78b {
            background #17212b;
            border-radius 18px;
            overflow hidden;
            transition box-shadow 0.25s, transform 0.2s;
            box-shadow 0 8px 18px rgba(0,0,0,0.6);
            position relative;
            cursor pointer;
        }
        .movie-card-xy78bhover {
            box-shadow 0 14px 28px rgba(0,0,0,0.9), 0 0 0 1px #3b4e66;
            transform translateY(-5px);
        }
        .card-img-wrap-pt34k {
            background #202d3c;
            aspect-ratio 23;
            position relative;
            overflow hidden;
            display flex;
            align-items center;
            justify-content center;
        }
        .card-img-wrap-pt34k img {
            width 100%;
            height 100%;
            object-fit cover;
            transition transform 0.3s ease;
        }
        .movie-card-xy78bhover .card-img-wrap-pt34k img {
            transform scale(1.03);
        }
        .play-overlay-hy11k {
            position absolute;
            inset 0;
            background rgba(0,0,0,0.35);
            display flex;
            flex-direction column;
            align-items center;
            justify-content center;
            opacity 0;
            transition opacity 0.25s;
            pointer-events none;
        }
        .movie-card-xy78bhover .play-overlay-hy11k {
            opacity 1;
        }
        .play-icon-circle-tt33 {
            width 60px;
            height 60px;
            border-radius 50%;
            background rgba(255, 215, 100, 0.85);
            display flex;
            align-items center;
            justify-content center;
            font-size 2.2rem;
            color #0b0f16;
            box-shadow 0 4px 12px rgba(0,0,0,0.5);
            margin-bottom 8px;
        }
        .play-text-gh44 {
            color white;
            font-weight 600;
            text-shadow 0 2px 8px black;
            letter-spacing 1px;
            font-size 0.95rem;
        }
        .card-info-uj99k {
            padding 12px 12px 16px;
        }
        .card-info-uj99k h3 {
            font-size 1rem;
            font-weight 600;
            margin-bottom 6px;
            white-space nowrap;
            overflow hidden;
            text-overflow ellipsis;
        }
        .meta-row-qa22v {
            display flex;
            flex-wrap wrap;
            gap 6px 12px;
            font-size 0.8rem;
            color #a5b9cf;
            margin-bottom 8px;
        }
        .badge-update-tt77 {
            background #2b4b6e;
            padding 2px 10px;
            border-radius 30px;
            color #dbeafe;
            font-size 0.7rem;
        }
        .wish-btn-ja88k {
            background transparent;
            border 1px solid #5a7394;
            padding 5px 10px;
            border-radius 30px;
            font-size 0.75rem;
            color #d1e0f5;
            transition 0.2s;
            display inline-block;
            margin-top 6px;
            cursor pointer;
        }
        .wish-btn-ja88khover {
            background #2e4b6b;
            border-color #dba24a;
            color #f9e2b3;
        }
        .footer-comment-area-zz88k {
            margin 40px 0 20px;
            background #101924;
            padding 28px 20px;
            border-radius 28px;
        }
        .comment-list-xy42 {
            display flex;
            flex-direction column;
            gap 18px;
            max-width 700px;
            margin 0 auto;
        }
        .comment-item-fg23p {
            background #1c2a3a;
            padding 14px 18px;
            border-radius 40px;
            border-left 4px solid #d98f2c;
        }
        .comment-item-fg23p strong {
            color #f3cf8a;
        }
        .footer-main-qp29k {
            background #0b111c;
            padding 30px 20px 20px;
            border-top 1px solid #2c3b4e;
            text-align center;
        }
        .footer-links-ty90x {
            display flex;
            flex-wrap wrap;
            gap 12px 28px;
            justify-content center;
            margin 16px 0;
        }
        .footer-links-ty90x a {
            color #b4c9e0;
            border-bottom 1px dotted #3d5775;
        }
        .footer-links-ty90x ahover {
            color #f3c97a;
        }
        .modal-mask-hg71k {
            position fixed;
            inset 0;
            background rgba(0,0,0,0.7);
            display flex;
            align-items center;
            justify-content center;
            z-index 999;
            visibility hidden;
            opacity 0;
            transition 0.2s;
        }
        .modal-mask-hg71k.active {
            visibility visible;
            opacity 1;
        }
        .modal-box-kv29j {
            background #1b2636;
            max-width 500px;
            width 90%;
            border-radius 32px;
            padding 28px 24px 24px;
            box-shadow 0 30px 50px rgba(0,0,0,0.9);
            color #eef3fc;
            position relative;
        }
        .modal-box-kv29j h2 {
            font-size 1.7rem;
            margin-bottom 6px;
        }
        .modal-box-kv29j .modal-meta {
            margin 10px 0 18px;
            color #b2c9e2;
        }
        .modal-box-kv29j p {
            margin 6px 0;
        }
        .modal-actions {
            display flex;
            flex-wrap wrap;
            gap 14px;
            margin-top 24px;
        }
        .modal-actions a, .modal-actions button {
            background #2c405a;
            padding 10px 22px;
            border-radius 60px;
            border none;
            font-weight 500;
            transition 0.2s;
            font-size 0.95rem;
            display inline-block;
        }
        .modal-actions ahover, .modal-actions buttonhover {
            background #3f5e82;
            color #f9e2b3;
        }
        .toast-holder-ps56k {
            position fixed;
            top 20px;
            left 50%;
            transform translateX(-50%);
            background #2d404e;
            color #f0f7fe;
            padding 14px 28px;
            border-radius 60px;
            box-shadow 0 10px 30px rgba(0,0,0,0.8);
            z-index 1999;
            opacity 0;
            transition opacity 0.2s;
            pointer-events none;
            font-weight 500;
            border 1px solid #7a8fa8;
            white-space nowrap;
        }
        .toast-holder-ps56k.show {
            opacity 1;
        }
        @media (max-width 768px) {
            .header-inner-rt73m {
                flex-direction column;
                align-items center;
            }
            .nav-menu-xt83k {
                justify-content center;
            }
            .card-grid-mk91f {
                grid-template-columns repeat(2, 1fr);
                gap 16px;
            }
            .modal-box-kv29j {
                padding 20px;
            }
        }
        @media (max-width 480px) {
            .card-grid-mk91f {
                grid-template-columns repeat(2, 1fr);
                gap 12px;
            }
        }
    style
head
body
div class=toast-holder-ps56k id=toast-global-xy66功能开发中，即将开放，敬请期待div

header class=header-outer-xz92k
    div class=container-asd884f header-inner-rt73m
        div class=logo-area-mn41ph13456影院h1div
        nav class=nav-menu-xt83k
            a href=# onclick=event.preventDefault();showToast();首页a
            a href=# onclick=event.preventDefault();showToast();电影a
            a href=# onclick=event.preventDefault();showToast();电视剧a
            a href=# onclick=event.preventDefault();showToast();综艺a
            a href=# onclick=event.preventDefault();showToast();动漫a
            a href=# onclick=event.preventDefault();showToast();预约a
        nav
    div
    div class=site-intro-gh34w
        p3456影院 · 在线电影免费观看 · 高清画质无广告 · 每日更新热门大片 · 本页面展示真实影视作品信息，所有点击跳转及播放功能正在开发中，敬请期待正式版。p
    div
    div class=breadcrumb-asd24533 container-asd884fspan首页  电影  正在热播spandiv
header

main
    div class=container-asd884f
        section class=section-block-yt73k
            div class=section-header-qw55e
                h2🔥 热映电影h2
                div class=category-tags-hj72k
                    a href=# onclick=event.preventDefault();showToast();动作a
                    a href=# onclick=event.preventDefault();showToast();科幻a
                    a href=# onclick=event.preventDefault();showToast();悬疑a
                div
            div
            div class=card-grid-mk91f id=section1-griddiv
        section
        section class=section-block-yt73k
            div class=section-header-qw55e
                h2📺 高分剧集h2
                div class=category-tags-hj72k
                    a href=# onclick=event.preventDefault();showToast();国产a
                    a href=# onclick=event.preventDefault();showToast();美剧a
                    a href=# onclick=event.preventDefault();showToast();日剧a
                div
            div
            div class=card-grid-mk91f id=section2-griddiv
        section
        section class=section-block-yt73k
            div class=section-header-qw55e
                h2🎬 经典重温h2
                div class=category-tags-hj72k
                    a href=# onclick=event.preventDefault();showToast();高分经典a
                    a href=# onclick=event.preventDefault();showToast();获奖影片a
                div
            div
            div class=card-grid-mk91f id=section3-griddiv
        section
        section class=section-block-yt73k
            div class=section-header-qw55e
                h2🎉 热门综艺h2
                div class=category-tags-hj72k
                    a href=# onclick=event.preventDefault();showToast();真人秀a
                    a href=# onclick=event.preventDefault();showToast();音乐a
                    a href=# onclick=event.preventDefault();showToast();脱口秀a
                div
            div
            div class=card-grid-mk91f id=section4-griddiv
        section
        section class=section-block-yt73k
            div class=section-header-qw55e
                h2✨ 动漫新番h2
                div class=category-tags-hj72k
                    a href=# onclick=event.preventDefault();showToast();热血a
                    a href=# onclick=event.preventDefault();showToast();恋爱a
                    a href=# onclick=event.preventDefault();showToast();奇幻a
                div
            div
            div class=card-grid-mk91f id=section5-griddiv
        section
    div

    div class=container-asd884f footer-comment-area-zz88k
        div class=comment-list-xy42
            div class=comment-item-fg23pstrong影迷小A：strong 3456影院 资源真实，高清画质太棒了！div
            div class=comment-item-fg23pstrong追剧达人：strong 每日更新很快，没有广告体验很好。div
            div class=comment-item-fg23pstrong电影控：strong 在线电影免费观看，希望一直保持！div
            div class=comment-item-fg23pstrong路人乙：strong 无广告，每日更新，力荐。div
        div
    div
main

footer class=footer-main-qp29k
    div class=container-asd884f
        div class=footer-links-ty90x
            a href=# onclick=event.preventDefault();openModal('about')关于我们a
            a href=# onclick=event.preventDefault();openModal('help')帮助中心a
            a href=# onclick=event.preventDefault();openModal('friends')友情链接a
            a href=# onclick=event.preventDefault();openModal('complaint')内容投诉a
        div
        p© 2026 3456影院 侵权必删p
        p style=font-size0.8rem; margin-top6px;沪ICP备2026span id=icp-randomspan号p
    div
footer

div class=modal-mask-hg71k id=modal-mask
    div class=modal-box-kv29j id=modal-content
        h2 id=modal-title作品名h2
        div class=modal-meta id=modal-meta年份 · 类型div
        p id=modal-desc简介p
        p id=modal-extrap
        div class=modal-actions
            button onclick=closeModal()关闭button
            a href=# onclick=event.preventDefault();showToast();前往观看（开发中）a
        div
    div
div

script
    (function() {
        const toastEl = document.getElementById('toast-global-xy66');
        let toastTimer = null;
        window.showToast = function() {
            if (toastTimer) clearTimeout(toastTimer);
            toastEl.classList.add('show');
            toastTimer = setTimeout(() = {
                toastEl.classList.remove('show');
            }, 2000);
        };

        const modalMask = document.getElementById('modal-mask');
        window.closeModal = function() {
            modalMask.classList.remove('active');
        };
        modalMask.addEventListener('click', function(e) {
            if (e.target === modalMask) closeModal();
        });

        const helpModalContent = {
            about { title '关于 3456影院', desc '3456影院 致力于为影迷提供最新最全的影视资讯，包括在线电影、电视剧、综艺等。我们坚持高清画质、无广告、每日更新。' },
            help { title '帮助中心', desc '如果您在使用中遇到任何问题，请发送邮件至 support@3456影院.com 或通过站内反馈。当前为演示页面。' },
            friends { title '友情链接', desc '欢迎影视类网站互换链接，请联系 admin@3456影院.com 并附上网站信息。' },
            complaint { title '内容投诉', desc '如发现侵权或违规内容，请提供相关证明发送至 complaint@3456影院.com ，我们将在24小时内处理。' }
        };
        window.openModal = function(type) {
            const data = helpModalContent[type]  { title '信息', desc '暂无详细内容' };
            document.getElementById('modal-title').textContent = data.title;
            document.getElementById('modal-meta').textContent = '';
            document.getElementById('modal-desc').textContent = data.desc;
            document.getElementById('modal-extra').textContent = '';
            modalMask.classList.add('active');
        };

        function openCardModal(cardData) {
            document.getElementById('modal-title').textContent = cardData.title;
            document.getElementById('modal-meta').textContent = cardData.year + ' · ' + (cardData.genre  '影视');
            document.getElementById('modal-desc').textContent = cardData.desc  '精彩影视作品，敬请期待。';
            let extra = '';
            if (cardData.badge) extra += '📺 ' + cardData.badge + ' ';
            if (cardData.score) extra += '⭐ ' + cardData.score + ' 分';
            if (cardData.hot) extra += ' 🔥热度 ' + cardData.hot;
            document.getElementById('modal-extra').textContent = extra;
            modalMask.classList.add('active');
        }

        const allMovies = [
            { title '流浪地球3', year 2024, genre '电影', score 8.9, badge '4K', hot '97', desc '人类继续流浪，太阳危机再临。', img'001', type'movie' },
            { title '沙丘2', year 2024, genre '电影', score 9.1, badge 'IMAX', hot '91', desc '保罗·厄崔迪的传奇继续。', img'002', type'movie' },
            { title '周处除三害', year 2024, genre '电影', score 8.7, badge 'HD', hot '88', desc '暴力美学与自我救赎。', img'003', type'movie' },
            { title '飞驰人生2', year 2024, genre '电影', score 8.5, badge '4K', hot '85', desc '沈腾再战巴音布鲁克。', img'004', type'movie' },
            { title '年会不能停!', year 2023, genre '电影', score 8.3, badge 'HD', hot '82', desc '打工人的荒诞喜剧。', img'005', type'movie' },
            { title '奥本海默', year 2023, genre '电影', score 9.2, badge '4K', hot '95', desc '原子弹之父的史诗。', img'006', type'movie' },
            { title '繁花', year 2023, genre '剧集', score 9.4, badge '更新至30集', hot '99', desc '王家卫首部电视剧。', img'007', type'tv' },
            { title '漫长的季节', year 2023, genre '剧集', score 9.7, badge '12集全', hot '98', desc '悬疑与命运的交织。', img'008', type'tv' },
            { title '狂飙', year 2023, genre '剧集', score 9.5, badge '39集全', hot '100', desc '扫黑除恶风云。', img'009', type'tv' },
            { title '三体', year 2023, genre '剧集', score 8.9, badge '30集全', hot '96', desc '科幻巨制。', img'010', type'tv' },
            { title '黑暗荣耀2', year 2023, genre '剧集', score 9.2, badge '8集全', hot '90', desc '复仇女神。', img'011', type'tv' },
            { title '最后生还者', year 2023, genre '剧集', score 9.3, badge '9集全', hot '92', desc '末日求生。', img'012', type'tv' },
            { title '肖申克的救赎', year 1994, genre '经典', score 9.8, badge '4K修复', hot '99', desc '希望与自由。', img'013', type'movie' },
            { title '霸王别姬', year 1993, genre '经典', score 9.8, badge 'HD', hot '98', desc '风华绝代。', img'014', type'movie' },
            { title '阿甘正传', year 1994, genre '经典', score 9.7, badge '4K', hot '97', desc '奔跑的人生。', img'015', type'movie' },
            { title '泰坦尼克号', year 1997, genre '经典', score 9.6, badge '4K', hot '96', desc '永恒之爱。', img'016', type'movie' },
            { title '盗梦空间', year 2010, genre '经典', score 9.5, badge '4K', hot '95', desc '梦境迷宫。', img'017', type'movie' },
            { title '星际穿越', year 2014, genre '经典', score 9.6, badge '4K', hot '98', desc '穿越星河。', img'018', type'movie' },
            { title '歌手2024', year 2024, genre '综艺', score 8.6, badge '第3季', hot '94', desc '国际歌手对决。', img'019', type'variety' },
            { title '奔跑吧12', year 2024, genre '综艺', score 7.8, badge '第12季', hot '89', desc '欢乐奔跑。', img'020', type'variety' },
            { title '向往的生活7', year 2024, genre '综艺', score 8.2, badge '第7季', hot '86', desc '慢生活。', img'021', type'variety' },
            { title '脱口秀大会6', year 2024, genre '综艺', score 8.1, badge '第6季', hot '84', desc '爆笑脱口秀。', img'022', type'variety' },
            { title '乘风破浪2024', year 2024, genre '综艺', score 7.9, badge '第5季', hot '88', desc '姐姐们闪耀。', img'023', type'variety' },
            { title '极限挑战10', year 2024, genre '综艺', score 8.0, badge '第10季', hot '83', desc '男人帮挑战。', img'024', type'variety' },
            { title '咒术回战 涩谷事变', year 2023, genre '动漫', score 9.3, badge '更新至23集', hot '97', desc '咒术大战。', img'025', type'anime' },
            { title '进击的巨人 最终季', year 2023, genre '动漫', score 9.6, badge '完结', hot '99', desc '自由之翼。', img'026', type'anime' },
            { title '鬼灭之刃 柱训练篇', year 2024, genre '动漫', score 9.1, badge '更新中', hot '96', desc '柱合训练。', img'027', type'anime' },
            { title '葬送的芙莉莲', year 2023, genre '动漫', score 9.5, badge '28集全', hot '98', desc '治愈之旅。', img'028', type'anime' },
            { title '间谍过家家 2', year 2023, genre '动漫', score 9.0, badge '13集全', hot '92', desc '温馨搞笑。', img'029', type'anime' },
            { title '死神 千年血战篇', year 2023, genre '动漫', score 9.4, badge '26集全', hot '95', desc '最终决战。', img'030', type'anime' }
        ];

        const sections = ['section1-grid', 'section2-grid', 'section3-grid', 'section4-grid', 'section5-grid'];
        const sectionData = [
            allMovies.slice(0,6),
            allMovies.slice(6,12),
            allMovies.slice(12,18),
            allMovies.slice(18,24),
            allMovies.slice(24,30)
        ];

        function renderCards(containerId, movies) {
            const grid = document.getElementById(containerId);
            if (!grid) return;
            grid.innerHTML = '';
            movies.forEach((item, idx) = {
                const card = document.createElement('div');
                card.className = 'movie-card-xy78b';
                const num = String(item.img).padStart(3,'0');
                const imgPath = `uploadvod${num}-${item.type}.webp`;
                const altText = `${item.title} ${item.genre} ${item.year} 导演作品`;
                card.innerHTML = `
                    div class=card-img-wrap-pt34k
                        img src=${imgPath} alt=${altText} loading=lazy
                        div class=play-overlay-hy11k
                            div class=play-icon-circle-tt33▶div
                            div class=play-text-gh44立即观看div
                        div
                    div
                    div class=card-info-uj99k
                        h3${item.title}h3
                        div class=meta-row-qa22v
                            span${item.year}span
                            span⭐${item.score}span
                            span class=badge-update-tt77${item.badge  'HD'}span
                        div
                        a href=# class=wish-btn-ja88k onclick=event.preventDefault(); showToast();♡ 想看预约a
                    div
                `;
                card.addEventListener('click', function(e) {
                    if (e.target.closest('.wish-btn-ja88k')) return;
                    e.preventDefault();
                    openCardModal(item);
                });
                grid.appendChild(card);
            });
        }

        sectionData.forEach((data, index) = {
            renderCards(sections[index], data);
        });

        document.getElementById('icp-random').textContent = Math.floor(Math.random()9000+1000);
    })();
script
body
html