🔥 热榜 《雾港谜案》登顶 · 短剧《夜班便利店》播放破亿

一部短剧的三个月：从剧本围读到上线

小成本短剧如何在高清画质与叙事节奏之间取得平衡？主创团队分享了他们的取舍与坚持。

热门电影推荐

查看全部高清电影 →
全部悬疑犯罪科幻巨制现实剧情港风经典冷门佳片高分榜单
雾港谜案高清海报HD更新▶ 详情

雾港谜案

悬疑犯罪8.9分
静默的河流影片海报冷门佳片▶ 详情

静默的河流

现实剧情8.7分
机械心科幻电影海报新片上线▶ 详情

机械心

科幻巨制8.5分
山河故人新编海报4K修复▶ 详情

山河故人·新编

港风经典9.1分

短剧速递 · 下饭推荐

更多短剧片单 →
夜班便利店短剧海报更新至18集▶ 详情

夜班便利店

都市治愈9.0分
合租侦探社短剧海报全24集▶ 详情

合租侦探社

轻喜剧8.6分
时间管理员短剧海报完结▶ 详情

时间管理员

奇幻设定8.8分

动漫精选 · 每周追更

全部动漫片单 →
灵笼第二季动漫海报周更▶ 详情

灵笼 第二季

科幻战斗9.2分
雾山五行犀川幻紫林海报高分▶ 详情

雾山五行·犀川幻紫林

国风水墨9.3分

深度影评 · 独家视角

更多长文 →

《雾港谜案》里的七场雨，藏着导演的叙事野心

雨在这部电影里不是氛围工具，而是时间刻度。我们统计了全片七场雨戏的时长和色调变化，发现它们正好对应主角七次心态转折。这种精密设计在近年国片里相当罕见。

HD电影院影评组 · 独家数据

灵笼第二季：废土美学下的阶级寓言

比起第一季的生存叙事，第二季把冲突从“人 vs 怪物”升级成“人 vs 人”。地下城的三层空间构图被反复压缩，导演有意用狭窄走廊制造压迫感。我们逐帧比对发现，主角所在楼层的色温始终低两度，暗示阶层固化。

HD电影院动漫课题组 · 逐帧解析

影视资讯 · 幕后与快讯

查看全部资讯 →
幕后

《雾港谜案》美术团队曝光：一座码头搭了三个月

剧组在采访中透露，片中那座反复出现的旧码头是1:1实景搭建，连木桩的腐化纹理都做了比对复刻。HD电影院整理了完整的置景花絮，附美术指导访谈全文。

阅读全文 →
快讯

短剧《时间管理员》宣布电影版立项，原班人马回归

上线不到两个月，短剧版播放量突破12亿。出品方确认电影版已进入筹备，编剧仍在打磨剧本。HD电影院将持续跟进进度，第一时间更新。

阅读全文 →
数据

六月国漫播出数据出炉：水墨风格作品热度领跑

据平台公开数据，本月国漫上新11部，其中水墨与国风题材作品的平均追更率高出其他类型37%。hd电影院的追更片单也印证了这一点。

阅读全文 →

影迷评论区

参与讨论 →
  • 胶片收藏家

    灵笼第二季第三集那段机甲变形真的跪了，四个月磨30秒，值！HD电影院那篇逐帧解析写得很细，彩蛋我只看出来三个。

  • 夜班看片人

    《时间管理员》大结局后劲太大，多出来的两小时是从妈妈身上扣的这个设定，现在想想还堵得慌。短剧能拍到这个深度，真的少见。

  • 雾里挑灯

    按HD电影院的避坑指南连看了三部，一部没踩雷。特别是《旧日来信》，差点被前四十分钟劝退，坚持看完真的值回来了。

