!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
    meta name=robots content=index,follow
    meta name=baidu-spider content=index,follow
    title新剧影视大全 - 热播剧推荐与高分经典电影排行榜title
    meta name=description content=新剧影视大全提供最新热播剧推荐、高分经典电影排行榜、影视资讯及深度影评。每日更新海量剧集，帮你快速找到值得看的好剧。
    meta name=keywords content=新剧影视大全,热播剧推荐,高分电影,影视资讯,电视剧排行榜,经典影片,新剧更新,影评
    style
         {
            margin 0;
            padding 0;
            box-sizing border-box;
        }
        root {
            --bg-primary #0d0d1a;
            --bg-card rgba(255, 255, 255, 0.04);
            --bg-card-hover rgba(255, 255, 255, 0.08);
            --gold #d4a574;
            --gold-dim rgba(212, 165, 116, 0.3);
            --red-accent #a03040;
            --text-primary #f0ece6;
            --text-secondary #b8b0a8;
            --text-muted #7a7268;
            --border-glow rgba(212, 165, 116, 0.15);
            --shadow-card 0 8px 32px rgba(0, 0, 0, 0.6);
            --radius 14px;
            --transition 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        html {
            scroll-behavior smooth;
        }
        body {
            font-family system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background var(--bg-primary);
            color var(--text-primary);
            line-height 1.6;
            min-height 100vh;
        }
        a {
            color var(--gold);
            text-decoration none;
            transition color var(--transition);
        }
        ahover {
            color #e8c9a8;
        }
        img {
            max-width 100%;
            display block;
        }
        .container {
            max-width 1280px;
            margin 0 auto;
            padding 0 20px;
        }

        .header {
            position sticky;
            top 0;
            z-index 100;
            background rgba(13, 13, 26, 0.92);
            backdrop-filter blur(18px);
            border-bottom 1px solid var(--border-glow);
        }
        .header-inner {
            display flex;
            align-items center;
            justify-content space-between;
            height 68px;
        }
        .logo {
            display flex;
            align-items center;
            gap 12px;
            font-size 22px;
            font-weight 700;
            color var(--gold);
            letter-spacing 1px;
            flex-shrink 0;
        }
        .logo svg {
            width 36px;
            height 36px;
            fill var(--gold);
            flex-shrink 0;
        }
        .logo span {
            background linear-gradient(135deg, var(--gold), #e8c9a8);
            -webkit-background-clip text;
            -webkit-text-fill-color transparent;
            background-clip text;
        }
        .nav-toggle {
            display none;
            background none;
            border none;
            color var(--text-primary);
            font-size 28px;
            cursor pointer;
            padding 6px;
            line-height 1;
        }
        .nav-list {
            display flex;
            align-items center;
            gap 6px;
            list-style none;
            flex-wrap wrap;
        }
        .nav-list li a {
            display block;
            padding 8px 16px;
            border-radius 8px;
            font-size 15px;
            font-weight 500;
            color var(--text-secondary);
            transition all var(--transition);
            position relative;
        }
        .nav-list li ahover,
        .nav-list li a.active {
            color var(--gold);
            background var(--bg-card);
        }
        .nav-list li aafter {
            content '';
            position absolute;
            bottom 2px;
            left 50%;
            transform translateX(-50%);
            width 0;
            height 2px;
            background var(--gold);
            transition width var(--transition);
        }
        .nav-list li ahoverafter {
            width 60%;
        }

        .breadcrumb {
            padding 16px 0 10px;
            font-size 14px;
            color var(--text-muted);
            display flex;
            flex-wrap wrap;
            gap 6px 10px;
        }
        .breadcrumb a {
            color var(--text-secondary);
        }
        .breadcrumb ahover {
            color var(--gold);
        }
        .breadcrumb .sep {
            color var(--text-muted);
        }
        .breadcrumb .current {
            color var(--gold);
        }

        .carousel {
            position relative;
            border-radius var(--radius);
            overflow hidden;
            margin 12px 0 32px;
            background #1a1a2e;
            aspect-ratio 166;
            min-height 180px;
        }
        .carousel-track {
            display flex;
            transition transform 0.6s ease;
            height 100%;
        }
        .carousel-slide {
            flex 0 0 100%;
            height 100%;
            position relative;
            background-size cover;
            background-position center;
            display flex;
            align-items center;
            padding 30px 40px;
            background-color #1a1a2e;
        }
        .carousel-slide .slide-bg {
            position absolute;
            inset 0;
            background linear-gradient(135deg, rgba(13, 13, 26, 0.7) 30%, transparent 80%);
            z-index 1;
        }
        .carousel-slide .slide-content {
            position relative;
            z-index 2;
            max-width 55%;
        }
        .carousel-slide .slide-tag {
            display inline-block;
            background var(--red-accent);
            color #fff;
            font-size 12px;
            font-weight 600;
            padding 4px 14px;
            border-radius 20px;
            letter-spacing 0.5px;
            margin-bottom 10px;
            text-transform uppercase;
        }
        .carousel-slide h2 {
            font-size clamp(22px, 3.2vw, 44px);
            font-weight 700;
            color #fff;
            text-shadow 0 4px 20px rgba(0, 0, 0, 0.6);
            margin-bottom 8px;
            line-height 1.2;
        }
        .carousel-slide p {
            color rgba(255, 255, 255, 0.8);
            font-size clamp(14px, 1.2vw, 18px);
            text-shadow 0 2px 12px rgba(0, 0, 0, 0.5);
            max-width 90%;
        }
        .carousel-slide .slide-img {
            position absolute;
            inset 0;
            width 100%;
            height 100%;
            object-fit cover;
            opacity 0.5;
        }
        .carousel-dots {
            position absolute;
            bottom 16px;
            left 50%;
            transform translateX(-50%);
            display flex;
            gap 10px;
            z-index 5;
        }
        .carousel-dots button {
            width 10px;
            height 10px;
            border-radius 50%;
            border none;
            background rgba(255, 255, 255, 0.3);
            cursor pointer;
            transition all var(--transition);
            padding 0;
        }
        .carousel-dots button.active {
            background var(--gold);
            width 28px;
            border-radius 6px;
        }
        .carousel-dots buttonhover {
            background var(--gold);
        }

        .section-header {
            display flex;
            align-items baseline;
            justify-content space-between;
            margin 36px 0 18px;
            flex-wrap wrap;
            gap 10px;
        }
        .section-header h2 {
            font-size clamp(20px, 2.2vw, 30px);
            font-weight 700;
            color var(--text-primary);
            letter-spacing 0.5px;
            display flex;
            align-items center;
            gap 12px;
        }
        .section-header h2 .badge {
            font-size 12px;
            background var(--red-accent);
            color #fff;
            padding 2px 12px;
            border-radius 20px;
            font-weight 500;
        }
        .section-header .more {
            font-size 14px;
            color var(--text-secondary);
            display flex;
            align-items center;
            gap 6px;
            transition color var(--transition);
        }
        .section-header .morehover {
            color var(--gold);
        }

        .grid-cards {
            display grid;
            grid-template-columns repeat(auto-fill, minmax(200px, 1fr));
            gap 22px;
        }
        .grid-cards.three-col {
            grid-template-columns repeat(auto-fill, minmax(220px, 1fr));
        }

        .card {
            background var(--bg-card);
            border-radius var(--radius);
            overflow hidden;
            transition all var(--transition);
            cursor pointer;
            border 1px solid transparent;
            position relative;
        }
        .cardhover {
            transform translateY(-6px);
            background var(--bg-card-hover);
            border-color var(--border-glow);
            box-shadow var(--shadow-card);
        }
        .card .card-img {
            position relative;
            aspect-ratio 23;
            background #1a1a2e;
            overflow hidden;
        }
        .card .card-img img {
            width 100%;
            height 100%;
            object-fit cover;
            transition transform 0.5s ease;
        }
        .cardhover .card-img img {
            transform scale(1.04);
        }
        .card .card-img .update-badge {
            position absolute;
            top 10px;
            right 10px;
            background var(--red-accent);
            color #fff;
            font-size 11px;
            font-weight 600;
            padding 3px 12px;
            border-radius 20px;
            letter-spacing 0.3px;
            box-shadow 0 4px 16px rgba(160, 48, 64, 0.4);
        }
        .card .card-img .score {
            position absolute;
            bottom 10px;
            left 10px;
            background rgba(0, 0, 0, 0.7);
            backdrop-filter blur(4px);
            color var(--gold);
            font-size 15px;
            font-weight 700;
            padding 2px 12px;
            border-radius 6px;
            border 1px solid var(--gold-dim);
        }
        .card .card-body {
            padding 14px 16px 16px;
        }
        .card .card-body h3 {
            font-size 16px;
            font-weight 600;
            color var(--text-primary);
            margin-bottom 4px;
            line-height 1.3;
            display -webkit-box;
            -webkit-line-clamp 1;
            -webkit-box-orient vertical;
            overflow hidden;
        }
        .card .card-body .meta {
            font-size 13px;
            color var(--text-muted);
            display flex;
            align-items center;
            gap 12px;
            flex-wrap wrap;
        }
        .card .card-body .meta .genre {
            color var(--text-secondary);
            background rgba(255, 255, 255, 0.05);
            padding 0 10px;
            border-radius 4px;
            font-size 12px;
        }
        .card .card-btn {
            display block;
            width 100%;
            padding 8px 0;
            margin-top 10px;
            text-align center;
            background var(--gold-dim);
            border 1px solid var(--border-glow);
            border-radius 8px;
            color var(--gold);
            font-size 13px;
            font-weight 500;
            transition all var(--transition);
            cursor pointer;
        }
        .card .card-btnhover {
            background var(--gold);
            color #0d0d1a;
            border-color var(--gold);
        }

        .layout-main {
            display grid;
            grid-template-columns 1fr 300px;
            gap 32px;
            margin 12px 0 32px;
        }
        .layout-main .main-col {
            min-width 0;
        }
        .layout-main .side-col {
            min-width 0;
        }

        .side-col .side-block {
            background var(--bg-card);
            border-radius var(--radius);
            padding 20px 18px;
            margin-bottom 24px;
            border 1px solid rgba(255, 255, 255, 0.04);
        }
        .side-col .side-block h3 {
            font-size 17px;
            font-weight 600;
            color var(--gold);
            margin-bottom 14px;
            padding-bottom 10px;
            border-bottom 1px solid var(--border-glow);
            display flex;
            align-items center;
            gap 8px;
        }
        .side-col .side-block .tag-cloud {
            display flex;
            flex-wrap wrap;
            gap 8px;
        }
        .side-col .side-block .tag-cloud a {
            display inline-block;
            padding 5px 14px;
            background rgba(255, 255, 255, 0.05);
            border-radius 20px;
            font-size 13px;
            color var(--text-secondary);
            border 1px solid transparent;
            transition all var(--transition);
        }
        .side-col .side-block .tag-cloud ahover {
            background var(--gold-dim);
            color var(--gold);
            border-color var(--gold-dim);
            transform translateY(-2px);
        }
        .side-col .side-block .rank-list {
            list-style none;
        }
        .side-col .side-block .rank-list li {
            display flex;
            align-items center;
            gap 12px;
            padding 8px 0;
            border-bottom 1px solid rgba(255, 255, 255, 0.04);
        }
        .side-col .side-block .rank-list lilast-child {
            border-bottom none;
        }
        .side-col .side-block .rank-list .rank-num {
            font-size 14px;
            font-weight 700;
            color var(--text-muted);
            width 24px;
            text-align center;
            flex-shrink 0;
        }
        .side-col .side-block .rank-list .rank-num.top {
            color var(--gold);
        }
        .side-col .side-block .rank-list .rank-name {
            color var(--text-primary);
            font-size 14px;
            flex 1;
        }
        .side-col .side-block .rank-list .rank-namehover {
            color var(--gold);
        }
        .side-col .side-block .rank-list .rank-score {
            color var(--gold);
            font-size 13px;
            font-weight 600;
        }

        .news-list {
            display flex;
            flex-direction column;
            gap 14px;
        }
        .news-list .news-item {
            display flex;
            gap 16px;
            padding 12px 14px;
            background var(--bg-card);
            border-radius 10px;
            transition all var(--transition);
            border 1px solid transparent;
            align-items center;
        }
        .news-list .news-itemhover {
            background var(--bg-card-hover);
            border-color var(--border-glow);
        }
        .news-list .news-item .news-img {
            width 80px;
            height 60px;
            flex-shrink 0;
            border-radius 8px;
            overflow hidden;
            background #1a1a2e;
        }
        .news-list .news-item .news-img img {
            width 100%;
            height 100%;
            object-fit cover;
        }
        .news-list .news-item .news-body {
            flex 1;
            min-width 0;
        }
        .news-list .news-item .news-body h4 {
            font-size 15px;
            font-weight 500;
            color var(--text-primary);
            margin-bottom 2px;
            display -webkit-box;
            -webkit-line-clamp 2;
            -webkit-box-orient vertical;
            overflow hidden;
        }
        .news-list .news-item .news-body .news-meta {
            font-size 12px;
            color var(--text-muted);
            display flex;
            gap 14px;
        }

        .faq-list {
            display flex;
            flex-direction column;
            gap 10px;
        }
        .faq-item {
            background var(--bg-card);
            border-radius 10px;
            border 1px solid rgba(255, 255, 255, 0.04);
            overflow hidden;
            transition all var(--transition);
        }
        .faq-itemhover {
            border-color var(--border-glow);
        }
        .faq-item .faq-q {
            padding 14px 18px;
            font-weight 600;
            color var(--text-primary);
            cursor pointer;
            display flex;
            justify-content space-between;
            align-items center;
            gap 12px;
            font-size 15px;
            transition color var(--transition);
        }
        .faq-item .faq-qhover {
            color var(--gold);
        }
        .faq-item .faq-q .arrow {
            font-size 18px;
            color var(--text-muted);
            transition transform var(--transition);
            flex-shrink 0;
        }
        .faq-item.active .faq-q .arrow {
            transform rotate(180deg);
        }
        .faq-item .faq-a {
            padding 0 18px 18px;
            color var(--text-secondary);
            font-size 14px;
            line-height 1.7;
            display none;
        }
        .faq-item.active .faq-a {
            display block;
        }

        .guestbook {
            display flex;
            flex-direction column;
            gap 14px;
            margin 12px 0 8px;
        }
        .guestbook .gb-item {
            display flex;
            gap 14px;
            padding 16px 18px;
            background var(--bg-card);
            border-radius 12px;
            border 1px solid rgba(255, 255, 255, 0.04);
            transition all var(--transition);
        }
        .guestbook .gb-itemhover {
            background var(--bg-card-hover);
        }
        .guestbook .gb-item .gb-avatar {
            width 44px;
            height 44px;
            border-radius 50%;
            flex-shrink 0;
            overflow hidden;
            background #1a1a2e;
            border 2px solid var(--gold-dim);
        }
        .guestbook .gb-item .gb-avatar img {
            width 100%;
            height 100%;
            object-fit cover;
        }
        .guestbook .gb-item .gb-body {
            flex 1;
            min-width 0;
        }
        .guestbook .gb-item .gb-body .gb-name {
            font-weight 600;
            color var(--text-primary);
            font-size 14px;
        }
        .guestbook .gb-item .gb-body .gb-name .gb-time {
            font-weight 400;
            color var(--text-muted);
            font-size 12px;
            margin-left 10px;
        }
        .guestbook .gb-item .gb-body .gb-text {
            color var(--text-secondary);
            font-size 14px;
            margin-top 4px;
            line-height 1.6;
        }
        .guestbook .gb-item .gb-body .gb-text .keyword-highlight {
            color var(--gold);
            font-weight 500;
        }

        .footer {
            margin-top 48px;
            border-top 1px solid var(--border-glow);
            padding 36px 0 20px;
            background rgba(0, 0, 0, 0.3);
        }
        .footer-inner {
            display grid;
            grid-template-columns repeat(auto-fit, minmax(160px, 1fr));
            gap 28px;
            margin-bottom 24px;
        }
        .footer-inner .footer-col h4 {
            color var(--gold);
            font-size 15px;
            font-weight 600;
            margin-bottom 12px;
        }
        .footer-inner .footer-col ul {
            list-style none;
            display flex;
            flex-direction column;
            gap 6px;
        }
        .footer-inner .footer-col ul li a {
            color var(--text-muted);
            font-size 13px;
            transition color var(--transition);
        }
        .footer-inner .footer-col ul li ahover {
            color var(--gold);
        }
        .footer-bottom {
            border-top 1px solid rgba(255, 255, 255, 0.05);
            padding-top 18px;
            display flex;
            flex-wrap wrap;
            justify-content space-between;
            align-items center;
            gap 12px;
            font-size 13px;
            color var(--text-muted);
        }
        .footer-bottom .footer-links {
            display flex;
            gap 16px;
            flex-wrap wrap;
        }
        .footer-bottom .footer-links a {
            color var(--text-muted);
            font-size 13px;
        }
        .footer-bottom .footer-links ahover {
            color var(--gold);
        }

        .modal-overlay {
            position fixed;
            inset 0;
            z-index 999;
            background rgba(0, 0, 0, 0.75);
            backdrop-filter blur(8px);
            display none;
            align-items center;
            justify-content center;
            padding 20px;
            animation fadeIn 0.25s ease;
        }
        .modal-overlay.active {
            display flex;
        }
        .modal-overlay .modal-box {
            background #1a1a2e;
            border-radius var(--radius);
            max-width 620px;
            width 100%;
            max-height 90vh;
            overflow-y auto;
            padding 32px 32px 28px;
            border 1px solid var(--border-glow);
            box-shadow 0 24px 80px rgba(0, 0, 0, 0.8);
            position relative;
        }
        .modal-overlay .modal-box .modal-close {
            position absolute;
            top 14px;
            right 18px;
            background none;
            border none;
            color var(--text-muted);
            font-size 28px;
            cursor pointer;
            transition color var(--transition);
            line-height 1;
            padding 4px 8px;
        }
        .modal-overlay .modal-box .modal-closehover {
            color var(--gold);
        }
        .modal-overlay .modal-box .modal-title {
            font-size 24px;
            font-weight 700;
            color var(--gold);
            margin-bottom 6px;
            padding-right 40px;
        }
        .modal-overlay .modal-box .modal-sub {
            font-size 14px;
            color var(--text-muted);
            margin-bottom 14px;
            display flex;
            gap 16px;
            flex-wrap wrap;
        }
        .modal-overlay .modal-box .modal-desc {
            color var(--text-secondary);
            font-size 15px;
            line-height 1.8;
            margin-bottom 16px;
        }
        .modal-overlay .modal-box .modal-desc p {
            margin-bottom 10px;
        }
        .modal-overlay .modal-box .modal-extra {
            display flex;
            flex-wrap wrap;
            gap 12px;
            padding-top 14px;
            border-top 1px solid rgba(255, 255, 255, 0.06);
        }
        .modal-overlay .modal-box .modal-extra span {
            background rgba(255, 255, 255, 0.05);
            padding 4px 14px;
            border-radius 20px;
            font-size 13px;
            color var(--text-secondary);
        }

        @keyframes fadeIn {
            from {
                opacity 0;
                transform scale(0.96);
            }
            to {
                opacity 1;
                transform scale(1);
            }
        }
        @keyframes shimmer {
            0% {
                background-position -200% 0;
            }
            100% {
                background-position 200% 0;
            }
        }
        .loading-shimmer {
            background linear-gradient(90deg, #1a1a2e 25%, #2a2a40 50%, #1a1a2e 75%);
            background-size 200% 100%;
            animation shimmer 1.8s infinite;
        }

        .anchor-offset {
            scroll-margin-top 80px;
        }

        @media (max-width 1024px) {
            .layout-main {
                grid-template-columns 1fr;
            }
            .side-col {
                display grid;
                grid-template-columns 1fr 1fr;
                gap 20px;
            }
            .side-col .side-block {
                margin-bottom 0;
            }
        }
        @media (max-width 768px) {
            .header-inner {
                height 60px;
            }
            .nav-toggle {
                display block;
            }
            .nav-list {
                display none;
                position absolute;
                top 60px;
                left 0;
                right 0;
                background rgba(13, 13, 26, 0.98);
                backdrop-filter blur(18px);
                flex-direction column;
                padding 12px 20px 20px;
                gap 2px;
                border-bottom 1px solid var(--border-glow);
            }
            .nav-list.open {
                display flex;
            }
            .nav-list li a {
                padding 10px 14px;
                width 100%;
                border-radius 6px;
            }
            .carousel {
                aspect-ratio 168;
                min-height 140px;
                margin 8px 0 20px;
            }
            .carousel-slide {
                padding 18px 20px;
            }
            .carousel-slide .slide-content {
                max-width 80%;
            }
            .carousel-slide h2 {
                font-size clamp(16px, 4vw, 26px);
            }
            .carousel-slide p {
                font-size 12px;
                display -webkit-box;
                -webkit-line-clamp 2;
                -webkit-box-orient vertical;
                overflow hidden;
            }
            .grid-cards {
                grid-template-columns repeat(auto-fill, minmax(150px, 1fr));
                gap 14px;
            }
            .grid-cards.three-col {
                grid-template-columns repeat(auto-fill, minmax(150px, 1fr));
            }
            .card .card-body {
                padding 10px 12px 14px;
            }
            .card .card-body h3 {
                font-size 14px;
            }
            .card .card-img .score {
                font-size 13px;
                padding 1px 10px;
            }
            .section-header {
                margin 24px 0 12px;
            }
            .section-header h2 {
                font-size 18px;
            }
            .side-col {
                grid-template-columns 1fr;
            }
            .side-col .side-block {
                margin-bottom 16px;
            }
            .news-list .news-item {
                padding 10px 12px;
                gap 12px;
            }
            .news-list .news-item .news-img {
                width 60px;
                height 48px;
            }
            .news-list .news-item .news-body h4 {
                font-size 13px;
            }
            .footer-inner {
                grid-template-columns 1fr 1fr;
                gap 18px;
            }
            .footer-bottom {
                flex-direction column;
                text-align center;
            }
            .modal-overlay .modal-box {
                padding 24px 18px 20px;
                margin 10px;
            }
            .modal-overlay .modal-box .modal-title {
                font-size 20px;
            }
            .guestbook .gb-item {
                padding 12px 14px;
            }
            .guestbook .gb-item .gb-avatar {
                width 36px;
                height 36px;
            }
            .faq-item .faq-q {
                font-size 14px;
                padding 12px 14px;
            }
            .faq-item .faq-a {
                font-size 13px;
                padding 0 14px 14px;
            }
            .breadcrumb {
                font-size 12px;
                padding 10px 0 6px;
            }
        }
        @media (max-width 480px) {
            .grid-cards {
                grid-template-columns repeat(auto-fill, minmax(130px, 1fr));
                gap 10px;
            }
            .grid-cards.three-col {
                grid-template-columns repeat(auto-fill, minmax(130px, 1fr));
            }
            .container {
                padding 0 12px;
            }
            .logo {
                font-size 18px;
                gap 8px;
            }
            .logo svg {
                width 28px;
                height 28px;
            }
            .carousel-slide .slide-tag {
                font-size 10px;
                padding 2px 10px;
            }
            .card .card-body .meta {
                font-size 11px;
            }
            .card .card-btn {
                font-size 12px;
                padding 6px 0;
            }
            .modal-overlay .modal-box .modal-desc {
                font-size 14px;
            }
        }
    style
head
body

    header class=header id=top
        div class=container header-inner
            a href=#top class=logo aria-label=新剧影视大全
                svg viewBox=0 0 24 24path d=M4 4h16v2H4V4zm0 4h16v2H4V8zm0 4h10v2H4v-2zm0 4h10v2H4v-2zm0 4h16v2H4v-2zm18-6v8h-2v-8h2zsvg
                span新剧影视span
            a
            button class=nav-toggle id=navToggle aria-label=切换导航☰button
            nav aria-label=主导航
                ul class=nav-list id=navList
                    lia href=#top class=active首页ali
                    lia href=#hot热播剧ali
                    lia href=#classic高分经典ali
                    lia href=#news影视资讯ali
                    lia href=#faq常见问题ali
                    lia href=#guestbook留言互动ali
                ul
            nav
        div
    header

    main class=container

        nav class=breadcrumb aria-label=面包屑
            a href=#top首页a
            span class=sep›span
            a href=#hot剧集a
            span class=sep›span
            span class=current新剧影视大全span
        nav

        section class=carousel anchor-offset id=carousel aria-label=热门推荐轮播
            div class=carousel-track id=carouselTrack
                div class=carousel-slide style=background-image linear-gradient(135deg, #1a0a0a 0%, #2d1a1a 100%);
                    img class=slide-img src=uploadvod066-banner.webp alt=星穹之刃 新剧推荐 loading=lazy onerror=this.style.display='none'
                    div class=slide-bgdiv
                    div class=slide-content
                        span class=slide-tag🔥 热播榜首span
                        h2星穹之刃h2
                        p科幻巨制 · 宇宙史诗 · 2026年度期待p
                    div
                div
                div class=carousel-slide style=background-image linear-gradient(135deg, #0a1a1a 0%, #1a2d2d 100%);
                    img class=slide-img src=uploadvod072-banner.webp alt=暮色之城 高分推荐 loading=lazy onerror=this.style.display='none'
                    div class=slide-bgdiv
                    div class=slide-content
                        span class=slide-tag⭐ 高分必看span
                        h2暮色之城h2
                        p悬疑犯罪 · 人性拷问 · 豆瓣9.2p
                    div
                div
                div class=carousel-slide style=background-image linear-gradient(135deg, #1a0a1a 0%, #2d1a2d 100%);
                    img class=slide-img src=uploadvod088-banner.webp alt=风起长安 古装大戏 loading=lazy onerror=this.style.display='none'
                    div class=slide-bgdiv
                    div class=slide-content
                        span class=slide-tag🏮 古装巨制span
                        h2风起长安h2
                        p历史权谋 · 大唐风华 · 口碑炸裂p
                    div
                div
            div
            div class=carousel-dots id=carouselDots
                button class=active data-index=0 aria-label=第1张button
                button data-index=1 aria-label=第2张button
                button data-index=2 aria-label=第3张button
            div
        section

        div class=layout-main

            div class=main-col

                section class=anchor-offset id=hot
                    div class=section-header
                        h2📺 最新热播剧 span class=badge更新中spanh2
                        a href=#hot class=more查看全部 →a
                    div
                    div class=grid-cards three-col
                        div class=card data-modal=modal1
                            div class=card-img
                                img src=uploadvod045-tv.webp alt=星穹之刃 热播剧 loading=lazy onerror=this.style.display='none'
                                span class=update-badge更新至12集span
                                span class=score⭐ 9.4span
                            div
                            div class=card-body
                                h3星穹之刃h3
                                div class=metaspan科幻 · 动作spanspan class=genre2026spandiv
                                button class=card-btn▶ 追剧button
                            div
                        div
                        div class=card data-modal=modal2
                            div class=card-img
                                img src=uploadvod056-movie.webp alt=暮色之城 高分电影 loading=lazy onerror=this.style.display='none'
                                span class=update-badge热播中span
                                span class=score⭐ 9.2span
                            div
                            div class=card-body
                                h3暮色之城h3
                                div class=metaspan悬疑 · 犯罪spanspan class=genre2026spandiv
                                button class=card-btn▶ 观看button
                            div
                        div
                        div class=card data-modal=modal3
                            div class=card-img
                                img src=uploadvod078-variety.webp alt=风起长安 古装剧 loading=lazy onerror=this.style.display='none'
                                span class=update-badge更新至8集span
                                span class=score⭐ 9.0span
                            div
                            div class=card-body
                                h3风起长安h3
                                div class=metaspan古装 · 历史spanspan class=genre2026spandiv
                                button class=card-btn▶ 追剧button
                            div
                        div
                        div class=card data-modal=modal4
                            div class=card-img
                                img src=uploadvod034-anime.webp alt=极速追击 动作片 loading=lazy onerror=this.style.display='none'
                                span class=update-badge热播中span
                                span class=score⭐ 8.8span
                            div
                            div class=card-body
                                h3极速追击h3
                                div class=metaspan动作 · 犯罪spanspan class=genre2026spandiv
                                button class=card-btn▶ 观看button
                            div
                        div
                        div class=card data-modal=modal5
                            div class=card-img
                                img src=uploadvod092-manga.webp alt=云中歌 爱情古装 loading=lazy onerror=this.style.display='none'
                                span class=update-badge更新至6集span
                                span class=score⭐ 8.6span
                            div
                            div class=card-body
                                h3云中歌h3
                                div class=metaspan爱情 · 古装spanspan class=genre2026spandiv
                                button class=card-btn▶ 追剧button
                            div
                        div
                        div class=card data-modal=modal6
                            div class=card-img
                                img src=uploadvod017-tv.webp alt=暗夜行者 悬疑剧 loading=lazy onerror=this.style.display='none'
                                span class=update-badge热播中span
                                span class=score⭐ 8.9span
                            div
                            div class=card-body
                                h3暗夜行者h3
                                div class=metaspan悬疑 · 犯罪spanspan class=genre2026spandiv
                                button class=card-btn▶ 观看button
                            div
                        div
                    div
                section

                section class=anchor-offset id=classic
                    div class=section-header
                        h2🏆 高分经典 span class=badge必看榜单spanh2
                        a href=#classic class=more全部经典 →a
                    div
                    div class=grid-cards
                        div class=card data-modal=modal7
                            div class=card-img
                                img src=uploadvod083-movie.webp alt=星际迷航：新纪元 科幻经典 loading=lazy onerror=this.style.display='none'
                                span class=update-badge典藏版span
                                span class=score⭐ 9.6span
                            div
                            div class=card-body
                                h3星际迷航：新纪元h3
                                div class=metaspan科幻 · 冒险spanspan class=genre2024spandiv
                                button class=card-btn▶ 重温button
                            div
                        div
                        div class=card data-modal=modal8
                            div class=card-img
                                img src=uploadvod029-variety.webp alt=长安十二时辰 古装悬疑 loading=lazy onerror=this.style.display='none'
                                span class=update-badge经典span
                                span class=score⭐ 9.3span
                            div
                            div class=card-body
                                h3长安十二时辰h3
                                div class=metaspan古装 · 悬疑spanspan class=genre2023spandiv
                                button class=card-btn▶ 观看button
                            div
                        div
                        div class=card data-modal=modal9
                            div class=card-img
                                img src=uploadvod061-anime.webp alt=破晓 动画电影 loading=lazy onerror=this.style.display='none'
                                span class=update-badge高分span
                                span class=score⭐ 9.1span
                            div
                            div class=card-body
                                h3破晓h3
                                div class=metaspan动画 · 奇幻spanspan class=genre2024spandiv
                                button class=card-btn▶ 观看button
                            div
                        div
                        div class=card data-modal=modal10
                            div class=card-img
                                img src=uploadvod047-manga.webp alt=逆流而上 剧情片 loading=lazy onerror=this.style.display='none'
                                span class=update-badge经典span
                                span class=score⭐ 8.9span
                            div
                            div class=card-body
                                h3逆流而上h3
                                div class=metaspan剧情 · 家庭spanspan class=genre2023spandiv
                                button class=card-btn▶ 观看button
                            div
                        div
                    div
                section

            div

            aside class=side-col

                div class=side-block id=categories
                    h3🏷️ 热门类型h3
                    div class=tag-cloud
                        a href=#hot科幻a
                        a href=#classic悬疑a
                        a href=#hot动作a
                        a href=#classic古装a
                        a href=#hot爱情a
                        a href=#classic犯罪a
                        a href=#hot动画a
                        a href=#classic历史a
                        a href=#hot奇幻a
                        a href=#classic家庭a
                        a href=#hot冒险a
                        a href=#classic剧情a
                    div
                div

                div class=side-block
                    h3📊 热播榜单h3
                    ul class=rank-list
                        lispan class=rank-num top1spana href=#hot class=rank-name星穹之刃aspan class=rank-score9.4spanli
                        lispan class=rank-num top2spana href=#hot class=rank-name暮色之城aspan class=rank-score9.2spanli
                        lispan class=rank-num top3spana href=#hot class=rank-name风起长安aspan class=rank-score9.0spanli
                        lispan class=rank-num4spana href=#hot class=rank-name暗夜行者aspan class=rank-score8.9spanli
                        lispan class=rank-num5spana href=#classic class=rank-name星际迷航：新纪元aspan class=rank-score8.8spanli
                        lispan class=rank-num6spana href=#hot class=rank-name极速追击aspan class=rank-score8.7spanli
                    ul
                div

                div class=side-block
                    h3🎬 新剧速递h3
                    ul class=rank-list
                        lispan class=rank-num✨spana href=#hot class=rank-name云中歌 · 今日开播aspan class=rank-score新spanli
                        lispan class=rank-num✨spana href=#hot class=rank-name破晓 · 口碑发酵aspan class=rank-score热spanli
                        lispan class=rank-num✨spana href=#classic class=rank-name逆流而上 · 重映aspan class=rank-score典spanli
                    ul
                div

            aside

        div

        section class=anchor-offset id=news
            div class=section-header
                h2📰 影视资讯 span class=badge独家视角spanh2
                a href=#news class=more更多资讯 →a
            div
            div class=news-list
                div class=news-item
                    div class=news-img
                        img src=uploadvod038-tv.webp alt=星穹之刃 幕后花絮 loading=lazy onerror=this.style.display='none'
                    div
                    div class=news-body
                        h4a href=#news《星穹之刃》导演专访：用三年打磨宇宙史诗，特效镜头超2000个ah4
                        div class=news-metaspan📅 2026-09-04spanspan👁️ 2.8w 阅读spandiv
                    div
                div
                div class=news-item
                    div class=news-img
                        img src=uploadvod052-movie.webp alt=暮色之城 影评 loading=lazy onerror=this.style.display='none'
                    div
                    div class=news-body
                        h4a href=#news《暮色之城》凭什么拿下9.2分？深度拆解编剧埋藏的21个细节彩蛋ah4
                        div class=news-metaspan📅 2026-09-03spanspan👁️ 1.6w 阅读spandiv
                    div
                div
                div class=news-item
                    div class=news-img
                        img src=uploadvod019-variety.webp alt=风起长安 历史考据 loading=lazy onerror=this.style.display='none'
                    div
                    div class=news-body
                        h4a href=#news《风起长安》历史顾问揭秘：服装道具还原大唐盛世的7个隐藏细节ah4
                        div class=news-metaspan📅 2026-09-02spanspan👁️ 1.2w 阅读spandiv
                    div
                div
            div
        section

        section class=anchor-offset id=faq
            div class=section-header
                h2❓ 常见问题 span class=badge观影指南spanh2
            div
            div class=faq-list
                div class=faq-item active
                    div class=faq-qspan新剧影视大全多久更新一次剧集？spanspan class=arrow▾spandiv
                    div class=faq-a我们每日追踪全网热播剧，新剧上线后24小时内完成收录。同时每周整理高分经典片单，确保你不错过任何一部值得看的好剧。关注 a href=#hot热播剧a 板块获取最新动态。div
                div
                div class=faq-item
                    div class=faq-qspan如何快速找到高分经典电影？spanspan class=arrow▾spandiv
                    div class=faq-a进入 a href=#classic高分经典a 栏目，我们按照豆瓣评分、IMDb评分以及专业影评人推荐综合排序，为你筛选出口碑过硬的好片。每部作品都附带独家影评和彩蛋解析。div
                div
                div class=faq-item
                    div class=faq-qspan网站的内容是否原创？与其他平台有何不同？spanspan class=arrow▾spandiv
                    div class=faq-a我们坚持原创影评视角，每一篇内容都包含独家数据对比、导演风格分析以及隐藏彩蛋挖掘。拒绝搬运豆瓣IMDb简介，从观众真实观影体验出发，提供有温度、有深度的影视指南。div
                div
                div class=faq-item
                    div class=faq-qspan如何参与留言互动？spanspan class=arrow▾spandiv
                    div class=faq-a在 a href=#guestbook留言互动a 板块可以查看其他影迷的精彩评论，分享你的观影心得。我们鼓励围绕新剧影视大全、热播剧推荐、高分经典等话题展开交流，共同构建优质的影视社区。div
                div
            div
        section

        section class=anchor-offset id=guestbook
            div class=section-header
                h2💬 留言互动 span class=badge影迷交流spanh2
            div
            div class=guestbook
                div class=gb-item
                    div class=gb-avatarimg src=uploadvod011-avatar.webp alt=用户头像 loading=lazy onerror=this.style.display='none'div
                    div class=gb-body
                        div class=gb-name影视猎人 span class=gb-time2026-09-04 1432spandiv
                        div class=gb-text强烈推荐 span class=keyword-highlight新剧影视大全span 里的《星穹之刃》！特效震撼，剧情紧凑，绝对是今年科幻剧的天花板。已经在 a href=#hot热播剧a 板块追到最新一集了。div
                    div
                div
                div class=gb-item
                    div class=gb-avatarimg src=uploadvod023-avatar.webp alt=用户头像 loading=lazy onerror=this.style.display='none'div
                    div class=gb-body
                        div class=gb-name胶片迷 span class=gb-time2026-09-04 1215spandiv
                        div class=gb-text在 a href=#classic高分经典a 里找到了《长安十二时辰》，古装悬疑的巅峰之作！感谢 span class=keyword-highlight新剧影视大全span 的推荐，让我没有错过这部好剧。div
                    div
                div
                div class=gb-item
                    div class=gb-avatarimg src=uploadvod011-avatar.webp alt=用户头像 loading=lazy onerror=this.style.display='none'div
                    div class=gb-body
                        div class=gb-name追剧小能手 span class=gb-time2026-09-03 2208spandiv
                        div class=gb-text最近迷上了 span class=keyword-highlight新剧影视大全span 的 a href=#hot热播剧a 榜单，每部都质量在线。希望平台能继续挖掘更多冷门佳片，加油！div
                    div
                div
            div
        section

    main

    footer class=footer id=footer
        div class=container
            div class=footer-inner
                div class=footer-col
                    h4🎬 新剧影视h4
                    ul
                        lia href=#top首页ali
                        lia href=#hot热播剧ali
                        lia href=#classic高分经典ali
                        lia href=#news影视资讯ali
                    ul
                div
                div class=footer-col
                    h4📌 快速导航h4
                    ul
                        lia href=#faq常见问题ali
                        lia href=#guestbook留言互动ali
                        lia href=#categories热门类型ali
                        lia href=#top回到顶部ali
                    ul
                div
                div class=footer-col
                    h4🏷️ 热门标签h4
                    ul
                        lia href=#hot科幻剧ali
                        lia href=#classic悬疑片ali
                        lia href=#hot古装剧ali
                        lia href=#classic动作片ali
                    ul
                div
                div class=footer-col
                    h4📱 关于我们h4
                    ul
                        lia href=#top新剧影视大全ali
                        lia href=#guestbook影迷社区ali
                        lia href=#news独家资讯ali
                        lia href=#footer版权声明ali
                    ul
                div
            div
            div class=footer-bottom
                span© 2026 新剧影视大全 · 热播剧推荐与高分经典电影排行榜span
                div class=footer-links
                    a href=#top首页a
                    a href=#hot热播剧a
                    a href=#classic高分经典a
                    a href=#faq帮助a
                div
            div
        div
    footer

    div class=modal-overlay id=modalOverlay
        div class=modal-box
            button class=modal-close id=modalClose aria-label=关闭详情✕button
            div class=modal-title id=modalTitle星穹之刃div
            div class=modal-subspan科幻 · 动作spanspan2026spanspan⭐ 9.4spandiv
            div class=modal-desc id=modalDesc
                p在遥远的未来，人类文明跨越星系，却遭遇了前所未有的宇宙危机。一支由精英组成的星际舰队，肩负着拯救家园的使命，踏上了充满未知与危险的征途。p
                p导演用三年时间打磨剧本，全片超过2000个特效镜头，将宇宙的浩瀚与人性的抉择完美融合。主演的表演被影评人誉为「年度最佳」，尤其是第三幕的情感爆发戏，堪称教科书级别。p
                p本片在IMDb开分9.2，豆瓣评分持续走高至9.4，成为2026年科幻类型中当之无愧的现象级作品。幕后花絮显示，剧组搭建了11的飞船模型，细节考究到每个按钮都有功能设定。p
            div
            div class=modal-extra
                span🎬 导演 陈远span
                span📅 上映 2026-08-20span
                span⏱️ 片长 148分钟span
            div
        div
    div

    script
        (function() {
            var navToggle = document.getElementById('navToggle');
            var navList = document.getElementById('navList');
            if (navToggle && navList) {
                navToggle.addEventListener('click', function() {
                    navList.classList.toggle('open');
                });
                document.addEventListener('click', function(e) {
                    if (!e.target.closest('.header-inner')) {
                        navList.classList.remove('open');
                    }
                });
            }

            var track = document.getElementById('carouselTrack');
            var dots = document.querySelectorAll('#carouselDots button');
            var currentSlide = 0;
            var totalSlides = dots.length;
            var autoTimer = null;

            function goToSlide(index) {
                if (index  0) index = totalSlides - 1;
                if (index = totalSlides) index = 0;
                currentSlide = index;
                if (track) {
                    track.style.transform = 'translateX(-' + (index  100) + '%)';
                }
                dots.forEach(function(dot, i) {
                    dot.classList.toggle('active', i === index);
                });
            }

            dots.forEach(function(dot, index) {
                dot.addEventListener('click', function() {
                    goToSlide(index);
                    resetAuto();
                });
            });

            function resetAuto() {
                if (autoTimer) {
                    clearInterval(autoTimer);
                    autoTimer = null;
                }
                autoTimer = setInterval(function() {
                    goToSlide(currentSlide + 1);
                }, 5000);
            }

            if (totalSlides  0) {
                goToSlide(0);
                resetAuto();
            }

            var modalOverlay = document.getElementById('modalOverlay');
            var modalClose = document.getElementById('modalClose');
            var modalTitle = document.getElementById('modalTitle');
            var modalDesc = document.getElementById('modalDesc');

            var modalData = {
                modal1 {
                    title '星穹之刃',
                    sub '科幻 · 动作 ｜ 2026 ｜ ⭐ 9.4',
                    desc 'p在遥远的未来，人类文明跨越星系，却遭遇了前所未有的宇宙危机。一支由精英组成的星际舰队，肩负着拯救家园的使命，踏上了充满未知与危险的征途。pp导演用三年打磨剧本，全片超2000个特效镜头，将宇宙的浩瀚与人性的抉择完美融合。主演表演被影评人誉为「年度最佳」，第三幕的情感爆发戏堪称教科书级别。pp本片IMDb开分9.2，豆瓣持续走高至9.4，成为2026科幻现象级作品。剧组搭建11飞船模型，细节考究到每个按钮都有功能设定。p',
                    extra '🎬 导演 陈远 ｜ 📅 上映 2026-08-20 ｜ ⏱️ 片长 148分钟'
                },
                modal2 {
                    title '暮色之城',
                    sub '悬疑 · 犯罪 ｜ 2026 ｜ ⭐ 9.2',
                    desc 'p一座被遗忘的边陲小城，接连发生离奇命案。刑警队长在追查过程中，发现所有线索都指向一个早已废弃的精神病院。随着调查深入，真相远比想象中更加残酷。pp本片采用非线性叙事，将过去与现在交织，每一条线索都埋藏着伏笔。影评人称赞其「将悬疑片的心理张力推向了新高度」，结局反转令人拍案叫绝。pp编剧透露，剧本前后修改了27稿，片中出现的每一个道具都有其象征意义。豆瓣评分9.2，被观众评为「年度最佳悬疑片」。p',
                    extra '🎬 导演 林深 ｜ 📅 上映 2026-07-15 ｜ ⏱️ 片长 132分钟'
                },
                modal3 {
                    title '风起长安',
                    sub '古装 · 历史 ｜ 2026 ｜ ⭐ 9.0',
                    desc 'p大唐长安，风云际会。一位被贬的官员在赴任途中，意外卷入了一场关乎王朝命运的惊天阴谋。在权谋与正义之间，他必须做出选择。pp历史顾问团队耗时两年考据，从服饰到礼仪，从建筑到饮食，极致还原大唐盛世的繁华与暗流。主演的表演被赞「演活了唐代文人的风骨与智慧」。pp本片在古装剧普遍低迷的当下，以扎实的剧本和精良的制作杀出重围，豆瓣开分9.0，成为年度古装剧口碑之王。p',
                    extra '🎬 导演 李慕白 ｜ 📅 上映 2026-09-01 ｜ ⏱️ 片长 156分钟'
                },
                modal4 {
                    title '极速追击',
                    sub '动作 · 犯罪 ｜ 2026 ｜ ⭐ 8.8',
                    desc 'p国际犯罪组织在亚洲策划了一场惊天大案，一名退役特工被迫重出江湖。在极速飞驰的列车与高楼之间，展开了一场关乎生死的追逐。pp全片实景拍摄占比高达85%，动作设计融合了跑酷、格斗与飞车元素。主演亲自完成了90%的动作戏份，敬业精神获业内一致好评。pp影片在东南亚取景，将现代都市的霓虹与底层街巷的烟火气完美结合，动作场面酣畅淋漓，被观众称为「年度最爽动作片」。p',
                    extra '🎬 导演 周正 ｜ 📅 上映 2026-08-10 ｜ ⏱️ 片长 124分钟'
                },
                modal5 {
                    title '云中歌',
                    sub '爱情 · 古装 ｜ 2026 ｜ ⭐ 8.6',
                    desc 'p战乱年代，一位乐坊女子与失忆将军在江南水乡相遇。两人在乱世中相互依偎，却因身份与使命的冲突，不得不面对离别的考验。pp导演用细腻的镜头语言，将江南的烟雨与情感的缠绵交织在一起。配乐由国际知名作曲家操刀，旋律优美动人，与剧情相得益彰。pp影片在豆瓣获得8.6分，被观众评价为「近年最动人的古装爱情片」，其中雨中对饮的片段更是被反复讨论。p',
                    extra '🎬 导演 苏晚 ｜ 📅 上映 2026-08-25 ｜ ⏱️ 片长 140分钟'
                },
                modal6 {
                    title '暗夜行者',
                    sub '悬疑 · 犯罪 ｜ 2026 ｜ ⭐ 8.9',
                    desc 'p一名卧底警察在犯罪集团内部潜伏多年，却因为一次意外暴露了身份。在生死存亡之际，他必须在忠诚与生存之间做出抉择。pp本剧采用双线叙事，一边是卧底的险境求生，一边是警方的内部调查。剧情紧凑，每集结尾都留有悬念，让人欲罢不能。pp主演凭借此剧获得演技突破，将角色内心的挣扎与痛苦演绎得淋漓尽致。豆瓣评分8.9，被誉为「年度最佳犯罪剧」。p',
                    extra '🎬 导演 赵岩 ｜ 📅 上映 2026-07-30 ｜ ⏱️ 片长 45分钟集'
                },
                modal7 {
                    title '星际迷航：新纪元',
                    sub '科幻 · 冒险 ｜ 2024 ｜ ⭐ 9.6',
                    desc 'p人类在宇宙深处发现了一个古老文明的遗迹，这个发现将彻底改变人类对自身起源的认知。一支勇敢的探险队踏上了通往未知星域的旅程。pp作为经典IP的重启之作，本片在致敬原作的同时，注入了全新的世界观和哲学思考。视觉效果达到行业顶尖水平，太空场景壮丽恢弘。pp影片在IMDb评分9.6，被科幻迷奉为「新经典」。导演在采访中表示，希望用这部电影探讨人类在宇宙中的位置与意义。p',
                    extra '🎬 导演 克里斯·诺兰 ｜ 📅 上映 2024-11-05 ｜ ⏱️ 片长 162分钟'
                },
                modal8 {
                    title '长安十二时辰',
                    sub '古装 · 悬疑 ｜ 2023 ｜ ⭐ 9.3',
                    desc 'p大唐天宝三年，上元节前夕，长安城陷入了一场巨大的危机。死囚张小敬临危受命，必须在十二个时辰内阻止一场毁灭性的阴谋。pp本剧以极致的细节还原了唐代长安的市井风貌，从坊市制度到胡商文化，从兵器铠甲到饮食起居，无一不考究。剧情节奏紧凑，人物群像鲜明。pp豆瓣评分9.3，被观众称为「古装悬疑剧的天花板」。剧中对于时间压力的刻画，让每一分钟都充满了紧张感。p',
                    extra '🎬 导演 曹盾 ｜ 📅 上映 2023-06-27 ｜ ⏱️ 片长 45分钟集'
                },
                modal9 {
                    title '破晓',
                    sub '动画 · 奇幻 ｜ 2024 ｜ ⭐ 9.1',
                    desc 'p在一个被黑暗笼罩的世界里，一位年轻的画师拥有将梦境化为现实的能力。他必须穿越层层迷雾，找到光明与希望的火种，唤醒沉睡的大地。pp影片采用了手绘与CG结合的制作方式，画面唯美而富有诗意。故事以东方哲学为内核，探讨了光与暗、梦与醒之间的辩证关系。pp本片在各大电影节展映后收获一致好评，豆瓣评分9.1，被动画爱好者评为「年度最美动画」。p',
                    extra '🎬 导演 吴青 ｜ 📅 上映 2024-03-15 ｜ ⏱️ 片长 118分钟'
                },
                modal10 {
                    title '逆流而上',
                    sub '剧情 · 家庭 ｜ 2023 ｜ ⭐ 8.9',
                    desc 'p一个普通的中国家庭，在时代变迁的洪流中经历了分离与重逢。从改革开放到新世纪，三代人的命运交织在一起，演绎出一曲关于爱与坚守的赞歌。pp影片以细腻的笔触描绘了普通人的日常生活，没有宏大的叙事，却在细节中打动了无数观众。演员的表演真实自然，仿佛就是身边的故事。pp豆瓣评分8.9，被影评人称为「近年来最真诚的家庭剧情片」。影片中的许多场景都取自真实生活，让观众感同身受。p',
                    extra '🎬 导演 张艺 ｜ 📅 上映 2023-09-10 ｜ ⏱️ 片长 136分钟'
                }
            };

            var cardClickHandler = function(e) {
                var card = e.currentTarget;
                var modalId = card.getAttribute('data-modal');
                if (!modalId  !modalData[modalId]) return;

                var data = modalData[modalId];
                modalTitle.textContent = data.title;
                modalDesc.innerHTML = data.desc;
                var subEl = document.querySelector('.modal-sub');
                if (subEl) subEl.textContent = data.sub  '';
                var extraEl = document.querySelector('.modal-extra');
                if (extraEl) {
                    var extras = data.extra  data.extra.split('｜')  [];
                    extraEl.innerHTML = extras.map(function(t) { return 'span' + t.trim() + 'span'; }).join('');
                }
                modalOverlay.classList.add('active');
                document.body.style.overflow = 'hidden';
            };

            document.querySelectorAll('.card').forEach(function(card) {
                card.addEventListener('click', function(e) {
                    if (e.target.closest('.card-btn')) return;
                    cardClickHandler(e);
                });
            });

            function closeModal() {
                modalOverlay.classList.remove('active');
                document.body.style.overflow = '';
            }

            if (modalClose) {
                modalClose.addEventListener('click', closeModal);
            }
            modalOverlay.addEventListener('click', function(e) {
                if (e.target === modalOverlay) closeModal();
            });
            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') closeModal();
            });

            document.querySelectorAll('.faq-item .faq-q').forEach(function(q) {
                q.addEventListener('click', function() {
                    var item = this.parentElement;
                    item.classList.toggle('active');
                });
            });

            document.querySelectorAll('a[href^=#]').forEach(function(anchor) {
                anchor.addEventListener('click', function(e) {
                    var href = this.getAttribute('href');
                    if (href === '#') return;
                    e.preventDefault();
                    var target = document.querySelector(href);
                    if (target) {
                        var offset = 80;
                        var top = target.getBoundingClientRect().top + window.pageYOffset - offset;
                        window.scrollTo({ top top, behavior 'smooth' });
                    }
                    if (navList) navList.classList.remove('open');
                });
            });

        })();
    script

    script type=applicationld+json
        {
            @context httpsschema.org,
            @graph [{
                @type WebSite,
                @id httpsxinying.com#website,
                name 新剧影视大全,
                description 提供最新热播剧推荐、高分经典电影排行榜、影视资讯及深度影评的专业影视网站。,
                url httpsxinying.com,
                inLanguage zh-CN,
                potentialAction {
                    @type SearchAction,
                    target httpsxinying.comsearchq={search_term_string},
                    query-input required name=search_term_string
                }
            }, {
                @type FAQPage,
                mainEntity [{
                    @type Question,
                    name 新剧影视大全多久更新一次剧集？,
                    acceptedAnswer {
                        @type Answer,
                        text 我们每日追踪全网热播剧，新剧上线后24小时内完成收录。同时每周整理高分经典片单，确保你不错过任何一部值得看的好剧。
                    }
                }, {
                    @type Question,
                    name 如何快速找到高分经典电影？,
                    acceptedAnswer {
                        @type Answer,
                        text 进入高分经典栏目，我们按照豆瓣评分、IMDb评分以及专业影评人推荐综合排序，为你筛选出口碑过硬的好片。每部作品都附带独家影评和彩蛋解析。
                    }
                }, {
                    @type Question,
                    name 网站的内容是否原创？与其他平台有何不同？,
                    acceptedAnswer {
                        @type Answer,
                        text 我们坚持原创影评视角，每一篇内容都包含独家数据对比、导演风格分析以及隐藏彩蛋挖掘。拒绝搬运豆瓣IMDb简介，从观众真实观影体验出发，提供有温度、有深度的影视指南。
                    }
                }, {
                    @type Question,
                    name 如何参与留言互动？,
                    acceptedAnswer {
                        @type Answer,
                        text 在留言互动板块可以查看其他影迷的精彩评论，分享你的观影心得。我们鼓励围绕新剧影视大全、热播剧推荐、高分经典等话题展开交流，共同构建优质的影视社区。
                    }
                }]
            }]
        }
    script

body
html