!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 #e8e8ed;
            line-height 1.5;
            animation fadeInContent 0.2s ease;
        }
        @keyframes fadeInContent {
            0% { opacity 0; }
            100% { opacity 1; }
        }
        a, button {
            color inherit;
            text-decoration none;
            cursor pointer;
        }
        .wrapper-jk9032 {
            max-width 1280px;
            margin 0 auto;
            padding 0 20px;
        }
         header + 随机菜单位置 
        .header-xt8391 {
            background #1a1a24;
            padding 14px 0;
            box-shadow 0 2px 12px rgba(0,0,0,0.6);
            display flex;
            flex-wrap wrap;
            align-items center;
            justify-content flex-end;  菜单居右 
        }
        .logo-area-gh4821 {
            font-size 1.8rem;
            font-weight 600;
            letter-spacing 1px;
            color #f7c948;
            margin-right auto;
        }
        .nav-menu-pw672a {
            display flex;
            gap 1.6rem;
            flex-wrap wrap;
            padding 0 0.5rem;
        }
        .nav-menu-pw672a a {
            font-weight 500;
            padding 0.45rem 0;
            border-bottom 2px solid transparent;
            transition 0.15s;
        }
        .nav-menu-pw672a ahover {
            border-bottom-color #f7c948;
            color #f7c948;
        }
         网站简介 (粗体) 
        .site-intro-yt341x {
            background #18181f;
            padding 1.8rem 1.2rem;
            margin 1.2rem 0 2rem;
            border-radius 32px;
            font-weight 700;
            font-size 1.2rem;
            text-align center;
            box-shadow 0 4px 10px rgba(0,0,0,0.5);
        }
        .site-intro-yt341x p {
            max-width 900px;
            margin 0 auto;
            color #d0d0dd;
        }
        .site-intro-yt341x strong {
            color #f7c948;
        }
        .breadcrumb-asd24533 {
            padding 0.8rem 0.2rem;
            color #aaa;
            font-size 0.9rem;
            margin-bottom 0.5rem;
            border-bottom 1px solid #2a2a35;
        }
        .breadcrumb-asd24533 span {
            color #ccc;
        }
        .section-title-ow873k {
            display flex;
            flex-wrap wrap;
            align-items center;
            justify-content space-between;
            margin 2.2rem 0 1.2rem;
        }
        .section-title-ow873k h2 {
            font-size 1.7rem;
            font-weight 600;
            border-left 6px solid #f7c948;
            padding-left 15px;
        }
        .category-tags-hd782a {
            display flex;
            flex-wrap wrap;
            gap 0.7rem 1.2rem;
        }
        .category-tags-hd782a a {
            background #262632;
            padding 0.3rem 1.2rem;
            border-radius 30px;
            font-size 0.9rem;
            transition 0.1s;
            border 1px solid #3b3b4a;
        }
        .category-tags-hd782a ahover {
            background #3b3b4f;
            border-color #f7c948;
        }
        .card-grid-qs9023 {
            display grid;
            grid-template-columns repeat(auto-fill, minmax(160px, 1fr));
            gap 1.5rem 1rem;
        }
        .card-item-fw67h {
            background #1c1c26;
            border-radius 20px;
            overflow hidden;
            transition box-shadow 0.2s, transform 0.15s;
            box-shadow 0 4px 8px rgba(0,0,0,0.6);
            position relative;
            cursor pointer;
        }
        .card-item-fw67hhover {
            box-shadow 0 14px 24px rgba(0,0,0,0.7);
            transform translateY(-2px);
        }
        .img-wrap-mk72d {
            position relative;
            background #2a2a35;
            overflow hidden;
            aspect-ratio 2  3;
            display flex;
            align-items center;
            justify-content center;
        }
        .img-wrap-mk72d img {
            width 100%;
            height 100%;
            object-fit cover;
            transition transform 0.25s;
            display block;
        }
        .card-item-fw67hhover .img-wrap-mk72d img {
            transform scale(1.03);
        }
        .play-overlay-yt90s {
            position absolute;
            inset 0;
            background rgba(0,0,0,0.2);
            display flex;
            flex-direction column;
            align-items center;
            justify-content center;
            opacity 0;
            transition opacity 0.2s;
            pointer-events none;
        }
        .card-item-fw67hhover .play-overlay-yt90s {
            opacity 1;
        }
        .play-icon-circle {
            font-size 3.2rem;
            line-height 1;
            background rgba(255,215,0,0.2);
            width 70px;
            height 70px;
            border-radius 50%;
            display flex;
            align-items center;
            justify-content center;
            backdrop-filter blur(2px);
            border 2px solid rgba(255,215,0,0.5);
            color #f7c948;
        }
        .play-text {
            margin-top 8px;
            font-weight 600;
            background rgba(0,0,0,0.6);
            padding 4px 16px;
            border-radius 30px;
            font-size 0.9rem;
            color #fff;
        }
        .card-info-ht39d {
            padding 0.8rem 0.75rem 1rem;
        }
        .card-info-ht39d h3 {
            font-size 1rem;
            font-weight 600;
            white-space nowrap;
            overflow hidden;
            text-overflow ellipsis;
        }
        .meta-line-xt72a {
            display flex;
            justify-content space-between;
            font-size 0.75rem;
            color #a0a0b0;
            margin 6px 0 10px;
        }
        .badge-ss342 {
            background #2f2f42;
            padding 2px 10px;
            border-radius 30px;
            font-size 0.7rem;
        }
        .want-btn-hj78k {
            background #f7c948;
            color #0f0f12;
            border none;
            padding 0.4rem 0.8rem;
            border-radius 30px;
            font-weight 700;
            font-size 0.75rem;
            transition 0.1s;
            width 100%;
            margin-top 0.3rem;
        }
        .want-btn-hj78khover {
            background #ffdb6b;
        }
         toast 
        .toast-container-wn82b {
            position fixed;
            top 18px;
            left 50%;
            transform translateX(-50%);
            z-index 9999;
            background #2b2b3a;
            color #f0f0f5;
            padding 0.8rem 2.2rem;
            border-radius 60px;
            box-shadow 0 12px 28px rgba(0,0,0,0.7);
            border 1px solid #4b4b5a;
            font-weight 500;
            display none;
            white-space nowrap;
            backdrop-filter blur(6px);
        }
         modal 
        .modal-mask-bx981 {
            display none;
            position fixed;
            inset 0;
            background rgba(0,0,0,0.7);
            z-index 9998;
            align-items center;
            justify-content center;
            padding 20px;
        }
        .modal-card-ty782 {
            background #1e1e2a;
            max-width 500px;
            width 100%;
            border-radius 36px;
            box-shadow 0 30px 50px rgba(0,0,0,0.8);
            padding 26px 28px;
            position relative;
            color #e8e8ed;
            max-height 90vh;
            overflow-y auto;
        }
        .modal-card-ty782 h2 {
            font-size 1.8rem;
            margin-bottom 0.8rem;
        }
        .modal-desc-pt327 {
            margin 0.8rem 0 1.6rem;
            line-height 1.6;
            color #bdbdd0;
        }
        .modal-actions-yt89 {
            display flex;
            gap 1rem;
            flex-wrap wrap;
        }
        .modal-actions-yt89 button, .modal-actions-yt89 a {
            background #3b3b50;
            border none;
            padding 0.6rem 1.5rem;
            border-radius 40px;
            font-weight 600;
            transition 0.1s;
        }
        .modal-actions-yt89 .close-modal-gt382 {
            background #5a5a70;
        }
        .modal-actions-yt89 .watch-dev-btn {
            background #f7c948;
            color #0f0f12;
        }
         评论框 & footer 
        .comment-section-uv367 {
            background #18181f;
            border-radius 32px;
            padding 1.6rem;
            margin 2.5rem 0 1.2rem;
        }
        .comment-item-gh29s {
            padding 0.5rem 0;
            border-bottom 1px solid #2e2e3a;
        }
        .comment-item-gh29slast-child {
            border-bottom none;
        }
        .footer-xy902 {
            padding 2rem 0 1rem;
            border-top 1px solid #2d2d3a;
            display flex;
            flex-wrap wrap;
            justify-content space-between;
            align-items center;
            font-size 0.9rem;
            color #9a9aaa;
        }
        .footer-xy902 a {
            margin 0 0.8rem;
        }
        .footer-xy902 ahover {
            color #f7c948;
        }
        .footer-ipc-ng772 {
            color #7a7a8a;
        }
        .help-modal-content {
            display none;
        }
        @media (max-width 768px) {
            .header-xt8391 {
                justify-content center;
            }
            .logo-area-gh4821 {
                margin-right 0;
                width 100%;
                text-align center;
            }
            .nav-menu-pw672a {
                justify-content center;
                margin-top 6px;
            }
            .card-grid-qs9023 {
                grid-template-columns repeat(auto-fill, minmax(140px, 1fr));
            }
            .section-title-ow873k {
                flex-direction column;
                align-items start;
                gap 10px;
            }
        }
        @media (max-width 480px) {
            .wrapper-jk9032 {
                padding 0 12px;
            }
        }
    style
