!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
{margin0;padding0;box-sizingborder-box;font-familysystem-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;}
body{background#0f0f14;color#e8e8f0;line-height1.5;opacity0;animationfadeIn .2s ease forwards;}
@keyframes fadeIn{0%{opacity0}100%{opacity1}}
.wrapper-asd782{max-width1280px;margin0 auto;padding0 16px;}
header
.header-asd451{background#1a1a2e;padding12px 0;border-bottom1px solid #2e2e48;}
.header-inner-asd893{displayflex;flex-wrapwrap;align-itemscenter;justify-contentcenter;gap16px;}
.logo-asd332{font-size1.8rem;font-weight700;color#f7b731;letter-spacing1px;}
.nav-asd671{displayflex;flex-wrapwrap;gap12px 20px;justify-contentcenter;}
.nav-asd671 a{color#c0c0d0;text-decorationnone;font-weight500;padding6px 0;border-bottom2px solid transparent;transition0.2s;}
.nav-asd671 ahover{border-bottom-color#f7b731;color#fff;}
菜单随机居右 (本次随机)
.header-inner-asd893{justify-contentflex-end;}
@media(max-width600px){.header-inner-asd893{justify-contentcenter;}}
简介
.intro-asd556{background#1e1e32;padding28px 20px;margin24px 0;border-radius20px;font-weight700;font-size1.3rem;line-height1.6;color#f0eae1;box-shadow0 8px 20px rgba(0,0,0,0.5);}
.intro-asd556 span{color#f7b731;}
面包屑
.breadcrumb-asd24533{font-size0.95rem;color#9a9ab0;padding14px 0 8px;letter-spacing0.5px;border-bottom1px solid #2a2a40;margin-bottom20px;}
版块
.section-asd774{margin40px 0;}
.section-title-asd982{displayflex;flex-wrapwrap;align-itemsbaseline;justify-contentspace-between;margin-bottom18px;}
.section-title-asd982 h2{font-size1.8rem;font-weight600;color#f0ede5;}
.category-links-asd213{displayflex;gap12px;flex-wrapwrap;}
.category-links-asd213 a{color#b0b0ca;text-decorationnone;padding4px 12px;background#2a2a42;border-radius30px;font-size0.85rem;transition0.2s;}
.category-links-asd213 ahover{background#f7b731;color#1a1a2e;}
卡片网格
.grid-asd621{displaygrid;grid-template-columnsrepeat(auto-fill,minmax(150px,1fr));gap18px;}
.card-asd552{background#1c1c30;border-radius18px;overflowhidden;transitiontransform 0.2s,box-shadow 0.2s;cursorpointer;positionrelative;box-shadow0 4px 12px rgba(0,0,0,0.6);}
.card-asd552hover{transformscale(1.02);box-shadow0 16px 32px rgba(0,0,0,0.8);}
.card-img-wrap-asd441{background#2a2a3e;positionrelative;overflowhidden;aspect-ratio23;displayflex;align-itemscenter;justify-contentcenter;}
.card-img-wrap-asd441 img{width100%;height100%;object-fitcover;transitiontransform 0.25s;displayblock;background#2f2f46;}
.card-asd552hover .card-img-wrap-asd441 img{transformscale(1.03);}
.card-overlay-asd721{positionabsolute;inset0;backgroundrgba(0,0,0,0.35);displayflex;flex-directioncolumn;align-itemscenter;justify-contentcenter;opacity0;transitionopacity 0.25s;pointer-eventsnone;}
.card-asd552hover .card-overlay-asd721{opacity1;}
.play-icon-asd812{font-size3rem;line-height1;colorrgba(255,215,0,0.9);text-shadow0 2px 10px #000;}
.play-text-asd632{color#fff;font-weight600;backgroundrgba(0,0,0,0.6);padding4px 14px;border-radius40px;margin-top6px;font-size0.9rem;letter-spacing1px;}
.card-body-asd351{padding10px 10px 14px;}
.card-body-asd351 h3{font-size1rem;font-weight600;white-spacenowrap;overflowhidden;text-overflowellipsis;}
.meta-asd742{displayflex;justify-contentspace-between;font-size0.75rem;color#9e9eb6;margin-top6px;}
.badge-asd261{background#f7b731;color#1a1a2e;border-radius30px;padding0 10px;font-weight600;font-size0.7rem;displayinline-block;}
.btn-wish-asd542{background#2e2e4a;bordernone;color#ccc;padding6px 12px;border-radius40px;font-size0.75rem;margin-top8px;width100%;cursorpointer;transition0.2s;}
.btn-wish-asd542hover{background#f7b731;color#111;}
toast
.toast-asd199{positionfixed;top20px;left50%;transformtranslateX(-50%);background#2d2d44;color#f7f2e8;padding14px 28px;border-radius60px;box-shadow0 10px 30px rgba(0,0,0,0.8);z-index9999;font-weight500;border1px solid #f7b731;opacity0;transitionopacity 0.2s;pointer-eventsnone;white-spacenowrap;}
.toast-asd199.show-asd332{opacity1;}
模态框
.modal-overlay-asd552{positionfixed;inset0;backgroundrgba(0,0,0,0.7);backdrop-filterblur(4px);z-index1000;displaynone;align-itemscenter;justify-contentcenter;}
.modal-asd812{background#1f1f34;border-radius28px;max-width500px;width90%;padding22px;box-shadow0 24px 48px #000;positionrelative;color#eaeaf2;max-height90vh;overflow-yauto;}
.modal-asd812 h2{font-size1.8rem;margin-bottom6px;}
.modal-asd812 .meta-line-asd112{color#a0a0c0;font-size0.9rem;margin-bottom10px;}
.modal-asd812 p{line-height1.6;margin12px 0;}
.modal-btn-group-asd622{displayflex;gap12px;margin-top20px;flex-wrapwrap;}
.modal-btn-asd211{background#2e2e4a;bordernone;color#ddd;padding10px 22px;border-radius40px;cursorpointer;font-weight500;flex1;transition0.2s;}
.modal-btn-asd211hover{background#f7b731;color#111;}
评论
.comment-box-asd452{background#18182a;border-radius24px;padding20px;margin40px 0 20px;}
.comment-item-asd982{border-bottom1px solid #2e2e48;padding12px 0;displayflex;gap10px;}
.comment-item-asd982last-child{border-bottomnone;}
.avatar-asd221{width40px;height40px;border-radius50%;background#3e3e5e;displayflex;align-itemscenter;justify-contentcenter;font-weightbold;color#f7b731;}
footer
.footer-asd782{background#141425;padding28px 0;border-top1px solid #2a2a40;margin-top30px;}
.footer-links-asd321{displayflex;flex-wrapwrap;gap18px;justify-contentcenter;margin-bottom14px;}
.footer-links-asd321 a{color#b0b0d0;text-decorationnone;font-size0.9rem;}
.footer-asd782 .copyright-asd112{text-aligncenter;color#7a7a9a;font-size0.85rem;}
.footer-asd782 .icp-asd009{text-aligncenter;color#5a5a7a;font-size0.75rem;margin-top4px;}
@media(max-width768px){.grid-asd621{grid-template-columnsrepeat(2,1fr);}}
@media(min-width1024px){.grid-asd621{grid-template-columnsrepeat(3,1fr);}}
@media(min-width1200px){.grid-asd621{grid-template-columnsrepeat(6,1fr);}}
.random-order-asd39 .category-links-asd213{order2;}
.random-order-asd39 .section-title-asd982{flex-directionrow-reverse;}
style
head
body
div class=toast-asd199 id=toast-asd199功能开发中，即将开放，敬请期待div
header class=header-asd451
div class=wrapper-asd782 header-inner-asd893
div class=logo-asd332🔥火龙果影视div
nav class=nav-asd671
a href=# onclick=event.preventDefault();showToast()首页a
a href=# onclick=event.preventDefault();showToast()电影a
a href=# onclick=event.preventDefault();showToast()剧集a
a href=# onclick=event.preventDefault();showToast()综艺a
a href=# onclick=event.preventDefault();showToast()动漫a
a href=# onclick=event.preventDefault();showToast()预约a
nav
div
header
main class=wrapper-asd782
div class=breadcrumb-asd24533首页 电影 正在热播div
div class=intro-asd556
span火龙果影视span — 真实 span在线电影span 平台，span免费观看span 海量正版内容。span高清画质span，span每日更新span 热门大片，全程 span无广告span 沉浸体验。本页面展示真实影视作品信息，所有点击跳转及播放功能正在开发中，敬请期待正式版。
div
!-- 版块1 电影 --
section class=section-asd774
div class=section-title-asd982 random-order-asd39
h2🔥 热播电影h2
div class=category-links-asd213
a href=# onclick=event.preventDefault();showToast()动作a
a href=# onclick=event.preventDefault();showToast()科幻a
a href=# onclick=event.preventDefault();showToast()喜剧a
div
div
div class=grid-asd621 id=movieGriddiv
section
!-- 版块2 剧集 --
section class=section-asd774
div class=section-title-asd982
h2📺 高分剧集h2
div class=category-links-asd213
a href=# onclick=event.preventDefault();showToast()悬疑a
a href=# onclick=event.preventDefault();showToast()爱情a
a href=# onclick=event.preventDefault();showToast()历史a
div
div
div class=grid-asd621 id=tvGriddiv
section
!-- 版块3 综艺 --
section class=section-asd774
div class=section-title-asd982 random-order-asd39
h2🎤 热门综艺h2
div class=category-links-asd213
a href=# onclick=event.preventDefault();showToast()真人秀a
a href=# onclick=event.preventDefault();showToast()音乐a
a href=# onclick=event.preventDefault();showToast()脱口秀a
div
div
div class=grid-asd621 id=varietyGriddiv
section
!-- 版块4 动漫 --
section class=section-asd774
div class=section-title-asd982
h2🎬 高分动漫h2
div class=category-links-asd213
a href=# onclick=event.preventDefault();showToast()热血a
a href=# onclick=event.preventDefault();showToast()奇幻a
a href=# onclick=event.preventDefault();showToast()治愈a
div
div
div class=grid-asd621 id=animeGriddiv
section
!-- 版块5 经典电影 --
section class=section-asd774
div class=section-title-asd982 random-order-asd39
h2🏆 经典珍藏h2
div class=category-links-asd213
a href=# onclick=event.preventDefault();showToast()豆瓣9分a
a href=# onclick=event.preventDefault();showToast()奥斯卡a
a href=# onclick=event.preventDefault();showToast()国产经典a
div
div
div class=grid-asd621 id=classicGriddiv
section
main
!-- 模态框 --
div class=modal-overlay-asd552 id=modalOverlay
div class=modal-asd812 id=modalContent
h2 id=modalTitle作品名h2
div class=meta-line-asd112 id=modalMeta年份 · 类型div
p id=modalDesc简介信息p
div class=modal-btn-group-asd622
button class=modal-btn-asd211 onclick=closeModal()关闭button
button class=modal-btn-asd211 onclick=event.preventDefault();showToast();前往观看（开发中）button
div
div
div
!-- 评论框 --
div class=wrapper-asd782 comment-box-asd452
h3 style=margin-bottom12px;💬 用户短评h3
div class=comment-item-asd982div class=avatar-asd221影divdivstrong追剧小王子strongspan style=color#888;margin-left10px;刚刚spanp火龙果影视资源太全了，每日更新好评！pdivdiv
div class=comment-item-asd982div class=avatar-asd221MdivdivstrongMovieFanstrongspan style=color#888;margin-left10px;5分钟前spanp高清画质无广告，期待正式播放功能。pdivdiv
div class=comment-item-asd982div class=avatar-asd221乐divdivstrong乐乐strongspan style=color#888;margin-left10px;昨天spanp界面设计很舒服，找经典电影方便。pdivdiv
div
footer class=footer-asd782
div class=wrapper-asd782
div class=footer-links-asd321
a href=# onclick=event.preventDefault();showAbout()关于我们a
a href=# onclick=event.preventDefault();showHelp()帮助中心a
a href=# onclick=event.preventDefault();showToast()友情链接a
a href=# onclick=event.preventDefault();showToast()内容投诉a
div
div class=copyright-asd112© 2026 火龙果影视 侵权必删div
div class=icp-asd009沪ICP备2026'8723'号div
div
footer
script
(function(){
const toast = document.getElementById('toast-asd199');
let timer = null;
window.showToast = function(){
toast.classList.add('show-asd332');
if(timer) clearTimeout(timer);
timer = setTimeout(()={toast.classList.remove('show-asd332');},2000);
}
模态框
const overlay = document.getElementById('modalOverlay');
const mTitle = document.getElementById('modalTitle');
const mMeta = document.getElementById('modalMeta');
const mDesc = document.getElementById('modalDesc');
window.closeModal = function(){overlay.style.display='none';}
overlay.addEventListener('click',function(e){if(e.target===overlay) closeModal();});
真实数据
const movieData = [
{title'沙丘2',year2024,type'电影',score8.6,desc'保罗·厄崔迪在沙丘星球崛起，史诗级科幻续作。',dir'丹尼斯·维伦纽瓦',extra'4K HDR',img'001-movie.webp'},
{title'哥斯拉大战金刚2',year2024,type'电影',score7.5,desc'两大怪兽联手对抗神秘威胁。',dir'亚当·温加德',extra'4K',img'002-movie.webp'},
{title'飞驰人生2',year2024,type'电影',score8.2,desc'沈腾领衔，热血赛车喜剧。',dir'韩寒',extra'高清',img'003-movie.webp'},
{title'热辣滚烫',year2024,type'电影',score8.0,desc'贾玲励志减肥，拳击人生。',dir'贾玲',extra'高清',img'004-movie.webp'},
{title'第二十条',year2024,type'电影',score8.5,desc'张艺谋法律题材，人情与法理。',dir'张艺谋',extra'高清',img'005-movie.webp'},
{title'奥本海默',year2023,type'电影',score8.9,desc'诺兰执导，原子弹之父传记。',dir'克里斯托弗·诺兰',extra'4K',img'006-movie.webp'},
];
const tvData = [
{title'繁花',year2023,type'剧集',score8.7,desc'王家卫监制，90年代上海风云。',dir'王家卫',extra'更新至30集',img'007-tv.webp'},
{title'漫长的季节',year2023,type'剧集',score9.4,desc'悬疑神作，小城往事。',dir'辛爽',extra'已完结',img'008-tv.webp'},
{title'三体',year2023,type'剧集',score8.7,desc'刘慈欣科幻巨制。',dir'杨磊',extra'更新至30集',img'009-tv.webp'},
{title'狂飙',year2023,type'剧集',score9.1,desc'扫黑除恶，高启强传奇。',dir'徐纪周',extra'已完结',img'010-tv.webp'},
{title'去有风的地方',year2023,type'剧集',score8.6,desc'治愈田园剧。',dir'丁梓光',extra'已完结',img'011-tv.webp'},
{title'大明王朝1566',year2007,type'剧集',score9.8,desc'经典历史权谋剧。',dir'张黎',extra'已完结',img'012-tv.webp'},
];
const varietyData = [
{title'歌手2024',year2024,type'综艺',score7.8,desc'国际歌手竞演。',dir'洪啸',extra'第3季',img'013-variety.webp'},
{title'奔跑吧12',year2024,type'综艺',score6.5,desc'国民综艺。',dir'姚译添',extra'第12季',img'014-variety.webp'},
{title'向往的生活7',year2024,type'综艺',score7.0,desc'慢生活。',dir'王征宇',extra'第7季',img'015-variety.webp'},
{title'喜剧之王单口季',year2024,type'综艺',score8.2,desc'单口喜剧竞演。',dir'未知',extra'第1季',img'016-variety.webp'},
{title'乘风2024',year2024,type'综艺',score6.8,desc'姐姐成团。',dir'未知',extra'第5季',img'017-variety.webp'},
{title'种地吧2',year2024,type'综艺',score8.5,desc'劳作纪实。',dir'杨长岭',extra'第2季',img'018-variety.webp'},
];
const animeData = [
{title'葬送的芙莉莲',year2023,type'动漫',score9.0,desc'寿命论奇幻。',dir'斋藤圭一郎',extra'已完结',img'019-anime.webp'},
{title'咒术回战2',year2023,type'动漫',score8.8,desc'涩谷事变。',dir'御所园翔太',extra'已完结',img'020-anime.webp'},
{title'鬼灭之刃 柱训练篇',year2024,type'动漫',score8.6,desc'柱合训练。',dir'外崎春雄',extra'连载中',img'021-anime.webp'},
{title'迷宫饭',year2024,type'动漫',score8.9,desc'美食地下城。',dir'宫岛善博',extra'已完结',img'022-anime.webp'},
{title'我推的孩子2',year2024,type'动漫',score8.5,desc'演艺圈悬疑。',dir'平牧大辅',extra'已完结',img'023-anime.webp'},
{title'钢之炼金术师FA',year2009,type'动漫',score9.8,desc'经典神作。',dir'入江泰浩',extra'已完结',img'024-anime.webp'},
];
const classicData = [
{title'霸王别姬',year1993,type'电影',score9.6,desc'陈凯歌经典。',dir'陈凯歌',extra'4K修复',img'025-movie.webp'},
{title'阿凡达',year2009,type'电影',score8.8,desc'3D革命。',dir'詹姆斯·卡梅隆',extra'4K',img'026-movie.webp'},
{title'泰坦尼克号',year1997,type'电影',score9.4,desc'经典爱情。',dir'詹姆斯·卡梅隆',extra'4K',img'027-movie.webp'},
{title'千与千寻',year2001,type'动漫',score9.4,desc'宫崎骏。',dir'宫崎骏',extra'高清',img'028-anime.webp'},
{title'教父',year1972,type'电影',score9.3,desc'黑帮史诗。',dir'弗朗西斯·科波拉',extra'4K',img'029-movie.webp'},
{title'星际穿越',year2014,type'电影',score9.3,desc'诺兰科幻。',dir'克里斯托弗·诺兰',extra'4K',img'030-movie.webp'},
];
function renderCards(containerId, dataArray){
const grid = document.getElementById(containerId);
dataArray.forEach((item, idx)={
const card = document.createElement('div'); card.className='card-asd552';
const imgNum = item.img.match((d+))[0];
const altText = `${item.title} ${item.type} ${item.year} ${item.dir}`;
card.innerHTML = `div class=card-img-wrap-asd441img src=uploadvod${item.img} alt=${altText} loading=lazydiv class=card-overlay-asd721span class=play-icon-asd812▶spanspan class=play-text-asd632立即观看spandivdivdiv class=card-body-asd351h3${item.title}h3div class=meta-asd742span⭐${item.score}spanspan class=badge-asd261${item.extra'高清'}spandivbutton class=btn-wish-asd542 onclick=event.stopPropagation();showToast();想看预约buttondiv`;
card.addEventListener('click', function(e){
if(e.target.closest('.btn-wish-asd542')) return;
mTitle.textContent = item.title;
mMeta.textContent = `${item.year} · ${item.type} 导演${item.dir}`;
mDesc.textContent = `${item.desc} 评分${item.score}，${item.extra'高清'}`;
overlay.style.display='flex';
});
grid.appendChild(card);
});
}
renderCards('movieGrid', movieData);
renderCards('tvGrid', tvData);
renderCards('varietyGrid', varietyData);
renderCards('animeGrid', animeData);
renderCards('classicGrid', classicData);
关于帮助 真实模态框
window.showAbout = function(){
mTitle.textContent = '关于火龙果影视';
mMeta.textContent = '致力于提供真实影视信息';
mDesc.textContent = '火龙果影视是一个影视信息展示平台，收录2020-2026年热门电影、剧集、综艺、动漫。所有内容仅供预览，播放功能开发中。我们坚持每日更新，高清画质无广告。';
overlay.style.display='flex';
}
window.showHelp = function(){
mTitle.textContent = '帮助中心';
mMeta.textContent = '常见问题';
mDesc.textContent = '1. 如何预约影片？点击“想看”按钮即可。2. 视频何时上线？正式版正在开发。3. 如何反馈？联系邮箱 help@hlyy.com。4. 是否收费？完全免费。';
overlay.style.display='flex';
}
})();
script
body
html