!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 #eaeef0;
            line-height 1.5;
            opacity 0;
            animation fadeIn 0.2s ease forwards;
        }
        @keyframes fadeIn {
            0% { opacity 0; }
            100% { opacity 1; }
        }
        a, button {
            text-decoration none;
            color inherit;
            cursor pointer;
        }
        img {
            display block;
            max-width 100%;
            height auto;
        }
        .container-yt784 {
            max-width 1280px;
            margin 0 auto;
            padding 0 20px;
        }

         header 
        .header-outer-kd392 {
            background #1a1a24;
            padding 16px 0;
            border-bottom 1px solid #2c2c3a;
        }
        .header-inner-hs834 {
            display flex;
            flex-wrap wrap;
            align-items center;
            justify-content center; 
            gap 20px 30px;
        }
        .site-title-ng421 {
            font-size 1.8rem;
            font-weight 700;
            background linear-gradient(130deg, #f7b731, #f25e5e);
            -webkit-background-clip text;
            -webkit-text-fill-color transparent;
            letter-spacing 1px;
        }
        .nav-menu-fw209 {
            display flex;
            flex-wrap wrap;
            justify-content center;
            gap 12px 20px;
        }
        .nav-menu-fw209 a {
            padding 8px 12px;
            font-weight 600;
            border-radius 40px;
            background rgba(255,255,255,0.04);
            transition 0.2s;
        }
        .nav-menu-fw209 ahover {
            background #f7b731;
            color #0f0f12;
        }

         site intro 
        .site-intro-qa778 {
            background #1e1e2a;
            padding 28px 20px;
            text-align center;
            font-weight bold;
            font-size 1.3rem;
            border-bottom 1px solid #2a2a3a;
            color #f0e6d6;
            letter-spacing 1px;
        }
        .site-intro-qa778 p {
            max-width 900px;
            margin 0 auto;
            line-height 1.6;
        }

         breadcrumb 
        .breadcrumb-asd24533 {
            padding 18px 0 6px 0;
            font-size 0.95rem;
            color #aaa;
            background transparent;
        }
        .breadcrumb-asd24533 span {
            color #c9b38b;
        }

         section 
        .section-block-mn440 {
            margin 40px 0;
        }
        .section-title-vq229 {
            display flex;
            flex-wrap wrap;
            align-items baseline;
            justify-content space-between;
            margin-bottom 20px;
            border-left 6px solid #f7b731;
            padding-left 16px;
        }
        .section-title-vq229 h2 {
            font-size 1.8rem;
            font-weight 600;
        }
        .category-tags-xt551 {
            display flex;
            flex-wrap wrap;
            gap 10px;
        }
        .category-tags-xt551 a {
            background #2a2a38;
            padding 6px 18px;
            border-radius 30px;
            font-size 0.9rem;
            border 1px solid #3e3e52;
            transition 0.15s;
        }
        .category-tags-xt551 ahover {
            background #f7b731;
            color #121212;
        }

         card grid 
        .card-grid-rk772 {
            display grid;
            grid-template-columns repeat(auto-fill, minmax(160px, 1fr));
            gap 24px 16px;
        }
        .card-item-zb445 {
            background #1c1c28;
            border-radius 20px;
            overflow hidden;
            transition box-shadow 0.2s, transform 0.15s;
            box-shadow 0 8px 14px rgba(0,0,0,0.5);
            cursor pointer;
        }
        .card-item-zb445hover {
            box-shadow 0 16px 28px rgba(247,183,49,0.2);
            transform translateY(-4px);
        }
        .card-img-wrap-yh332 {
            position relative;
            overflow hidden;
            background #2c2c3a;
            aspect-ratio 23;
            display flex;
            align-items center;
            justify-content center;
        }
        .card-img-wrap-yh332 img {
            width 100%;
            height 100%;
            object-fit cover;
            transition transform 0.25s ease;
            background #2c2c3a;
        }
        .card-item-zb445hover .card-img-wrap-yh332 img {
            transform scale(1.03);
        }
        .play-overlay-rt449 {
            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;
            color white;
            font-weight 600;
            gap 6px;
        }
        .card-item-zb445hover .play-overlay-rt449 {
            opacity 1;
        }
        .play-icon-sq554 {
            font-size 3rem;
            filter drop-shadow(0 4px 6px black);
            background rgba(0,0,0,0.3);
            width 70px;
            height 70px;
            border-radius 50%;
            display flex;
            align-items center;
            justify-content center;
        }
        .play-overlay-rt449 span {
            background rgba(0,0,0,0.6);
            padding 6px 14px;
            border-radius 30px;
            font-size 0.9rem;
        }

        .card-info-gh772 {
            padding 12px 12px 16px;
        }
        .card-info-gh772 h3 {
            font-size 1rem;
            font-weight 600;
            margin-bottom 6px;
            white-space nowrap;
            overflow hidden;
            text-overflow ellipsis;
        }
        .card-meta-ps551 {
            display flex;
            flex-wrap wrap;
            gap 6px 12px;
            font-size 0.8rem;
            color #b0b0c0;
            margin-bottom 8px;
        }
        .card-meta-ps551 span {
            background #2e2e3e;
            padding 2px 10px;
            border-radius 16px;
        }
        .card-actions-df332 {
            display flex;
            justify-content space-between;
            align-items center;
            margin-top 8px;
        }
        .card-actions-df332 button {
            background transparent;
            border 1px solid #4a4a60;
            padding 4px 12px;
            border-radius 30px;
            font-size 0.8rem;
            color #cfcfdd;
            transition 0.15s;
        }
        .card-actions-df332 buttonhover {
            background #f7b731;
            border-color #f7b731;
            color #0f0f12;
        }

         toast 
        #toast-container-fd203 {
            position fixed;
            top 20px;
            left 50%;
            transform translateX(-50%);
            z-index 9999;
            background #2d2d3f;
            color #f1e9d0;
            padding 12px 28px;
            border-radius 60px;
            font-weight 500;
            box-shadow 0 10px 30px rgba(0,0,0,0.7);
            opacity 0;
            transition opacity 0.2s ease;
            pointer-events none;
            border 1px solid #f7b731;
            max-width 90%;
            text-align center;
        }
        #toast-container-fd203.show {
            opacity 1;
            pointer-events none;
        }

         modal 
        .modal-mask-dt772 {
            position fixed;
            inset 0;
            background rgba(0,0,0,0.7);
            display none;
            align-items center;
            justify-content center;
            z-index 9998;
            padding 20px;
        }
        .modal-mask-dt772.active {
            display flex;
        }
        .modal-box-mc431 {
            background #1f1f2e;
            max-width 500px;
            width 100%;
            border-radius 32px;
            padding 28px 24px;
            box-shadow 0 20px 40px black;
            color #ececec;
            position relative;
            animation modalIn 0.2s;
        }
        @keyframes modalIn {
            0% { transform scale(0.96); opacity 0; }
            100% { transform scale(1); opacity 1; }
        }
        .modal-box-mc431 h2 {
            font-size 1.8rem;
            margin-bottom 10px;
        }
        .modal-box-mc431 p {
            margin 8px 0;
            color #bebed0;
        }
        .modal-actions-ww331 {
            display flex;
            gap 16px;
            margin-top 24px;
            flex-wrap wrap;
        }
        .modal-actions-ww331 button {
            padding 10px 24px;
            border-radius 40px;
            border none;
            font-weight 600;
            background #3a3a50;
            color white;
            flex 1 0 auto;
        }
        .modal-actions-ww331 buttonfirst-child {
            background #6c6c8a;
        }
        .modal-actions-ww331 buttonlast-child {
            background #f7b731;
            color #121212;
        }

         footer & comment 
        .comment-area-lp332 {
            margin 48px 0 20px;
            background #1a1a26;
            padding 24px 20px;
            border-radius 28px;
        }
        .comment-area-lp332 h3 {
            margin-bottom 16px;
            font-size 1.4rem;
        }
        .comment-item-gh551 {
            padding 10px 0;
            border-bottom 1px solid #2f2f42;
        }
        .comment-item-gh551 strong {
            color #f7b731;
        }
        .footer-main-zk449 {
            padding 30px 0 20px;
            border-top 1px solid #2a2a3a;
            display flex;
            flex-wrap wrap;
            justify-content space-between;
            align-items center;
            gap 16px;
            font-size 0.9rem;
            color #9a9ab0;
        }
        .footer-links-yt382 a {
            margin 0 8px;
            padding 6px 8px;
            border-radius 20px;
            background #27273a;
        }
        .footer-links-yt382 ahover {
            background #f7b731;
            color #111;
        }
        .footer-copy-ss771 {
            text-align center;
            padding 12px 0 30px;
            color #7a7a92;
        }

        @media (max-width 768px) {
            .header-inner-hs834 {
                flex-direction column;
            }
            .site-title-ng421 {
                font-size 1.6rem;
            }
            .card-grid-rk772 {
                grid-template-columns repeat(auto-fill, minmax(140px, 1fr));
                gap 16px;
            }
            .modal-box-mc431 {
                margin 10px;
            }
        }
        @media (max-width 480px) {
            .card-grid-rk772 {
                grid-template-columns repeat(2, 1fr);
            }
        }
    style
