!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.0, 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 #0f0f14;
            color #eaeef2;
            line-height 1.5;
            opacity 0;
            animation fadeIn 0.2s ease forwards;
        }
        @keyframes fadeIn {
            0% { opacity 0; }
            100% { opacity 1; }
        }
        a, button {
            color inherit;
            text-decoration none;
            cursor pointer;
        }
        ul { list-style none; }
        img {
            display block;
            width 100%;
            height auto;
            background #1e1e28;
        }

        .container-xy8921 {
            max-width 1240px;
            margin 0 auto;
            padding 0 20px;
        }

         header 
        .header-outer-jd203s {
            background #1a1a26;
            padding 14px 0;
            border-bottom 1px solid #2f2f42;
        }
        .header-inner-ud832a {
            display flex;
            flex-wrap wrap;
            align-items center;
            justify-content center; 
        }
        .site-title-gh3490 {
            font-size 1.8rem;
            font-weight 700;
            letter-spacing 2px;
            background linear-gradient(135deg, #f9b23f, #f97c3f);
            -webkit-background-clip text;
            -webkit-text-fill-color transparent;
            background-clip text;
            margin-right 30px;
        }
        .nav-menu-kt418a {
            display flex;
            flex-wrap wrap;
            justify-content center;
            gap 8px 18px;
        }
        .nav-menu-kt418a a {
            padding 6px 10px;
            font-weight 500;
            border-radius 30px;
            transition background 0.2s;
        }
        .nav-menu-kt418a ahover {
            background #2f2f46;
        }

         breadcrumb 
        .breadcrumb-asd24533 {
            background #1c1c2a;
            padding 12px 0;
            font-size 0.9rem;
            color #9a9ab0;
            border-bottom 1px solid #2a2a3c;
        }
        .breadcrumb-asd24533 span {
            opacity 0.8;
        }

         intro 
        .intro-wrap-ew8421 {
            background linear-gradient(145deg, #1e1e2c, #14141e);
            padding 32px 0 28px;
            text-align center;
            font-weight bold;
        }
        .intro-text-yt8392 {
            max-width 780px;
            margin 0 auto;
            font-size 1.1rem;
            line-height 1.7;
            color #d6d6ec;
        }
        .intro-text-yt8392 strong {
            color #f5b55a;
        }

         section 版块 
        .section-block-uo482 {
            margin-top 40px;
        }
        .section-title-wrapper-fg239 {
            display flex;
            flex-wrap wrap;
            justify-content space-between;
            align-items baseline;
            border-bottom 2px solid #2f2f48;
            padding-bottom 8px;
            margin-bottom 22px;
        }
        .section-title-af843a {
            font-size 1.6rem;
            font-weight 600;
            background linear-gradient(to right, #e6b87e, #d18f5a);
            -webkit-background-clip text;
            -webkit-text-fill-color transparent;
            background-clip text;
        }
        .category-links-pq732 {
            display flex;
            gap 16px;
            font-size 0.9rem;
            flex-wrap wrap;
        }
        .category-links-pq732 a {
            padding 2px 12px;
            border-radius 20px;
            background #28283b;
            transition 0.15s;
        }
        .category-links-pq732 ahover {
            background #3d3d5c;
        }

         卡片网格 
        .card-grid-hw539 {
            display grid;
            grid-template-columns repeat(3, 1fr);
            gap 22px;
        }
        @media (max-width 768px) {
            .card-grid-hw539 {
                grid-template-columns repeat(2, 1fr);
                gap 16px;
            }
        }
        @media (max-width 480px) {
            .card-grid-hw539 {
                grid-template-columns 1fr 1fr;
                gap 12px;
            }
        }

        .card-item-yt332 {
            background #1c1c2a;
            border-radius 20px;
            overflow hidden;
            transition all 0.25s ease;
            box-shadow 0 4px 14px rgba(0,0,0,0.5);
            cursor pointer;
            position relative;
        }
        .card-item-yt332hover {
            transform scale(1.02);
            box-shadow 0 12px 28px rgba(230, 150, 60, 0.2);
        }
        .card-img-wrap-hg772 {
            position relative;
            overflow hidden;
            background #252538;
            aspect-ratio 23;
        }
        .card-img-wrap-hg772 img {
            height 100%;
            object-fit cover;
            transition transform 0.3s;
        }
        .card-item-yt332hover .card-img-wrap-hg772 img {
            transform scale(1.03);
        }
        .play-overlay-js401 {
            position absolute;
            inset 0;
            background rgba(0,0,0,0.3);
            display flex;
            flex-direction column;
            align-items center;
            justify-content center;
            opacity 0;
            transition opacity 0.25s;
            pointer-events none;
        }
        .card-item-yt332hover .play-overlay-js401 {
            opacity 1;
        }
        .play-icon-svg-ks729 {
            width 50px;
            height 50px;
            background rgba(255,215,120,0.8);
            border-radius 50%;
            display flex;
            align-items center;
            justify-content center;
            font-size 2rem;
            box-shadow 0 0 20px rgba(255,180,50,0.3);
            margin-bottom 6px;
        }
        .play-label-xm112 {
            color white;
            font-weight 600;
            text-shadow 0 2px 6px black;
            font-size 0.9rem;
        }

        .card-info-ht492 {
            padding 14px 12px 16px;
        }
        .card-title-vn332 {
            font-weight 600;
            font-size 1.05rem;
            white-space nowrap;
            overflow hidden;
            text-overflow ellipsis;
        }
        .card-meta-zb449 {
            display flex;
            justify-content space-between;
            margin-top 8px;
            font-size 0.8rem;
            color #a8a8c4;
        }
        .badge-ty721 {
            background #2d2d48;
            padding 2px 10px;
            border-radius 30px;
            font-size 0.75rem;
        }
        .wish-btn-kp339 {
            margin-top 10px;
            background transparent;
            border 1px solid #f0b064;
            color #f0b064;
            padding 5px 0;
            width 100%;
            border-radius 40px;
            font-weight 500;
            transition 0.15s;
            font-size 0.85rem;
        }
        .wish-btn-kp339hover {
            background #f0b064;
            color #0f0f14;
        }

         toast 
        .toast-float-yt843 {
            position fixed;
            top 20px;
            left 50%;
            transform translateX(-50%);
            background #2b2b44;
            color #f3dbb6;
            padding 14px 32px;
            border-radius 60px;
            box-shadow 0 8px 28px rgba(0,0,0,0.7);
            z-index 9999;
            font-weight 500;
            letter-spacing 1px;
            border 1px solid #5a4f3a;
            transition opacity 0.2s;
            opacity 0;
            pointer-events none;
        }
        .toast-float-yt843.show {
            opacity 1;
        }

         modal 
        .modal-mask-az391 {
            position fixed;
            inset 0;
            background rgba(0,0,0,0.7);
            display flex;
            align-items center;
            justify-content center;
            z-index 9998;
            opacity 0;
            pointer-events none;
            transition opacity 0.2s;
        }
        .modal-mask-az391.open {
            opacity 1;
            pointer-events auto;
        }
        .modal-box-kl542 {
            background #1f1f30;
            max-width 500px;
            width 90%;
            border-radius 32px;
            padding 28px 24px 24px;
            box-shadow 0 30px 50px rgba(0,0,0,0.8);
            color #eaeef2;
            position relative;
        }
        .modal-title-gh439 {
            font-size 1.6rem;
            font-weight 600;
            margin-bottom 8px;
        }
        .modal-desc-rt332 {
            color #b0b0ce;
            margin 12px 0;
            max-height 200px;
            overflow-y auto;
        }
        .modal-actions-xt229 {
            display flex;
            gap 14px;
            margin-top 22px;
            flex-wrap wrap;
        }
        .modal-actions-xt229 button, .modal-actions-xt229 a {
            background #2f2f4a;
            border none;
            padding 10px 22px;
            border-radius 60px;
            font-weight 500;
            flex 1;
            min-width 100px;
            transition 0.15s;
            text-align center;
        }
        .modal-actions-xt229 .close-modal-btn {
            background #3a2e3a;
        }
        .modal-actions-xt229 .watch-dev-btn {
            background #c8843c;
            color #0f0f14;
        }
        .modal-actions-xt229 buttonhover, .modal-actions-xt229 ahover {
            filter brightness(1.2);
        }

         评论区 + footer 
        .comment-area-yt492 {
            background #1a1a28;
            padding 30px 0;
            margin-top 50px;
        }
        .comment-list-gh332 {
            display flex;
            flex-direction column;
            gap 14px;
            max-width 700px;
        }
        .comment-item-ud283 {
            background #26263b;
            padding 12px 18px;
            border-radius 30px;
            font-size 0.9rem;
        }
        .comment-author-zb332 {
            font-weight 600;
            color #dbba7a;
        }

        .footer-outer-mk203 {
            background #12121e;
            padding 30px 0 20px;
            border-top 1px solid #2a2a40;
        }
        .footer-links-yt532 {
            display flex;
            flex-wrap wrap;
            gap 16px 28px;
            justify-content center;
            margin-bottom 20px;
        }
        .footer-links-yt532 a {
            color #b0b0ce;
            border-bottom 1px dashed #3f3f5a;
        }
        .footer-copy-gh421 {
            text-align center;
            color #78789a;
            font-size 0.85rem;
        }
        .footer-icp-ty822 {
            color #5f5f7a;
        }

         响应式 
        @media (min-width 768px) {
            .header-inner-ud832a {
                justify-content space-between;
            }
        }
        @media (min-width 1024px) {
            .card-grid-hw539 {
                grid-template-columns repeat(3, 1fr);
            }
        }
    style
head
body
    header class=header-outer-jd203s
        div class=container-xy8921 header-inner-ud832a
            div class=site-title-gh3490天天射影院div
            nav class=nav-menu-kt418a
                a href=#首页a
                a href=#电影a
                a href=#剧集a
                a href=#综艺a
                a href=#动漫a
                a href=#预约a
            nav
        div
    header

    div class=breadcrumb-asd24533
        div class=container-xy8921
            span首页  电影  正在热播span
        div
    div

    section class=intro-wrap-ew8421
        div class=container-xy8921 intro-text-yt8392
            strong天天射影院strong 提供海量strong在线电影strong、剧集与综艺，strong免费观看strong，strong高清画质strong，strong每日更新strong，strong无广告strong干扰。本页面展示真实影视作品信息，所有点击跳转及播放功能正在开发中，敬请期待正式版。br 在这里发现真实电影推荐、经典电影、新片预告，strong天天射影院strong 与你一起畅享视听盛宴。
        div
    section

    main
        !-- 5个版块 --
        div class=container-xy8921

            !-- 版块1 电影 --
            section class=section-block-uo482
                div class=section-title-wrapper-fg239
                    h2 class=section-title-af843a🔥 热映电影h2
                    div class=category-links-pq732
                        a href=#动作aa href=#科幻aa href=#喜剧aa href=#剧情a
                    div
                div
                div class=card-grid-hw539 id=filmGrid1div
            section

            !-- 版块2 剧集 --
            section class=section-block-uo482
                div class=section-title-wrapper-fg239
                    h2 class=section-title-af843a📺 高分剧集h2
                    div class=category-links-pq732
                        a href=#悬疑aa href=#爱情aa href=#古装aa href=#犯罪a
                    div
                div
                div class=card-grid-hw539 id=tvGrid2div
            section

            !-- 版块3 综艺 --
            section class=section-block-uo482
                div class=section-title-wrapper-fg239
                    h2 class=section-title-af843a🎤 热门综艺h2
                    div class=category-links-pq732
                        a href=#真人秀aa href=#音乐aa href=#脱口秀aa href=#生活a
                    div
                div
                div class=card-grid-hw539 id=varietyGrid3div
            section

            !-- 版块4 动漫 --
            section class=section-block-uo482
                div class=section-title-wrapper-fg239
                    h2 class=section-title-af843a🌀 新番动漫h2
                    div class=category-links-pq732
                        a href=#热血aa href=#奇幻aa href=#恋爱aa href=#冒险a
                    div
                div
                div class=card-grid-hw539 id=animeGrid4div
            section

            !-- 版块5 经典电影 --
            section class=section-block-uo482
                div class=section-title-wrapper-fg239
                    h2 class=section-title-af843a🎞️ 经典重温h2
                    div class=category-links-pq732
                        a href=#豆瓣高分aa href=#影史经典aa href=#怀旧aa href=#导演特辑a
                    div
                div
                div class=card-grid-hw539 id=classicGrid5div
            section
        div
    main

    !-- 评论区 --
    div class=comment-area-yt492
        div class=container-xy8921
            div class=comment-list-gh332
                div class=comment-item-ud283span class=comment-author-zb332影迷小张：span天天射影院资源真全，每日更新太棒了。div
                div class=comment-item-ud283span class=comment-author-zb332追剧达人：span无广告，高清画质，免费观看就是爽。div
                div class=comment-item-ud283span class=comment-author-zb332电影控：span在线电影推荐很准，都是我想看的。div
            div
        div
    div

    footer class=footer-outer-mk203
        div class=container-xy8921
            div class=footer-links-yt532
                a href=# id=aboutLink关于我们a
                a href=# id=helpLink帮助中心a
                a href=# id=friendLink友情链接a
                a href=# id=complainLink内容投诉a
            div
            div class=footer-copy-gh421
                p© 2026 天天射影院    侵权必删p
                p class=footer-icp-ty822沪ICP备2026'3847'号p
            div
        div
    footer

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

    !-- Modal --
    div class=modal-mask-az391 id=infoModal
        div class=modal-box-kl542
            div class=modal-title-gh439 id=modalTitle作品名div
            div class=modal-desc-rt332 id=modalDesc详细作品信息div
            div class=modal-actions-xt229
                button class=close-modal-btn id=closeModalBtn关闭button
                a href=# class=watch-dev-btn id=watchDevBtn前往观看（开发中）a
            div
        div
    div

    script
        (function(){
             真实作品数据池
            const movies = [
                {name'流浪地球2', year2023, score8.3, tag'电影', info'4K高清  完结', alt'流浪地球2 电影 2023 郭帆', img'uploadvod012-movie.webp'},
                {name'满江红', year2023, score7.8, tag'电影', info'4K高清  完结', alt'满江红 电影 2023 张艺谋', img'uploadvod023-movie.webp'},
                {name'奥本海默', year2023, score8.9, tag'电影', info'IMAX  完结', alt'奥本海默 电影 2023 克里斯托弗·诺兰', img'uploadvod034-movie.webp'},
                {name'飞驰人生2', year2024, score8.0, tag'电影', info'2K  连载中', alt'飞驰人生2 电影 2024 韩寒', img'uploadvod045-movie.webp'},
                {name'沙丘2', year2024, score8.6, tag'电影', info'4K HDR', alt'沙丘2 电影 2024 丹尼斯·维伦纽瓦', img'uploadvod056-movie.webp'},
                {name'年会不能停！', year2023, score8.2, tag'电影', info'HD', alt'年会不能停！ 电影 2023 董润年', img'uploadvod067-movie.webp'}
            ];
            const tvshows = [
                {name'繁花', year2023, score8.7, tag'剧集', info'30集全', alt'繁花 剧集 2023 王家卫', img'uploadvod078-tv.webp'},
                {name'漫长的季节', year2023, score9.4, tag'剧集', info'12集全', alt'漫长的季节 剧集 2023 辛爽', img'uploadvod089-tv.webp'},
                {name'三体', year2023, score8.7, tag'剧集', info'30集全', alt'三体 剧集 2023 杨磊', img'uploadvod091-tv.webp'},
                {name'狂飙', year2023, score9.0, tag'剧集', info'39集全', alt'狂飙 剧集 2023 徐纪周', img'uploadvod092-tv.webp'},
                {name'去有风的地方', year2023, score8.4, tag'剧集', info'40集全', alt'去有风的地方 剧集 2023 丁梓光', img'uploadvod093-tv.webp'},
                {name'南来北往', year2024, score7.9, tag'剧集', info'40集全', alt'南来北往 剧集 2024 郑晓龙', img'uploadvod094-tv.webp'}
            ];
            const variety = [
                {name'歌手2024', year2024, score7.5, tag'综艺', info'第3季', alt'歌手2024 综艺 2024 洪啸', img'uploadvod032-variety.webp'},
                {name'向往的生活', year2023, score7.2, tag'综艺', info'第7季', alt'向往的生活 综艺 2023 王征宇', img'uploadvod033-variety.webp'},
                {name'乘风2024', year2024, score7.0, tag'综艺', info'第5季', alt'乘风2024 综艺 2024 吴梦知', img'uploadvod036-variety.webp'},
                {name'奔跑吧', year2024, score6.8, tag'综艺', info'第12季', alt'奔跑吧 综艺 2024 姚译添', img'uploadvod037-variety.webp'},
                {name'这就是街舞6', year2024, score7.8, tag'综艺', info'第6季', alt'这就是街舞6 综艺 2024 陆伟', img'uploadvod038-variety.webp'},
                {name'吐槽大会', year2023, score7.1, tag'综艺', info'第5季', alt'吐槽大会 综艺 2023 谭晓虹', img'uploadvod039-variety.webp'}
            ];
            const anime = [
                {name'咒术回战 涩谷事变', year2023, score8.9, tag'动漫', info'23集全', alt'咒术回战 动漫 2023 朴性厚', img'uploadvod042-anime.webp'},
                {name'鬼灭之刃 锻刀村篇', year2023, score8.8, tag'动漫', info'11集全', alt'鬼灭之刃 动漫 2023 外崎春雄', img'uploadvod043-anime.webp'},
                {name'葬送的芙莉莲', year2023, score9.2, tag'动漫', info'28集全', alt'葬送的芙莉莲 动漫 2023 斋藤圭一郎', img'uploadvod044-anime.webp'},
                {name'间谍过家家 第二季', year2023, score8.6, tag'动漫', info'12集全', alt'间谍过家家 动漫 2023 古桥一浩', img'uploadvod045-anime.webp'},
                {name'进击的巨人 最终季', year2023, score9.5, tag'动漫', info'完结', alt'进击的巨人 动漫 2023 林祐一郎', img'uploadvod046-anime.webp'},
                {name'死神 千年血战篇', year2024, score9.1, tag'动漫', info'26集', alt'死神 动漫 2024 田口智久', img'uploadvod047-anime.webp'}
            ];
            const classics = [
                {name'霸王别姬', year1993, score9.6, tag'经典', info'2K修复', alt'霸王别姬 电影 1993 陈凯歌', img'uploadvod071-movie.webp'},
                {name'泰坦尼克号', year1997, score9.4, tag'经典', info'4K重制', alt'泰坦尼克号 电影 1997 詹姆斯·卡梅隆', img'uploadvod072-movie.webp'},
                {name'千与千寻', year2001, score9.4, tag'经典', info'动漫', alt'千与千寻 动漫 2001 宫崎骏', img'uploadvod073-movie.webp'},
                {name'辛德勒的名单', year1993, score9.5, tag'经典', info'黑白', alt'辛德勒的名单 电影 1993 史蒂文·斯皮尔伯格', img'uploadvod074-movie.webp'},
                {name'盗梦空间', year2010, score9.3, tag'经典', info'4K', alt'盗梦空间 电影 2010 克里斯托弗·诺兰', img'uploadvod075-movie.webp'},
                {name'阿甘正传', year1994, score9.5, tag'经典', info'4K', alt'阿甘正传 电影 1994 罗伯特·泽米吉斯', img'uploadvod076-movie.webp'}
            ];

            const allData = [movies, tvshows, variety, anime, classics];
            const gridIds = ['filmGrid1','tvGrid2','varietyGrid3','animeGrid4','classicGrid5'];

            function renderCards() {
                for(let idx=0; idxallData.length; idx++) {
                    const grid = document.getElementById(gridIds[idx]);
                    const data = allData[idx];
                    grid.innerHTML = '';
                    data.forEach(item = {
                        const card = document.createElement('article');
                        card.className = 'card-item-yt332';
                        card.setAttribute('data-name', item.name);
                        card.setAttribute('data-year', item.year);
                        card.setAttribute('data-score', item.score);
                        card.setAttribute('data-tag', item.tag);
                        card.setAttribute('data-info', item.info);
                        card.setAttribute('data-alt', item.alt);
                        card.setAttribute('data-img', item.img);
                        card.innerHTML = `
                            div class=card-img-wrap-hg772
                                img src=${item.img} alt=${item.alt} loading=lazy
                                div class=play-overlay-js401
                                    span class=play-icon-svg-ks729▶span
                                    span class=play-label-xm112立即观看span
                                div
                            div
                            div class=card-info-ht492
                                div class=card-title-vn332${item.name}div
                                div class=card-meta-zb449
                                    span⭐ ${item.score}span
                                    span class=badge-ty721${item.info}span
                                div
                                button class=wish-btn-kp339想看预约button
                            div
                        `;
                        grid.appendChild(card);
                    });
                }
            }
            renderCards();

             Toast 函数
            const toastEl = document.getElementById('globalToast');
            function showToast(msg) {
                toastEl.textContent = msg  '功能开发中，即将开放，敬请期待';
                toastEl.classList.add('show');
                setTimeout(() = { toastEl.classList.remove('show'); }, 2000);
            }

             全局事件委托 (卡片点击  按钮)
            document.addEventListener('click', function(e) {
                const target = e.target.closest('button, a, .card-item-yt332');
                if (!target) return;
                 卡片点击 (但排除按钮)
                if (target.classList.contains('card-item-yt332') && !e.target.closest('.wish-btn-kp339')) {
                    e.preventDefault();
                    const name = target.getAttribute('data-name')  '未知作品';
                    const year = target.getAttribute('data-year')  '';
                    const score = target.getAttribute('data-score')  '';
                    const tag = target.getAttribute('data-tag')  '';
                    const info = target.getAttribute('data-info')  '';
                    const alt = target.getAttribute('data-alt')  '';
                     填充模态框真实信息
                    document.getElementById('modalTitle').textContent = name + ' (' + year + ')';
                    document.getElementById('modalDesc').textContent = `类型：${tag}    评分：${score}    详情：${info}n作品简介：真实影视作品，本片讲述了一个动人故事。导演与演员阵容强大。`;
                    document.getElementById('infoModal').classList.add('open');
                    return;
                }
                 想看预约按钮 - toast
                if (target.classList.contains('wish-btn-kp339')) {
                    e.preventDefault();
                    showToast('功能开发中，即将开放，敬请期待');
                    return;
                }
                 分类链接  底部链接  其他按钮
                if (target.closest('.category-links-pq732 a')  target.closest('.footer-links-yt532 a')  target.closest('.nav-menu-kt418a a')) {
                    e.preventDefault();
                     特殊处理关于帮助等 (显示真实文本)
                    const linkId = target.id;
                    if (linkId === 'aboutLink') {
                        document.getElementById('modalTitle').textContent = '关于我们';
                        document.getElementById('modalDesc').textContent = '天天射影院 致力于提供最全影视资源，每日更新，高清画质，无广告。团队由资深影迷组成，打造纯净追剧体验。';
                        document.getElementById('infoModal').classList.add('open');
                    } else if (linkId === 'helpLink') {
                        document.getElementById('modalTitle').textContent = '帮助中心';
                        document.getElementById('modalDesc').textContent = '常见问题：如何预约影片？如何反馈建议？本站目前展示真实影视信息，播放功能开发中。联系邮箱：help@tiantiancinema.com';
                        document.getElementById('infoModal').classList.add('open');
                    } else if (linkId === 'friendLink') {
                        document.getElementById('modalTitle').textContent = '友情链接';
                        document.getElementById('modalDesc').textContent = '合作媒体：电影时光、剧集控、动漫基地、综艺大观。欢迎互换链接。';
                        document.getElementById('infoModal').classList.add('open');
                    } else if (linkId === 'complainLink') {
                        document.getElementById('modalTitle').textContent = '内容投诉';
                        document.getElementById('modalDesc').textContent = '如发现侵权或不良信息，请发送邮件至 complain@tiantiancinema.com，我们将在24小时内处理。';
                        document.getElementById('infoModal').classList.add('open');
                    } else {
                        showToast('功能开发中，即将开放，敬请期待');
                    }
                    return;
                }
                 其他可点击链接 如面包屑、底部其他
                if (target.tagName === 'A' && target.getAttribute('href') === '#') {
                    e.preventDefault();
                    showToast('功能开发中，即将开放，敬请期待');
                }
            });

             关闭模态框
            document.getElementById('closeModalBtn').addEventListener('click', function(e) {
                e.preventDefault();
                document.getElementById('infoModal').classList.remove('open');
            });
            document.getElementById('watchDevBtn').addEventListener('click', function(e) {
                e.preventDefault();
                showToast('功能开发中，即将开放，敬请期待');
                document.getElementById('infoModal').classList.remove('open');
            });
             点击遮罩关闭
            document.getElementById('infoModal').addEventListener('click', function(e) {
                if (e.target === this) {
                    this.classList.remove('open');
                }
            });

        })();
    script
body
html