.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(6,9,14,.78);backdrop-filter:blur(6px);z-index:999;padding:20px} .modal.show{display:flex} .modal-box{position:relative;width:100%;max-width:520px;background:#151b26;border:1px solid #26303f;border-radius:16px;padding:28px 26px 22px;box-shadow:0 24px 60px rgba(0,0,0,.55);animation:popIn .22s ease} @keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}} .modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;border-radius:8px;background:#1e2633;color:#a9b6c7;font-size:22px;line-height:1;cursor:pointer} .modal-close:hover{background:#2a3546;color:#fff} .modal-box h3{font-size:20px;color:#f0f5ff;margin:0 32px 6px 0} .modal-meta{font-size:12px;color:#7d8ea3;letter-spacing:.4px;margin-bottom:14px} .modal-desc{font-size:14px;line-height:1.85;color:#b8c4d3;max-height:280px;overflow:auto} .modal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #232c3a} .modal-hint{font-size:12px;color:#5f7186} .modal-foot .btn-submit{display:inline-block;padding:8px 18px;border-radius:8px;background:#e8b04b;color:#151b26;font-weight:700;text-decoration:none;font-size:13px} .modal-foot .btn-submit:hover{background:#f4c46a} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} ;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;background:#0b0f16;color:#d7e0ec;line-height:1.6;overflow-x:hidden} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} ul{list-style:none} .container{width:100%;max-width:1180px;margin:0 auto;padding:0 18px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} /* 顶部公告 */ .topbar{background:linear-gradient(90deg,#1a2230,#141b26);border-bottom:1px solid #1f2937;font-size:12.5px;color:#93a3b8} .topbar .container{display:flex;align-items:center;justify-content:space-between;height:36px;gap:14px} .topbar .tb-left{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .topbar .tb-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;flex:0 0 auto} .topbar .tb-right{display:flex;align-items:center;gap:16px;white-space:nowrap} .topbar a:hover{color:#e8b04b} /* 导航 */ header.site-header{position:sticky;top:0;z-index:120;background:rgba(11,15,22,.92);backdrop-filter:blur(10px);border-bottom:1px solid #1c2532} .nav-wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:20px} .logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:.5px;color:#f2f7ff;flex:0 0 auto} .logo .logo-badge{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e8b04b,#c0781f);display:flex;align-items:center;justify-content:center;color:#131922;font-size:15px;font-weight:900;box-shadow:0 6px 18px rgba(232,176,75,.28)} .logo span.hl{color:#e8b04b} .main-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap} .main-nav a{padding:8px 14px;border-radius:8px;font-size:14.5px;color:#b6c3d4;transition:.18s} .main-nav a:hover,.main-nav a.active{background:#182233;color:#f2f7ff} .main-nav a.active{box-shadow:inset 0 -2px 0 #e8b04b} .nav-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto} .btn-ghost{padding:8px 16px;border-radius:8px;border:1px solid #2b3748;background:transparent;color:#cfdae8;font-size:13.5px;cursor:pointer;transition:.18s} .btn-ghost:hover{border-color:#e8b04b;color:#e8b04b} .btn-primary{padding:9px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#e8b04b,#d0952f);color:#141a23;font-size:13.5px;font-weight:800;cursor:pointer;transition:.18s;box-shadow:0 6px 18px rgba(232,176,75,.22)} .btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(232,176,75,.32)} .nav-toggle{display:none;width:40px;height:40px;border:1px solid #2b3748;border-radius:8px;background:transparent;color:#cfdae8;font-size:20px;cursor:pointer} /* 轮播 */ .hero{margin-top:26px} .carousel{position:relative;border-radius:18px;overflow:hidden;border:1px solid #1d2734;background:#101722;box-shadow:0 24px 60px rgba(0,0,0,.45)} .slides{display:flex;transition:transform .6s cubic-bezier(.4,0,.2,1)} .slide{min-width:100%;position:relative;height:420px} .slide .slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05)} .slide .slide-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,17,.94) 0%,rgba(8,11,17,.72) 46%,rgba(8,11,17,.28) 100%)} .slide-content{position:relative;z-index:2;max-width:560px;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 48px;gap:14px} .slide-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 12px;border-radius:999px;background:rgba(232,176,75,.14);border:1px solid rgba(232,176,75,.42);color:#f0c574;font-size:12px;letter-spacing:.6px} .slide-title{font-size:34px;line-height:1.25;font-weight:800;color:#f7fbff;letter-spacing:.5px} .slide-title em{font-style:normal;color:#e8b04b} .slide-desc{font-size:14.5px;color:#b9c6d6;line-height:1.85;max-width:480px} .slide-meta{display:flex;align-items:center;gap:14px;font-size:12.5px;color:#8fa0b5;flex-wrap:wrap} .slide-meta .score{color:#e8b04b;font-weight:800;font-size:15px} .slide-btns{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap} .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(13,18,26,.55);color:#eaf2fc;font-size:20px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;transition:.18s} .carousel-btn:hover{background:#e8b04b;color:#141a23;border-color:#e8b04b} .carousel-btn.prev{left:16px} .carousel-btn.next{right:16px} .carousel-dots{position:absolute;left:48px;bottom:22px;display:flex;gap:8px;z-index:5} .carousel-dots button{width:26px;height:5px;border-radius:3px;border:none;background:rgba(255,255,255,.24);cursor:pointer;transition:.2s} .carousel-dots button.active{background:#e8b04b;width:38px} /* 通用区块 */ section.block{padding:52px 0 8px} .block-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap} .block-title{font-size:24px;font-weight:800;color:#f2f7ff;letter-spacing:.4px;display:flex;align-items:center;gap:10px} .block-title::before{content:"";width:5px;height:22px;border-radius:3px;background:linear-gradient(180deg,#e8b04b,#b5791c)} .block-sub{font-size:13px;color:#7f90a5;margin-top:4px} .block-more{font-size:13.5px;color:#93a3b8;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #26303f;transition:.18s} .block-more:hover{color:#e8b04b;border-color:#e8b04b} /* 热门推荐卡片 */ .movie-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .movie-card{position:relative;background:#121924;border:1px solid #1d2836;border-radius:14px;overflow:hidden;transition:.22s;cursor:pointer;display:flex;flex-direction:column} .movie-card:hover{transform:translateY(-5px);border-color:#3a4b63;box-shadow:0 18px 40px rgba(0,0,0,.45)} .poster{position:relative;aspect-ratio:2/2.85;overflow:hidden;background:linear-gradient(135deg,#1b2431,#0f151e)} .poster .poster-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s} .movie-card:hover .poster .poster-img{transform:scale(1.06)} .poster .poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,17,0) 42%,rgba(8,11,17,.92) 100%)} .poster .poster-score{position:absolute;top:10px;right:10px;padding:3px 9px;border-radius:7px;background:rgba(8,11,17,.82);color:#e8b04b;font-size:12.5px;font-weight:800;border:1px solid rgba(232,176,75,.35)} .poster .poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);width:46px;height:46px;border-radius:50%;background:rgba(232,176,75,.92);color:#141a23;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transition:.22s} .movie-card:hover .poster-play{opacity:1;transform:translate(-50%,-50%) scale(1)} .card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;flex:1} .card-title{font-size:15.5px;font-weight:700;color:#eef5ff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .card-desc{font-size:12.5px;color:#8496ab;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px} .tag{font-size:11.5px;padding:2px 9px;border-radius:999px;background:#19222f;color:#9fb0c5;border:1px solid #253141} .tag.hot{background:rgba(232,176,75,.12);color:#f0c574;border-color:rgba(232,176,75,.38)} /* 分类筛选 */ .filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:24px;padding:14px 16px;background:#111823;border:1px solid #1d2836;border-radius:12px} .filter-label{font-size:13px;color:#7f90a5;margin-right:2px} .chip{padding:6px 15px;border-radius:999px;border:1px solid #2a3546;background:transparent;color:#b6c3d4;font-size:13px;cursor:pointer;transition:.18s} .chip:hover{border-color:#4a5d78;color:#eaf2fc} .chip.active{background:linear-gradient(135deg,#e8b04b,#d0952f);color:#141a23;border-color:#e8b04b;font-weight:700} /* 列表项 */ .list-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .list-item{display:flex;gap:14px;padding:12px;background:#111823;border:1px solid #1d2836;border-radius:12px;transition:.2s;cursor:pointer} .list-item:hover{border-color:#3a4b63;transform:translateX(3px)} .list-thumb{position:relative;width:96px;height:130px;flex:0 0 auto;border-radius:9px;overflow:hidden;background:linear-gradient(135deg,#1b2431,#0f151e)} .list-thumb .thumb-img{position:absolute;inset:0;background-size:cover;background-position:center} .list-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;padding:3px 0} .list-info h4{font-size:15px;color:#eef5ff;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden} .list-info p{font-size:12.5px;color:#8496ab;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .list-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:#7f90a5;margin-top:auto} .list-meta .s{color:#e8b04b;font-weight:800} /* 资讯 */ .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .news-card{background:#111823;border:1px solid #1d2836;border-radius:12px;padding:18px;transition:.2s;display:flex;flex-direction:column;gap:10px} .news-card:hover{border-color:#3a4b63;transform:translateY(-3px)} .news-date{font-size:11.5px;color:#e8b04b;letter-spacing:.6px;font-weight:700} .news-card h4{font-size:15.5px;color:#eef5ff;line-height:1.5;font-weight:700} .news-card p{font-size:12.5px;color:#8496ab;line-height:1.75} .news-card .read{font-size:12.5px;color:#93a3b8;margin-top:auto;transition:.18s} .news-card:hover .read{color:#e8b04b} /* 数据条 */ .stats{margin-top:48px;background:linear-gradient(120deg,#131b26,#0f151f);border:1px solid #1d2836;border-radius:16px;padding:30px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .stat{text-align:center} .stat b{display:block;font-size:28px;color:#e8b04b;font-weight:900;letter-spacing:.5px} .stat span{font-size:12.5px;color:#8496ab} /* 评论区 */ .comment-box{background:#111823;border:1px solid #1d2836;border-radius:14px;padding:22px} .comment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px} .comment-form .row{display:flex;gap:12px;flex-wrap:wrap} .comment-form input,.comment-form textarea{width:100%;background:#0d131c;border:1px solid #26303f;border-radius:9px;padding:11px 14px;color:#e6eef8;font-size:13.5px;font-family:inherit;outline:none;transition:.18s} .comment-form input:focus,.comment-form textarea:focus{border-color:#e8b04b;box-shadow:0 0 0 3px rgba(232,176,75,.12)} .comment-form input{flex:1;min-width:180px} .comment-form textarea{resize:vertical;min-height:96px} .comment-form .form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .comment-form .form-foot small{font-size:12px;color:#6d7e93} .comment-list{display:flex;flex-direction:column;gap:16px} .comment-item{display:flex;gap:12px;padding-top:16px;border-top:1px solid #1d2836} .comment-item:first-child{border-top:none;padding-top:0} .avatar{width:40px;height:40px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,#e8b04b,#b5791c);display:flex;align-items:center;justify-content:center;color:#141a23;font-weight:800;font-size:15px} .comment-main{flex:1;min-width:0} .comment-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px} .comment-head b{font-size:13.5px;color:#eef5ff} .comment-head time{font-size:11.5px;color:#6d7e93} .comment-main p{font-size:13px;color:#a9b8ca;line-height:1.8} /* 页脚 */ footer.site-footer{margin-top:60px;background:#0a0e14;border-top:1px solid #1b2431;padding:44px 0 26px} .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px} .footer-brand .logo{margin-bottom:14px} .footer-brand p{font-size:12.5px;color:#7f90a5;line-height:1.9;max-width:320px} .footer-col h5{font-size:13.5px;color:#dfe8f4;margin-bottom:14px;font-weight:700;letter-spacing:.4px} .footer-col ul{display:flex;flex-direction:column;gap:9px} .footer-col a{font-size:12.5px;color:#8496ab;transition:.18s} .footer-col a:hover{color:#e8b04b} .footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid #1b2431;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12px;color:#69798e} .footer-bottom .fb-links{display:flex;gap:16px;flex-wrap:wrap} .footer-bottom a:hover{color:#e8b04b} /* 弹窗 */ .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(6,9,14,.78);backdrop-filter:blur(6px);z-index:999;padding:20px} .modal.show{display:flex} .modal-box{position:relative;width:100%;max-width:520px;background:#151b26;border:1px solid #26303f;border-radius:16px;padding:28px 26px 22px;box-shadow:0 24px 60px rgba(0,0,0,.55);animation:popIn .22s ease} @keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}} .modal-close{position:absolute;top:12px;right:14px;width:34px;height:34px;border:none;border-radius:8px;background:#1e2633;color:#a9b6c7;font-size:22px;line-height:1;cursor:pointer} .modal-close:hover{background:#2a3546;color:#fff} .modal-box h3{font-size:20px;color:#f0f5ff;margin:0 32px 6px 0} .modal-meta{font-size:12px;color:#7d8ea3;letter-spacing:.4px;margin-bottom:14px} .modal-desc{font-size:14px;line-height:1.85;color:#b8c4d3;max-height:280px;overflow:auto} .modal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid #232c3a} .modal-hint{font-size:12px;color:#5f7186} .modal-foot .btn-submit{display:inline-block;padding:8px 18px;border-radius:8px;background:#e8b04b;color:#151b26;font-weight:700;text-decoration:none;font-size:13px} .modal-foot .btn-submit:hover{background:#f4c46a} /* 返回顶部 */ .to-top{position:fixed;right:20px;bottom:26px;width:44px;height:44px;border-radius:50%;border:1px solid #2b3748;background:rgba(21,27,38,.92);color:#cfdae8;font-size:18px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:90;transition:.18s;backdrop-filter:blur(6px)} .to-top.show{display:flex} .to-top:hover{background:#e8b04b;color:#141a23;border-color:#e8b04b} /* 响应式 */ @media (max-width:1024px){ .movie-grid{grid-template-columns:repeat(3,1fr)} .slide{height:380px} .slide-content{padding:0 36px} .slide-title{font-size:28px} .footer-grid{grid-template-columns:1.4fr 1fr 1fr} .footer-col:last-child{display:none} .stats{grid-template-columns:repeat(2,1fr);gap:26px} } @media (max-width:820px){ .main-nav{display:none;position:absolute;left:0;right:0;top:66px;background:#0d1420;border-bottom:1px solid #1d2836;flex-direction:column;align-items:stretch;padding:10px 16px 16px;gap:2px} .main-nav.open{display:flex} .main-nav a{padding:11px 12px} .nav-toggle{display:flex;align-items:center;justify-content:center} .nav-actions .btn-ghost{display:none} .list-wrap{grid-template-columns:1fr} .news-grid{grid-template-columns:1fr} .slide{height:340px} .slide-content{padding:0 26px;max-width:100%} .slide-title{font-size:24px} .slide-desc{font-size:13.5px} .carousel-dots{left:26px;bottom:16px} .carousel-btn{width:38px;height:38px} .footer-grid{grid-template-columns:1fr 1fr} .footer-brand{grid-column:1/-1} .footer-col:last-child{display:block} } @media (max-width:560px){ .movie-grid{grid-template-columns:repeat(2,1fr);gap:14px} .topbar .tb-right{display:none} .slide{height:320px} .slide-title{font-size:20px} .slide-desc{display:none} .slide-content{gap:10px;padding:0 20px} .carousel-dots{left:20px} .block-title{font-size:20px} .stats{grid-template-columns:repeat(2,1fr);padding:24px 16px} .stat b{font-size:22px} .comment-form .row{flex-direction:column} .footer-grid{grid-template-columns:1fr} .footer-bottom{flex-direction:column;align-items:flex-start} .card-desc{-webkit-line-clamp:2} } @media (prefers-reduced-motion:reduce){ *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important} }
本周新增 128 部高清片源 · 4K 修复专区已上线
最新影视资讯 影迷社区 今日榜单