head
body
div class=toast-container-wn82b id=toast-global-hy78a功能开发中，即将开放，敬请期待div
div class=modal-mask-bx981 id=modal-mask-ql102
    div class=modal-card-ty782 id=modal-card-dynamic
        !-- 动态填充 --
    div
div

header class=header-xt8391 wrapper-jk9032
    div class=logo-area-gh4821久草影院div
    nav class=nav-menu-pw672a
        a href=#首页a
        a href=#电影a
        a href=#剧集a
        a href=#综艺a
        a href=#动漫a
        a href=#预告a
    nav
header

main class=wrapper-jk9032
    div class=site-intro-yt341x
        pstrong久草影院strong 提供海量 strong在线电影strong 和热门剧集，strong免费观看strong 极致体验。strong高清画质strong 无广告，strong每日更新strong 不断档。本页面展示真实影视作品信息，所有点击跳转及播放功能正在开发中，敬请期待正式版。p
    div
    div class=breadcrumb-asd24533span首页  电影  正在热播spandiv

    !-- 版块1 电影 --
    section
        div class=section-title-ow873k
            h2🔥 热播电影h2
            div class=category-tags-hd782a
                a href=#动作aa href=#科幻aa href=#剧情aa href=#喜剧a
            div
        div
        div class=card-grid-qs9023 id=movieGriddiv
    section

    !-- 版块2 剧集 --
    section
        div class=section-title-ow873k
            h2📺 高分剧集h2
            div class=category-tags-hd782a
                a href=#悬疑aa href=#古装aa href=#爱情aa href=#犯罪a
            div
        div
        div class=card-grid-qs9023 id=tvGriddiv
    section

    !-- 版块3 综艺 --
    section
        div class=section-title-ow873k
            h2🎤 热门综艺h2
            div class=category-tags-hd782a
                a href=#真人秀aa href=#音乐aa href=#脱口秀aa href=#生活a
            div
        div
        div class=card-grid-qs9023 id=varietyGriddiv
    section

    !-- 版块4 动漫 --
    section
        div class=section-title-ow873k
            h2✨ 动漫新番h2
            div class=category-tags-hd782a
                a href=#热血aa href=#奇幻aa href=#恋爱aa href=#搞笑a
            div
        div
        div class=card-grid-qs9023 id=animeGriddiv
    section

    !-- 版块5 经典电影 --
    section
        div class=section-title-ow873k
            h2🎞️ 经典回顾h2
            div class=category-tags-hd782a
                a href=#怀旧aa href=#大师aa href=#获奖aa href=#文艺a
            div
        div
        div class=card-grid-qs9023 id=classicGriddiv
    section

    !-- 评论框 --
    div class=comment-section-uv367
        h3 style=margin-bottom 0.8rem;💬 用户短评h3
        div class=comment-item-gh29sstrong电影迷小明：strong 画质清晰，资源更新快，期待正式播放！div
        div class=comment-item-gh29sstrong剧集控安娜：strong 久草影院 的推荐很精准，都是我想看的。div
        div class=comment-item-gh29sstrong路人甲：strong 无广告体验太好了，希望一直保持。div
        div class=comment-item-gh29sstrong追番少女：strong 动漫分类好全，每日更新好评！div
    div