head
body
    div id=toast-container-fd203功能开发中，即将开放，敬请期待div

    header class=header-outer-kd392
        div class=container-yt784 header-inner-hs834
            div class=site-title-ng421万利达影院div
            nav class=nav-menu-fw209
                a href=# onclick=return false首页a
                a href=# onclick=return false电影a
                a href=# onclick=return false剧集a
                a href=# onclick=return false综艺a
                a href=# onclick=return false动漫a
                a href=# onclick=return false排行榜a
            nav
        div
    header

    div class=site-intro-qa778
        pstrong万利达影院 在线电影 免费观看 高清画质 每日更新 无广告 本页面展示真实影视作品信息，所有点击跳转及播放功能正在开发中，敬请期待正式版。万利达影院 提供最新热门电影、电视剧、综艺，高清画质无广告，每日更新不间断，真正免费观看的在线电影平台。strongp
    div

    main class=container-yt784
        div class=breadcrumb-asd24533span首页  电影  正在热播spandiv

        section class=section-block-mn440
            div class=section-title-vq229
                h2🔥 热播电影h2
                div class=category-tags-xt551
                    a href=# onclick=return false动作a
                    a href=# onclick=return false科幻a
                    a href=# onclick=return false剧情a
                div
            div
            div class=card-grid-rk772 id=movieGriddiv
        section

        section class=section-block-mn440
            div class=section-title-vq229
                h2📺 高分剧集h2
                div class=category-tags-xt551
                    a href=# onclick=return false国产a
                    a href=# onclick=return false美剧a
                    a href=# onclick=return false日韩a
                div
            div
            div class=card-grid-rk772 id=tvGriddiv
        section

        section class=section-block-mn440
            div class=section-title-vq229
                h2🎭 热门综艺h2
                div class=category-tags-xt551
                    a href=# onclick=return false真人秀a
                    a href=# onclick=return false脱口秀a
                    a href=# onclick=return false音乐a
                div
            div
            div class=card-grid-rk772 id=varietyGriddiv
        section

        section class=section-block-mn440
            div class=section-title-vq229
                h2🎬 经典动画h2
                div class=category-tags-xt551
                    a href=# onclick=return false热血a
                    a href=# onclick=return false冒险a
                    a href=# onclick=return false治愈a
                div
            div
            div class=card-grid-rk772 id=animeGriddiv
        section

        section class=section-block-mn440
            div class=section-title-vq229
                h2🌟 新片预告h2
                div class=category-tags-xt551
                    a href=# onclick=return false即将上映a
                    a href=# onclick=return false大片a
                div
            div
            div class=card-grid-rk772 id=newGriddiv
        section

        div class=comment-area-lp332
            h3💬 影迷热评h3
            div class=comment-item-gh551strong小影迷A：strong 万利达影院 资源太全了，每日更新超快！div
            div class=comment-item-gh551strong剧集达人：strong 免费观看无广告，高清画质爱了。div
            div class=comment-item-gh551strong电影老炮：strong 经典电影都有，期待正式播放功能。div
        div
    main

    footer
        div class=container-yt784 footer-main-zk449
            div class=footer-links-yt382
                a href=# onclick=openModal('about')关于我们a
                a href=# onclick=openModal('help')帮助中心a
                a href=# onclick=openModal('friend')友情链接a
                a href=# onclick=openModal('complaint')内容投诉a
            div
            div© 2026 万利达影院 · 侵权必删div
            div沪ICP备2026span id=beianRand3847span号div
        div
        div class=footer-copy-ss771万利达影院 在线电影 免费观看 高清画质 每日更新 无广告div
    footer

    !-- modal mask --
    div class=modal-mask-dt772 id=modalMask
        div class=modal-box-mc431 id=modalContent
            h2 id=modalTitle作品名h2
            p id=modalDesc详情p
            div class=modal-actions-ww331
                button onclick=closeModal()关闭button
                button onclick=showToast()前往观看（开发中）button
            div
        div
    div

    script
        (function(){
            const toast = document.getElementById('toast-container-fd203');
            let toastTimer;

            window.showToast = function() {
                clearTimeout(toastTimer);
                toast.classList.add('show');
                toastTimer = setTimeout(() = toast.classList.remove('show'), 2000);
            }

            document.addEventListener('click', function(e) {
                const target = e.target.closest('[data-toast]');
                if (target) {
                    e.preventDefault();
                    showToast();
                }
            });

             模态框
            const modalMask = document.getElementById('modalMask');
            const modalTitle = document.getElementById('modalTitle');
            const modalDesc = document.getElementById('modalDesc');

            window.closeModal = function() {
                modalMask.classList.remove('active');
            }
            modalMask.addEventListener('click', function(e) {
                if (e.target === modalMask) closeModal();
            });

            window.openModal = function(type) {
                let title, desc;
                if (type === 'about') {
                    title = '关于万利达影院';
                    desc = '万利达影院 致力于为影迷提供最新最全的影视资讯，本站仅展示作品信息，所有播放功能开发中。';
                } else if (type === 'help') {
                    title = '帮助中心';
                    desc = '如有问题请发送邮件至 support@wanlida.vod (测试) 。本站无广告，免费观看。';
                } else if (type === 'friend') {
                    title = '友情链接';
                    desc = '欢迎影视类网站互换链接，联系：link@wanlida.vod';
                } else if (type === 'complaint') {
                    title = '内容投诉';
                    desc = '如发现侵权内容，请提供权利人证明，我们将在核实后删除。邮箱 complaint@wanlida.vod';
                } else {
                    return;
                }
                modalTitle.textContent = title;
                modalDesc.textContent = desc;
                modalMask.classList.add('active');
            }

             填充卡片
            const datasets = [
                 热播电影
                [
                    {name'流浪地球2', year2023, score8.3, type'movie', info'4K高清', meta'科幻', img'001-movie.webp', alt'流浪地球2 电影 2023 郭帆'},
                    {name'满江红', year2023, score7.8, type'movie', info'HD', meta'悬疑', img'002-movie.webp', alt'满江红 电影 2023 张艺谋'},
                    {name'奥本海默', year2023, score8.9, type'movie', info'4K HDR', meta'传记', img'003-movie.webp', alt'奥本海默 电影 2023 诺兰'},
                    {name'沙丘2', year2024, score8.6, type'movie', info'4K', meta'科幻', img'004-movie.webp', alt'沙丘2 电影 2024 丹尼斯·维伦纽瓦'},
                    {name'热辣滚烫', year2024, score7.6, type'movie', info'HD', meta'喜剧', img'005-movie.webp', alt'热辣滚烫 电影 2024 贾玲'},
                    {name'飞驰人生2', year2024, score8.0, type'movie', info'4K', meta'喜剧', img'006-movie.webp', alt'飞驰人生2 电影 2024 韩寒'}
                ],
                 高分剧集
                [
                    {name'漫长的季节', year2023, score9.4, type'tv', info'12集全', meta'悬疑', img'007-tv.webp', alt'漫长的季节 剧集 2023 辛爽'},
                    {name'狂飙', year2023, score9.1, type'tv', info'39集全', meta'犯罪', img'008-tv.webp', alt'狂飙 剧集 2023 徐纪周'},
                    {name'三体', year2023, score8.7, type'tv', info'30集全', meta'科幻', img'009-tv.webp', alt'三体 剧集 2023 杨磊'},
                    {name'繁花', year2023, score8.5, type'tv', info'30集', meta'剧情', img'010-tv.webp', alt'繁花 剧集 2023 王家卫'},
                    {name'黑暗荣耀2', year2023, score8.9, type'tv', info'8集全', meta'复仇', img'011-tv.webp', alt'黑暗荣耀2 剧集 2023 安吉镐'},
                    {name'最后生还者', year2023, score9.0, type'tv', info'9集全', meta'末日', img'012-tv.webp', alt'最后生还者 剧集 2023 克雷格·麦辛'}
                ],
                 热门综艺
                [
                    {name'歌手2024', year2024, score7.8, type'variety', info'第4季', meta'音乐', img'013-variety.webp', alt'歌手2024 综艺 2024 洪啸'},
                    {name'向往的生活7', year2024, score7.2, type'variety', info'第7季', meta'生活', img'014-variety.webp', alt'向往的生活7 综艺 2024 王征宇'},
                    {name'奔跑吧7', year2024, score6.8, type'variety', info'第7季', meta'真人秀', img'015-variety.webp', alt'奔跑吧7 综艺 2024 浙江卫视'},
                    {name'乘风2024', year2024, score7.0, type'variety', info'第5季', meta'女团', img'016-variety.webp', alt'乘风2024 综艺 2024 吴梦知'},
                    {name'喜剧之王单口季', year2024, score8.1, type'variety', info'第1季', meta'脱口秀', img'017-variety.webp', alt'喜剧之王单口季 综艺 2024 小鹿'},
                    {name'花儿与少年6', year2024, score7.4, type'variety', info'第6季', meta'旅行', img'018-variety.webp', alt'花儿与少年6 综艺 2024 廖珂'}
                ],
                 经典动画
                [
                    {name'千与千寻', year2001, score9.4, type'anime', info'高清修复', meta'宫崎骏', img'019-anime.webp', alt'千与千寻 动画 2001 宫崎骏'},
                    {name'疯狂动物城', year2016, score9.2, type'anime', info'4K', meta'迪士尼', img'020-anime.webp', alt'疯狂动物城 动画 2016 拜伦·霍华德'},
                    {name'寻梦环游记', year2017, score9.0, type'anime', info'4K', meta'皮克斯', img'021-anime.webp', alt'寻梦环游记 动画 2017 李·昂克里奇'},
                    {name'你的名字。', year2016, score8.4, type'anime', info'BD', meta'新海诚', img'022-anime.webp', alt'你的名字。 动画 2016 新海诚'},
                    {name'狮子王', year1994, score9.1, type'anime', info'经典', meta'迪士尼', img'023-anime.webp', alt'狮子王 动画 1994 罗杰·阿勒斯'},
                    {name'蜘蛛侠：平行宇宙', year2018, score8.9, type'anime', info'4K', meta'超级英雄', img'024-anime.webp', alt'蜘蛛侠：平行宇宙 动画 2018 鲍勃·佩尔西凯蒂'}
                ],
                 新片预告
                [
                    {name'阿凡达3', year2025, score0, type'movie', info'敬请期待', meta'科幻', img'025-movie.webp', alt'阿凡达3 电影 2025 詹姆斯·卡梅隆'},
                    {name'功夫熊猫4', year2024, score7.5, type'movie', info'即将上线', meta'动画', img'026-movie.webp', alt'功夫熊猫4 电影 2024 迈克·米切尔'},
                    {name'死侍3', year2024, score7.8, type'movie', info'2024暑期', meta'喜剧', img'027-movie.webp', alt'死侍3 电影 2024 肖恩·利维'},
                    {name'沙丘3', year2026, score0, type'movie', info'制作中', meta'科幻', img'028-movie.webp', alt'沙丘3 电影 2026 丹尼斯·维伦纽瓦'},
                    {name'哪吒之魔童闹海', year2025, score0, type'movie', info'2025', meta'动画', img'029-movie.webp', alt'哪吒之魔童闹海 电影 2025 饺子'},
                    {name'源代码2', year2025, score0, type'movie', info'开发中', meta'科幻', img'030-movie.webp', alt'源代码2 电影 2025 邓肯·琼斯'}
                ]
            ];

            const gridIds = ['movieGrid','tvGrid','varietyGrid','animeGrid','newGrid'];
            const cardData = datasets;

            function buildCards(data, containerId) {
                const container = document.getElementById(containerId);
                if (!container) return;
                container.innerHTML = '';
                data.forEach((item, idx) = {
                    const scoreDisplay = item.score  0  item.score  '—';
                    const card = document.createElement('div');
                    card.className = 'card-item-zb445';
                    card.setAttribute('data-cardinfo', JSON.stringify(item));
                    card.innerHTML = `
                        div class=card-img-wrap-yh332
                            img src=uploadvod${item.img} alt=${item.alt} loading=lazy
                            div class=play-overlay-rt449
                                div class=play-icon-sq554▶div
                                span立即观看span
                            div
                        div
                        div class=card-info-gh772
                            h3${item.name}h3
                            div class=card-meta-ps551
                                span${item.year}span
                                span⭐ ${scoreDisplay}span
                                span${item.meta}span
                            div
                            div class=card-actions-df332
                                span${item.info}span
                                button data-toast=true想看预约button
                            div
                        div
                    `;
                     点击卡片弹模态框 (除了预约按钮)
                    card.addEventListener('click', function(e) {
                        if (e.target.closest('[data-toast]')) return;
                        const info = JSON.parse(this.getAttribute('data-cardinfo'));
                        modalTitle.textContent = info.name + ' (' + info.year + ')';
                        let extra = `类型 ${info.meta}  评分 ${scoreDisplay}  ${info.info}`;
                        if (info.type === 'variety') extra += ' 季';
                        modalDesc.textContent = `万利达影院 为您展示真实影视信息：${info.alt}。${extra}`;
                        modalMask.classList.add('active');
                    });
                    container.appendChild(card);
                });
            }

            for (let i=0; igridIds.length; i++) {
                buildCards(cardData[i], gridIds[i]);
            }

             备案随机
            document.getElementById('beianRand').textContent = Math.floor(1000+Math.random()9000);

             全局委托 toast 已做
        })();
    script
body
html