main

footer class=footer-xy902 wrapper-jk9032
    div© 2026 久草影院 span style=margin-left 12px; color#b55;侵权必删spandiv
    div
        a href=# id=aboutLink关于我们a
        a href=# id=helpLink帮助中心a
        a href=# id=friendLink友情链接a
        a href=# id=reportLink内容投诉a
    div
    div class=footer-ipc-ng772沪ICP备2026span id=randomIpc8848span号div
footer

script
    (function() {
         真实影视数据 (5个版块各6个)
        const movieData = [
            {name'流浪地球2', year2023, score8.3, hot'4K', info'科幻灾难', img'001-movie.webp', alt'流浪地球2 电影 2023 郭帆', director'郭帆'},
            {name'奥本海默', year2023, score8.9, hot'4K', info'传记历史', img'002-movie.webp', alt'奥本海默 电影 2023 克里斯托弗·诺兰', director'诺兰'},
            {name'沙丘2', year2024, score8.6, hot'4K', info'科幻冒险', img'003-movie.webp', alt'沙丘2 电影 2024 丹尼斯·维伦纽瓦', director'维伦纽瓦'},
            {name'飞驰人生2', year2024, score8.0, hot'4K', info'喜剧运动', img'004-movie.webp', alt'飞驰人生2 电影 2024 韩寒', director'韩寒'},
            {name'年会不能停！', year2023, score8.1, hot'4K', info'职场喜剧', img'005-movie.webp', alt'年会不能停！ 电影 2023 董润年', director'董润年'},
            {name'周处除三害', year2024, score8.5, hot'4K', info'犯罪动作', img'006-movie.webp', alt'周处除三害 电影 2024 黄精甫', director'黄精甫'}
        ];
        const tvData = [
            {name'繁花', year2023, score8.7, hot'更新30集', info'年代剧情', img'007-tv.webp', alt'繁花 剧集 2023 王家卫', director'王家卫'},
            {name'漫长的季节', year2023, score9.4, hot'完结12集', info'悬疑生活', img'008-tv.webp', alt'漫长的季节 剧集 2023 辛爽', director'辛爽'},
            {name'狂飙', year2023, score9.1, hot'完结39集', info'犯罪刑侦', img'009-tv.webp', alt'狂飙 剧集 2023 徐纪周', director'徐纪周'},
            {name'三体', year2023, score8.7, hot'完结30集', info'科幻', img'010-tv.webp', alt'三体 剧集 2023 杨磊', director'杨磊'},
            {name'去有风的地方', year2023, score8.6, hot'完结40集', info'田园治愈', img'011-tv.webp', alt'去有风的地方 剧集 2023 丁梓光', director'丁梓光'},
            {name'莲花楼', year2023, score8.5, hot'完结40集', info'武侠悬疑', img'012-tv.webp', alt'莲花楼 剧集 2023 郭虎', director'郭虎'}
        ];
        const varietyData = [
            {name'歌手2024', year2024, score7.8, hot'第2季', info'音乐竞技', img'013-variety.webp', alt'歌手2024 综艺 2024 洪啸', director'洪啸'},
            {name'向往的生活7', year2024, score7.5, hot'第7季', info'生活慢综艺', img'014-variety.webp', alt'向往的生活7 综艺 2024 王征宇', director'王征宇'},
            {name'奔跑吧12', year2024, score6.9, hot'第12季', info'户外竞技', img'015-variety.webp', alt'奔跑吧12 综艺 2024 姚译添', director'姚译添'},
            {name'乘风2024', year2024, score7.2, hot'第5季', info'女团成长', img'016-variety.webp', alt'乘风2024 综艺 2024 吴梦知', director'吴梦知'},
            {name'这就是街舞6', year2024, score8.0, hot'第6季', info'街舞选拔', img'017-variety.webp', alt'这就是街舞6 综艺 2024 陆伟', director'陆伟'},
            {name'花儿与少年6', year2024, score7.6, hot'第6季', info'旅行纪实', img'018-variety.webp', alt'花儿与少年6 综艺 2024 廖珂', director'廖珂'}
        ];
        const animeData = [
            {name'葬送的芙莉莲', year2023, score9.0, hot'更新28集', info'奇幻治愈', img'019-anime.webp', alt'葬送的芙莉莲 动漫 2023 斋藤圭一郎', director'斋藤圭一郎'},
            {name'咒术回战 第二季', year2023, score8.8, hot'完结23集', info'热血战斗', img'020-anime.webp', alt'咒术回战 第二季 动漫 2023 御所园翔太', director'御所园翔太'},
            {name'鬼灭之刃 柱训练篇', year2024, score8.5, hot'更新8集', info'热血战斗', img'021-anime.webp', alt'鬼灭之刃 柱训练篇 动漫 2024 外崎春雄', director'外崎春雄'},
            {name'间谍过家家 第二季', year2023, score8.7, hot'完结12集', info'喜剧日常', img'022-anime.webp', alt'间谍过家家 第二季 动漫 2023 古桥一浩', director'古桥一浩'},
            {name'我推的孩子', year2023, score8.9, hot'完结11集', info'悬疑偶像', img'023-anime.webp', alt'我推的孩子 动漫 2023 平牧大辅', director'平牧大辅'},
            {name'蓝色监狱', year2022, score8.2, hot'完结24集', info'运动竞技', img'024-anime.webp', alt'蓝色监狱 动漫 2022 渡边彻明', director'渡边彻明'}
        ];
        const classicData = [
            {name'阿凡达', year2009, score9.8, hot'4K重制', info'科幻史诗', img'025-movie.webp', alt'阿凡达 电影 2009 詹姆斯·卡梅隆', director'詹姆斯·卡梅隆'},
            {name'泰坦尼克号', year1997, score9.8, hot'4K重制', info'爱情灾难', img'026-movie.webp', alt'泰坦尼克号 电影 1997 詹姆斯·卡梅隆', director'詹姆斯·卡梅隆'},
            {name'盗梦空间', year2010, score9.4, hot'4K', info'科幻悬疑', img'027-movie.webp', alt'盗梦空间 电影 2010 克里斯托弗·诺兰', director'诺兰'},
            {name'千与千寻', year2001, score9.4, hot'4K', info'奇幻动画', img'028-movie.webp', alt'千与千寻 电影 2001 宫崎骏', director'宫崎骏'},
            {name'星际穿越', year2014, score9.4, hot'4K', info'科幻亲情', img'029-movie.webp', alt'星际穿越 电影 2014 诺兰', director'诺兰'},
            {name'楚门的世界', year1998, score9.3, hot'4K', info'剧情科幻', img'030-movie.webp', alt'楚门的世界 电影 1998 彼得·威尔', director'彼得·威尔'}
        ];
        const allSections = [movieData, tvData, varietyData, animeData, classicData];
        const gridIds = ['movieGrid','tvGrid','varietyGrid','animeGrid','classicGrid'];

         渲染卡片
        function renderCards() {
            allSections.forEach((data, idx) = {
                const container = document.getElementById(gridIds[idx]);
                if (!container) return;
                container.innerHTML = data.map((item, i) = {
                    const isVariety = idx === 2; 
                    const badgeText = isVariety  item.hot + '季'  item.hot;
                    return `
                    article class=card-item-fw67h data-name=${item.name} data-year=${item.year} data-score=${item.score} data-info=${item.info} data-director=${item.director} data-img=${item.img} data-alt=${item.alt}
                        div class=img-wrap-mk72d
                            img src=uploadvod${item.img} alt=${item.alt} loading=lazy
                            div class=play-overlay-yt90s
                                span class=play-icon-circle▶span
                                span class=play-text立即观看span
                            div
                        div
                        div class=card-info-ht39d
                            h3${item.name}h3
                            div class=meta-line-xt72a
                                span⭐${item.score}span
                                span class=badge-ss342${badgeText}span
                            div
                            button class=want-btn-hj78k data-want=true想看  预约button
                        div
                    article
                    `;
                }).join('');
            });
        }
        renderCards();

         Toast 系统
        const toastEl = document.getElementById('toast-global-hy78a');
        function showToast(msg) {
            if (!msg) msg = '功能开发中，即将开放，敬请期待';
            toastEl.textContent = msg;
            toastEl.style.display = 'block';
            setTimeout(() = { toastEl.style.display = 'none'; }, 2000);
        }

         全局事件委托 (卡片点击, 按钮点击, 分类等)
        document.addEventListener('click', function(e) {
            const target = e.target.closest('a, button, .card-item-fw67h');
            if (!target) return;
             处理卡片点击 (弹出模态框) 但排除按钮
            if (target.classList.contains('card-item-fw67h') && !e.target.closest('.want-btn-hj78k')) {
                e.preventDefault();
                const card = target;
                const name = card.dataset.name;
                const year = card.dataset.year;
                const score = card.dataset.score;
                const info = card.dataset.info;
                const director = card.dataset.director;
                const img = card.dataset.img;
                const alt = card.dataset.alt;
                const modal = document.getElementById('modal-mask-ql102');
                const modalCard = document.getElementById('modal-card-dynamic');
                modalCard.innerHTML = `
                    h2${name}h2
                    div style=displayflex; gap12px; align-itemscenter; margin-bottom6px;
                        span style=background#3b3b50; padding2px 12px; border-radius30px;${year}span
                        span⭐ ${score}span
                        span${info}span
                    div
                    div style=font-size0.9rem; margin-bottom0.5rem;导演：${director}div
                    div class=modal-desc-pt327真实影视作品《${name}》详细剧情介绍。导演 ${director}，年代 ${year}，评分 ${score}。高清画质，即将上线。div
                    div class=modal-actions-yt89
                        button class=close-modal-gt382 id=closeModalBtn关闭button
                        button class=watch-dev-btn id=watchDevBtn前往观看（开发中）button
                    div
                `;
                modal.style.display = 'flex';
                document.getElementById('closeModalBtn').addEventListener('click', function(ev){
                    ev.preventDefault();
                    modal.style.display = 'none';
                });
                document.getElementById('watchDevBtn').addEventListener('click', function(ev){
                    ev.preventDefault();
                    showToast();
                });
                 点击遮罩关闭
                modal.addEventListener('click', function(ev2) {
                    if (ev2.target === modal) modal.style.display = 'none';
                });
                return;
            }
             处理 想看 按钮 - toast
            if (target.classList.contains('want-btn-hj78k')) {
                e.preventDefault();
                showToast();
                return;
            }
             处理分类入口, 导航, 底部链接等 (所有带href # 的)
            if (target.tagName === 'A' && target.getAttribute('href') === '#') {
                e.preventDefault();
                 特殊处理关于帮助等 模态框
                const id = target.id;
                if (id === 'aboutLink'  id === 'helpLink'  id === 'friendLink'  id === 'reportLink') {
                    let title = '', content = '';
                    if (id === 'aboutLink') { title = '关于久草影院'; content = '久草影院 致力于提供最新最全的在线电影、剧集、综艺。我们注重用户体验，高清画质无广告，每日更新。本平台展示真实影视信息，播放功能开发中。'; }
                    else if (id === 'helpLink') { title = '帮助中心'; content = '常见问题：如何预约影片？如何反馈？本站为影视信息展示平台，所有资源均为演示。正式版将支持收藏、评论、播放。'; }
                    else if (id === 'friendLink') { title = '友情链接'; content = '合作媒体：电影资讯网、剧评人社区、动漫之家。申请友链请联系 admin@jiucao.example (演示)'; }
                    else if (id === 'reportLink') { title = '内容投诉'; content = '如发现不良信息或侵权内容，请发送邮件至 report@jiucao.example (演示)，我们将在1个工作日内处理。'; }
                    const modal = document.getElementById('modal-mask-ql102');
                    const modalCard = document.getElementById('modal-card-dynamic');
                    modalCard.innerHTML = `h2${title}h2div class=modal-desc-pt327${content}divdiv class=modal-actions-yt89button class=close-modal-gt382 id=closeModalBtn2关闭buttondiv`;
                    modal.style.display = 'flex';
                    document.getElementById('closeModalBtn2').addEventListener('click', function(){ modal.style.display = 'none'; });
                    modal.addEventListener('click', function(ev2) { if (ev2.target === modal) modal.style.display = 'none'; });
                    return;
                }
                 其他普通a标签 显示toast
                showToast();
            }
        });

         随机备案号
        document.getElementById('randomIpc').textContent = Math.floor(1000 + Math.random()  9000);
    })();
script
body
html