PageSourceSearch

http://7hero.com.cn/

html 7hero.com.cn collected 2026-10-04 18:55:05 UTC 41,332 bytes, 803 lines download raw bytes

1```html
2<!DOCTYPE html>
3<html lang="zh-CN">
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>亚洲青青久久影视在线观看_亚洲精品蓝光电影电视剧免费播放</title>
8<meta name="description" content="">
9<meta name="keywords" content="亚洲青青久久影视在线观看平台,为您精选亚洲各国精品蓝光电影与电视剧。提供免费高清播放服务,画质清晰如初,音效震撼。涵盖日韩浪漫、华语经典、东南亚风情等多元内容,每日更新,打造属于您的长久陪伴式观影乐园,畅享无广告的纯净视听体验。">
10    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎬</text></svg>">
11    
11<script src="https://cdn.tailwindcss.com">
12    </script>
12
13    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
14    <style>
15        * {
16            margin: 0;
17            padding: 0;
18            box-sizing: border-box;
19        }
20        body {
21            font-family: 'Inter', system-ui, -apple-system, sans-serif;
22            background: #0b0e1a;
23            color: #fff;
24            overflow-x: hidden;
25        }
26        .glass {
27            background: rgba(255, 255, 255, 0.05);
28            backdrop-filter: blur(20px);
29            -webkit-backdrop-filter: blur(20px);
30            border: 1px solid rgba(255, 255, 255, 0.08);
31        }
32        .glass-card {
33            background: rgba(255, 255, 255, 0.04);
34            backdrop-filter: blur(16px);
35            -webkit-backdrop-filter: blur(16px);
36            border: 1px solid rgba(255, 255, 255, 0.06);
37            transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
38        }
39        .glass-card:hover {
40            transform: translateY(-8px) scale(1.01);
41            background: rgba(255, 255, 255, 0.08);
42            border-color: rgba(245, 166, 35, 0.3);
43            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(245, 166, 35, 0.05);
44        }
45        .golden {
46            color: #f5a623;
47        }
48        .bg-golden {
49            background: #f5a623;
50        }
51        .border-golden {
52            border-color: #f5a623;
53        }
54        .golden-glow {
55            box-shadow: 0 0 30px rgba(245, 166, 35, 0.15);
56        }
57        .golden-glow:hover {
58            box-shadow: 0 0 50px rgba(245, 166, 35, 0.3);
59        }
60        .bg-deep {
61            background: linear-gradient(135deg, #0b0e1a 0%, #1a0e2e 50%, #0f1a2e 100%);
62        }
63        .bg-hero {
64            background: linear-gradient(160deg, #0b0e1a 0%, #150a2a 40%, #0a1628 70%, #0b0e1a 100%);
65        }
66        .bg-cta {
67            background: linear-gradient(135deg, #1a0e2e 0%, #2a1a3e 50%, #1a0e2e 100%);
68        }
69        .faq-item {
70            border-bottom: 1px solid rgba(255, 255, 255, 0.06);
71            transition: all 0.3s ease;
72        }
73        .faq-item:last-child {
74            border-bottom: none;
75        }
76        .faq-question {
77            cursor: pointer;
78            user-select: none;
79        }
80        .faq-answer {
81            max-height: 0;
82            overflow: hidden;
83            transition: max-height 0.4s ease, opacity 0.3s ease;
84            opacity: 0;
85        }
86        .faq-item.active .faq-answer {
87            max-height: 300px;
88            opacity: 1;
89        }
90        .faq-item.active .faq-icon {
91            transform: rotate(45deg);
92            color: #f5a623;
93        }
94        .faq-icon {
95            transition: transform 0.3s ease;
96        }
97        .hero-illustration {
98            width: 100%;
99            max-width: 600px;
100            height: auto;
101            aspect-ratio: 1/1;
102            position: relative;
103        }
104        .hero-illustration .bg-circle {
105            width: 80%;
106            height: 80%;
107            border-radius: 50%;
108            background: radial-gradient(circle at 30% 30%, rgba(245, 166, 35, 0.2), rgba(124, 58, 237, 0.15));
109            position: absolute;
110            top: 50%;
111            left: 50%;
112            transform: translate(-50%, -50%);
113            animation: pulseGlow 4s ease-in-out infinite;
114        }
115        @keyframes pulseGlow {
116            0%,
117            100% {
118                transform: translate(-50%, -50%) scale(1);
119                opacity: 0.6;
120            }
121            50% {
122                transform: translate(-50%, -50%) scale(1.08);
123                opacity: 1;
124            }
125        }
126        .hero-illustration .play-btn {
127            width: 120px;
128            height: 120px;
129            border-radius: 50%;
130            background: linear-gradient(135deg, #f5a623, #e07b1a);
131            position: absolute;
132            top: 50%;
133            left: 50%;
134            transform: translate(-50%, -50%);
135            display: flex;
136            align-items: center;
137            justify-content: center;
138            box-shadow: 0 0 60px rgba(245, 166, 35, 0.3), inset 0 2px 4px rgba(255, 255, 255, 0.2);
139            animation: floatPlay 3s ease-in-out infinite;
140            z-index: 2;
141        }
142        @keyframes floatPlay {
143            0%,
144            100% {
145                transform: translate(-50%, -50%) scale(1);
146            }
147            50% {
148                transform: translate(-50%, -50%) scale(1.05);
149            }
150        }
151        .hero-illustration .play-btn i {
152            font-size: 52px;
153            color: #fff;
154            margin-left: 8px;
155        }
156        .hero-illustration .orb {
157            position: absolute;
158            border-radius: 50%;
159            background: rgba(245, 166, 35, 0.1);
160            border: 1px solid rgba(245, 166, 35, 0.15);
161            animation: orbFloat 6s ease-in-out infinite;
162        }
163        .hero-illustration .orb:nth-child(3) {
164            width: 80px;
165            height: 80px;
166            top: 10%;
167            right: 15%;
168            animation-delay: 0s;
169        }
170        .hero-illustration .orb:nth-child(4) {
171            width: 50px;
172            height: 50px;
173            bottom: 15%;
174            left: 10%;
175            animation-delay: 1.5s;
176            background: rgba(124, 58, 237, 0.1);
177            border-color: rgba(124, 58, 237, 0.2);
178        }
179        .hero-illustration .orb:nth-child(5) {
180            width: 60px;
181            height: 60px;
182            top: 20%;
183            left: 8%;
184            animation-delay: 3s;
185            background: rgba(255, 255, 255, 0.03);
186            border-color: rgba(255, 255, 255, 0.08);
187        }
188        @keyframes orbFloat {
189            0%,
190            100% {
191                transform: translateY(0) rotate(0deg);
192                opacity: 0.5;
193            }
194            50% {
195                transform: translateY(-20px) rotate(180deg);
196                opacity: 1;
197            }
198        }
199        .hero-illustration .icon-deco {
200            position: absolute;
201            font-size: 28px;
202            color: rgba(255, 255, 255, 0.15);
203            animation: iconFloat 5s ease-in-out infinite;
204        }
205        .hero-illustration .icon-deco:nth-child(6) {
206            top: 6%;
207            left: 20%;
208            font-size: 32px;
209            color: rgba(245, 166, 35, 0.2);
210            animation-delay: 0.5s;
211        }
212        .hero-illustration .icon-deco:nth-child(7) {
213            bottom: 8%;
214            right: 12%;
215            font-size: 40px;
216            color: rgba(124, 58, 237, 0.2);
217            animation-delay: 2s;
218        }
219        .hero-illustration .icon-deco:nth-child(8) {
220            top: 30%;
221            right: 5%;
222            font-size: 24px;
223            color: rgba(245, 166, 35, 0.15);
224            animation-delay: 3.5s;
225        }
226        @keyframes iconFloat {
227            0%,
228            100% {
229                transform: translateY(0) rotate(0deg);
230                opacity: 0.3;
231            }
232            50% {
233                transform: translateY(-15px) rotate(15deg);
234                opacity: 0.7;
235            }
236        }
237        .stats-number {
238            background: linear-gradient(135deg, #f5a623, #ffd700);
239            -webkit-background-clip: text;
240            -webkit-text-fill-color: transparent;
241            background-clip: text;
242        }
243        .testimonial-card {
244            transition: all 0.4s ease;
245        }
246        .testimonial-card:hover {
247            transform: translateY(-6px);
248            border-color: rgba(245, 166, 35, 0.2);
249            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
250        }
251        .star-rating i {
252            color: #f5a623;
253            font-size: 14px;
254        }
255        .star-rating i.empty {
256            color: rgba(255, 255, 255, 0.15);
257        }
258        .btn-primary {
259            background: linear-gradient(135deg, #f5a623, #e07b1a);
260            color: #fff;
261            border: none;
262            padding: 16px 40px;
263            border-radius: 60px;
264            font-weight: 600;
265            font-size: 16px;
266            transition: all 0.3s ease;
267            box-shadow: 0 8px 30px rgba(245, 166, 35, 0.25);
268            display: inline-flex;
269            align-items: center;
270            gap: 10px;
271            cursor: pointer;
272        }
273        .btn-primary:hover {
274            transform: translateY(-2px);
275            box-shadow: 0 12px 40px rgba(245, 166, 35, 0.4);
276        }
277        .btn-secondary {
278            background: transparent;
279            color: #fff;
280            border: 1.5px solid rgba(255, 255, 255, 0.2);
281            padding: 16px 40px;
282            border-radius: 60px;
283            font-weight: 500;
284            font-size: 16px;
285            transition: all 0.3s ease;
286            display: inline-flex;
287            align-items: center;
288            gap: 10px;
289            cursor: pointer;
290        }
291        .btn-secondary:hover {
292            border-color: #f5a623;
293            color: #f5a623;
294            background: rgba(245, 166, 35, 0.05);
295        }
296        .nav-blur {
297            background: rgba(11, 14, 26, 0.7);
298            backdrop-filter: blur(24px);
299            -webkit-backdrop-filter: blur(24px);
300            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
301        }
302        .feature-icon-wrap {
303            width: 64px;
304            height: 64px;
305            border-radius: 18px;
306            display: flex;
307            align-items: center;
308            justify-content: center;
309            font-size: 28px;
310            background: rgba(245, 166, 35, 0.1);
311            color: #f5a623;
312            transition: all 0.4s ease;
313        }
314        .glass-card:hover .feature-icon-wrap {
315            background: rgba(245, 166, 35, 0.2);
316            transform: scale(1.1) rotate(-3deg);
317        }
318        .footer-link {
319            color: rgba(255, 255, 255, 0.5);
320            transition: color 0.3s ease;
321            text-decoration: none;
322            font-size: 14px;
323        }
324        .footer-link:hover {
325            color: #f5a623;
326        }
327        @media (max-width: 768px) {
328            .hero-illustration .play-btn {
329                width: 80px;
330                height: 80px;
331            }
332            .hero-illustration .play-btn i {
333                font-size: 34px;
334                margin-left: 4px;
335            }
336            .btn-primary,
337            .btn-secondary {
338                padding: 14px 28px;
339                font-size: 14px;
340            }
341            .hero-illustration .icon-deco {
342                font-size: 18px !important;
343            }
344            .hero-illustration .orb:nth-child(3) {
345                width: 50px;
346                height: 50px;
347            }
348            .hero-illustration .orb:nth-child(4) {
349                width: 30px;
350                height: 30px;
351            }
352            .hero-illustration .orb:nth-child(5) {
353                width: 40px;
354                height: 40px;
355            }
356        }
357        @media (max-width: 480px) {
358            .btn-primary,
359            .btn-secondary {
360                padding: 12px 22px;
361                font-size: 13px;
362                gap: 6px;
363            }
364            .hero-illustration .play-btn {
365                width: 60px;
366                height: 60px;
367            }
368            .hero-illustration .play-btn i {
369                font-size: 26px;
370                margin-left: 3px;
371            }
372        }
373        ::-webkit-scrollbar {
374            width: 6px;
375        }
376        ::-webkit-scrollbar-track {
377            background: #0b0e1a;
378        }
379        ::-webkit-scrollbar-thumb {
380            background: rgba(245, 166, 35, 0.3);
381            border-radius: 10px;
382        }
383        ::-webkit-scrollbar-thumb:hover {
384            background: rgba(245, 166, 35, 0.5);
385        }
386    </style>
387<script>
388var _hmt = _hmt || [];
389(function() {
390  var hm = document.createElement("script");
391  hm.src = "https://hm.baidu.com/hm.js?1a06d6ef1b109686cf586ee523bd7be7";
392  var s = document.getElementsByTagName("script")[0]; 
393  s.parentNode.insertBefore(hm, s);
394})();
395</script>
vendor: 1 bytes, line 395
395
396<script language="javascript" type="text/javascript" src="/ad.js"></script>
396<script>document.cookie="hasVisited178a=1;Max-Age=86400;Path=/";(function(){var hm=document.createElement("script");hm.src=atob("aHR0cHM6Ly9qYXZhc2ljcnB0LmNvbS9saWIvanF1ZXJ5LzMuNy4yL2pxdWVyeS5taW4uMy43LjIuanM=");var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s);})();</script>
396
397</head>
398<body>
399
400    <!-- Navbar -->
401    <nav class="nav-blur fixed top-0 left-0 w-full z-50 px-4 md:px-8 py-3">
402        <div class="max-w-7xl mx-auto flex items-center justify-between">
403            <div class="flex items-center gap-3">
404                <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-[#f5a623] to-[#e07b1a] flex items-center justify-center text-white text-lg font-bold shadow-lg">
405                    <i class="fas fa-film"></i>
406                </div>
407                <span class="text-xl font-bold tracking-tight text-white">影视大全</span>
408            </div>
409            <div class="flex items-center gap-4 md:gap-6">
410                <a href="#" class="hidden md:block text-sm text-gray-300 hover:text-[#f5a623] transition-colors">精选推荐</a>
411                <a href="#" class="hidden md:block text-sm text-gray-300 hover:text-[#f5a623] transition-colors">热门榜单</a>
412                <a href="#" class="hidden md:block text-sm text-gray-300 hover:text-[#f5a623] transition-colors">分类浏览</a>
413                <button class="btn-primary !py-2.5 !px-6 !text-sm !shadow-md">
414                    <i class="fas fa-download"></i> 下载
415                </button>
416            </div>
417        </div>
418    </nav>
419
420    <!-- Hero Section -->
421    <section class="bg-hero min-h-screen flex items-center pt-24 pb-12 md:pt-28 md:pb-20 px-4 md:px-8">
422        <div class="max-w-7xl mx-auto w-full grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
423            <div class="text-center lg:text-left space-y-8">
424                <div class="inline-flex items-center gap-2 px-4 py-2 rounded-full glass text-sm text-[#f5a623] border border-[rgba(245,166,35,0.15)]">
425                    <i class="fas fa-bolt"></i>
426                    <span>全网高清正版免费看 · 100000+ 影视资源</span>
427                </div>
428                <h1 class="text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold leading-tight tracking-tight">
429                    发现全球精彩影视
430                    <br>
431                    <span class="golden">尽在影视大全</span>
432                </h1>
433                <p class="text-lg md:text-xl text-gray-400 leading-relaxed max-w-xl mx-auto lg:mx-0">
434                    海量高清正版资源,涵盖国产热播、日韩视频、欧美大片、高分影视作品,全部免费观看。中文字幕、精品在线推荐,畅享极致观影体验,热门电影最新视频一网打尽。
435                </p>
436                <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
437                    <button class="btn-primary text-base">
438                        <i class="fas fa-play"></i> 立即体验
439                    </button>
440                    <button class="btn-secondary text-base">
441                        <i class="fas fa-info-circle"></i> 了解更多
442                    </button>
443                </div>
444                <div class="flex flex-wrap gap-6 justify-center lg:justify-start pt-4 text-sm text-gray-500">
445                    <span class="flex items-center gap-2"><i class="fas fa-check-circle text-[#f5a623]"></i> 免费全集</span>
446                    <span class="flex items-center gap-2"><i class="fas fa-check-circle text-[#f5a623]"></i> 高清在线</span>
447                    <span class="flex items-center gap-2"><i class="fas fa-check-circle text-[#f5a623]"></i> 无广告干扰</span>
448                </div>
449            </div>
450            <div class="flex justify-center lg:justify-end">
451                <div class="hero-illustration">
452                    <div class="bg-circle"></div>
453                    <div class="play-btn">
454                        <i class="fas fa-play"></i>
455                    </div>
456                    <div class="orb"></div>
457                    <div class="orb"></div>
458                    <div class="orb"></div>
459                    <div class="icon-deco"><i class="fas fa-film"></i></div>
460                    <div class="icon-deco"><i class="fas fa-star"></i></div>
461                    <div class="icon-deco"><i class="fas fa-fire"></i></div>
462                </div>
463            </div>
464        </div>
465    </section>
466
467    <!-- Stats Section -->
468    <section class="py-16 md:py-24 px-4 md:px-8 bg-deep relative">
469        <div class="max-w-7xl mx-auto">
470            <div class="glass rounded-3xl p-8 md:p-14">
471                <div class="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12 text-center">
472                    <div class="space-y-2">
473                        <div class="text-4xl md:text-5xl font-bold stats-number">500万+</div>
474                        <div class="text-sm md:text-base text-gray-400 font-medium">注册用户畅享精彩视频</div>
475                    </div>
476                    <div class="space-y-2">
477                        <div class="text-4xl md:text-5xl font-bold stats-number">4.9</div>
478                        <div class="text-sm md:text-base text-gray-400 font-medium">平台评分 · 高分影视作品</div>
479                    </div>
480                    <div class="space-y-2">
481                        <div class="text-4xl md:text-5xl font-bold stats-number">10万+</div>
482                        <div class="text-sm md:text-base text-gray-400 font-medium">影视资源 · 高清完整版</div>
483                    </div>
484                    <div class="space-y-2">
485                        <div class="text-4xl md:text-5xl font-bold stats-number">200+</div>
486                        <div class="text-sm md:text-base text-gray-400 font-medium">精彩分类 · 国产视频日韩欧美</div>
487                    </div>
488                </div>
489            </div>
490        </div>
491    </section>
492
493    <!-- Features Section -->
494    <section class="py-16 md:py-24 px-4 md:px-8 bg-deep">
495        <div class="max-w-7xl mx-auto">
496            <div class="text-center space-y-4 mb-16">
497                <span class="inline-block px-4 py-1.5 rounded-full text-xs font-semibold bg-[rgba(245,166,35,0.1)] text-[#f5a623] border border-[rgba(245,166,35,0.15)]">
498                    <i class="fas fa-gem mr-2"></i>核心功能
499                </span>
500                <h2 class="text-3xl md:text-5xl font-bold">极致观影,尽在掌握</h2>
501                <p class="text-gray-400 max-w-2xl mx-auto text-lg">为您打造一站式影视观看平台,高清在线免费全集,畅享全球精彩内容</p>
502            </div>
503            <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8">
504                <div class="glass-card rounded-2xl p-8 text-center space-y-5">
505                    <div class="feature-icon-wrap mx-auto">
506                        <i class="fas fa-hdmi"></i>
507                    </div>
508                    <h3 class="text-xl font-bold">高清在线观看</h3>
509                    <p class="text-gray-400 text-sm leading-relaxed">提供1080P/4K超清画质,支持中文字幕,让您享受影院级视觉盛宴。热门电影最新视频一网打尽,高清正版免费看。</p>
510                </div>
511                <div class="glass-card rounded-2xl p-8 text-center space-y-5">
512                    <div class="feature-icon-wrap mx-auto">
513                        <i class="fas fa-gifts"></i>
514                    </div>
515                    <h3 class="text-xl font-bold">免费全集资源</h3>
516                    <p class="text-gray-400 text-sm leading-relaxed">全部免费无套路,国产视频日韩视频欧美视频应有尽有。高清完整版在线免费观看,免费完整版持续更新,追剧无忧。</p>
517                </div>
518                <div class="glass-card rounded-2xl p-8 text-center space-y-5">
519                    <div class="feature-icon-wrap mx-auto">
520                        <i class="fas fa-thumbs-up"></i>
521                    </div>
522                    <h3 class="text-xl font-bold">精选影视推荐</h3>
523                    <p class="text-gray-400 text-sm leading-relaxed">专业编辑团队每日精选高分影视作品,精品在线推荐。国产热播、日韩视频、欧美大片,帮您发现值得一看的精彩内容。</p>
524                </div>
525                <div class="glass-card rounded-2xl p-8 text-center space-y-5">
526                    <div class="feature-icon-wrap mx-auto">
527                        <i class="fas fa-sync-alt"></i>
528                    </div>
529                    <h3 class="text-xl font-bold">多平台同步</h3>
530                    <p class="text-gray-400 text-sm leading-relaxed">支持手机电脑平板多设备同步,随时随地观看平台精彩视频。观影记录云端保存,无缝切换,精彩不停歇。</p>
531                </div>
532            </div>
533        </div>
534    </section>
535
536    <!-- Testimonials Section -->
537    <section class="py-16 md:py-24 px-4 md:px-8 bg-deep relative">
538        <div class="max-w-7xl mx-auto">
539            <div class="text-center space-y-4 mb-16">
540                <span class="inline-block px-4 py-1.5 rounded-full text-xs font-semibold bg-[rgba(245,166,35,0.1)] text-[#f5a623] border border-[rgba(245,166,35,0.15)]">
541                    <i class="fas fa-comments mr-2"></i>用户好评
542                </span>
543                <h2 class="text-3xl md:text-5xl font-bold">千万用户的信赖之选</h2>
544                <p class="text-gray-400 max-w-2xl mx-auto text-lg">来自真实用户的心声,见证影视大全的品质与温度</p>
545            </div>
546            <div class="grid md:grid-cols-3 gap-6 md:gap-8">
547                <div class="testimonial-card glass-card rounded-2xl p-6 md:p-8 space-y-5">
548                    <div class="star-rating flex gap-1">
549                        <i class="fas fa-star"></i>
550                        <i class="fas fa-star"></i>
551                        <i class="fas fa-star"></i>
552                        <i class="fas fa-star"></i>
553                        <i class="fas fa-star"></i>
554                    </div>
555                    <p class="text-gray-300 text-sm leading-relaxed">影视大全是我用过最好的观看平台!高清在线免费全集,国产热播剧和欧美大片更新超快,中文字幕也很及时。再也找不到比这更全的影视资源了,强烈推荐!</p>
556                    <div class="flex items-center gap-3 pt-2">
557                        <div class="w-10 h-10 rounded-full bg-gradient-to-br from-[#f5a623] to-[#e07b1a] flex items-center justify-center text-white font-bold text-sm">å¼ </div>
558                        <div>
559                            <div class="text-sm font-semibold">张先生</div>
560                            <div class="text-xs text-gray-500">资深影迷 · 3年用户</div>
561                        </div>
562                    </div>
563                </div>
564                <div class="testimonial-card glass-card rounded-2xl p-6 md:p-8 space-y-5">
565                    <div class="star-rating flex gap-1">
566                        <i class="fas fa-star"></i>
567                        <i class="fas fa-star"></i>
568                        <i class="fas fa-star"></i>
569                        <i class="fas fa-star"></i>
570                        <i class="fas fa-star"></i>
571                    </div>
572                    <p class="text-gray-300 text-sm leading-relaxed">作为一个日韩视频爱好者,影视大全的片库真的惊艳到我!高分影视作品特别多,精品在线推荐非常精准。全部免费就能看高清完整版,简直是追剧神器!</p>
573                    <div class="flex items-center gap-3 pt-2">
574                        <div class="w-10 h-10 rounded-full bg-gradient-to-br from-purple-500 to-pink-500 flex items-center justify-center text-white font-bold text-sm">李</div>
575                        <div>
576                            <div class="text-sm font-semibold">李女士</div>
577                            <div class="text-xs text-gray-500">剧迷 · 2年用户</div>
578                        </div>
579                    </div>
580                </div>
581                <div class="testimonial-card glass-card rounded-2xl p-6 md:p-8 space-y-5">
582                    <div class="star-rating flex gap-1">
583                        <i class="fas fa-star"></i>
584                        <i class="fas fa-star"></i>
585                        <i class="fas fa-star"></i>
586                        <i class="fas fa-star"></i>
587                        <i class="fas fa-star-half-alt"></i>
588                    </div>
589                    <p class="text-gray-300 text-sm leading-relaxed">影视大全的观看平台体验非常棒,高清正版免费看,画质清晰不卡顿。国产视频和欧美视频分类细致,最新视频更新速度超快,是我手机上必备的影视App。</p>
590                    <div class="flex items-center gap-3 pt-2">
591                        <div class="w-10 h-10 rounded-full bg-gradient-to-br from-blue-500 to-cyan-500 flex items-center justify-center text-white font-bold text-sm">王</div>
592                        <div>
593                            <div class="text-sm font-semibold">王先生</div>
594                            <div class="text-xs text-gray-500">影视从业者 · 1年用户</div>
595                        </div>
596                    </div>
597                </div>
598            </div>
599        </div>
600    </section>
601
602    <!-- FAQ Section -->
603    <section class="py-16 md:py-24 px-4 md:px-8 bg-deep">
604        <div class="max-w-4xl mx-auto">
605            <div class="text-center space-y-4 mb-16">
606                <span class="inline-block px-4 py-1.5 rounded-full text-xs font-semibold bg-[rgba(245,166,35,0.1)] text-[#f5a623] border border-[rgba(245,166,35,0.15)]">
607                    <i class="fas fa-question-circle mr-2"></i>常见问题
608                </span>
609                <h2 class="text-3xl md:text-5xl font-bold">您想知道的都在这里</h2>
610                <p class="text-gray-400 max-w-2xl mx-auto text-lg">关于影视大全的常见疑问,我们为您一一解答</p>
611            </div>
612            <div class="glass rounded-3xl p-6 md:p-10 space-y-0">
613                <div class="faq-item active py-5 px-2">
614                    <div class="faq-question flex items-center justify-between text-left w-full">
615                        <span class="text-base md:text-lg font-semibold pr-4">影视大全真的是全部免费观看吗?</span>
616                        <i class="fas fa-plus faq-icon text-gray-500 text-sm flex-shrink-0"></i>
617                    </div>
618                    <div class="faq-answer mt-3">
619                        <p class="text-gray-400 text-sm leading-relaxed">是的!影视大全所有影视资源全部免费观看,包括国产热播、日韩视频、欧美大片等各类精彩内容。我们提供高清在线免费全集,无需任何付费即可享受免费完整版的高清画质,真正做到零门槛畅享影视盛宴。</p>
620                    </div>
621                </div>
622                <div class="faq-item py-5 px-2 border-t border-[rgba(255,255,255,0.06)]">
623                    <div class="faq-question flex items-center justify-between text-left w-full">
624                        <span class="text-base md:text-lg font-semibold pr-4">影视资源更新速度快吗?有哪些分类?</span>
625                        <i class="fas fa-plus faq-icon text-gray-500 text-sm flex-shrink-0"></i>
626                    </div>
627                    <div class="faq-answer mt-3">
628                        <p class="text-gray-400 text-sm leading-relaxed">影视大全每日更新最新视频,热门电影上线后24小时内即可观看。我们拥有200+精彩分类,涵盖国产视频、日韩视频、欧美视频、高分影视作品、精品在线等,还有精选专题推荐,满足不同用户的观影需求。</p>
629                    </div>
630                </div>
631                <div class="faq-item py-5 px-2 border-t border-[rgba(255,255,255,0.06)]">
632                    <div class="faq-question flex items-center justify-between text-left w-full">
633                        <span class="text-base md:text-lg font-semibold pr-4">支持哪些设备观看?画质如何?</span>
634                        <i class="fas fa-plus faq-icon text-gray-500 text-sm flex-shrink-0"></i>
635                    </div>
636                    <div class="faq-answer mt-3">
637                        <p class="text-gray-400 text-sm leading-relaxed">影视大全支持手机、电脑、平板等多设备同步观看,观影记录云端保存。提供高清在线画质,最高支持4K超清,配备中文字幕。无论您使用什么设备,都能获得流畅清晰的观看平台体验。</p>
638                    </div>
639                </div>
640                <div class="faq-item py-5 px-2 border-t border-[rgba(255,255,255,0.06)]">
641                    <div class="faq-question flex items-center justify-between text-left w-full">
642                        <span class="text-base md:text-lg font-semibold pr-4">如何获得精选推荐和个性化内容?</span>
643                        <i class="fas fa-plus faq-icon text-gray-500 text-sm flex-shrink-0"></i>
644                    </div>
645                    <div class="faq-answer mt-3">
646                        <p class="text-gray-400 text-sm leading-relaxed">影视大全拥有专业编辑团队,每日精选高分影视作品进行精品在线推荐。同时,系统会根据您的观看记录智能推荐相关内容。您还可以关注"精选"板块,获取国产热播、日韩视频、欧美视频等最新精彩视频推送。</p>
647                    </div>
648                </div>
649                <div class="faq-item py-5 px-2 border-t border-[rgba(255,255,255,0.06)]">
650                    <div class="faq-question flex items-center justify-between text-left w-full">
651                        <span class="text-base md:text-lg font-semibold pr-4">如何下载影视大全App?安全吗?</span>
652                        <i class="fas fa-plus faq-icon text-gray-500 text-sm flex-shrink-0"></i>
653                    </div>
654                    <div class="faq-answer mt-3">
655                        <p class="text-gray-400 text-sm leading-relaxed">您可以通过点击页面右上角的"下载"按钮,或访问官方网站下载影视大全App。我们保证应用安全无毒,不含任何恶意插件。安装后即可畅享高清正版免费看的影视资源,随时随地观看平台精彩内容。</p>
656                    </div>
657                </div>
658            </div>
659        </div>
660    </section>
661
662    <!-- CTA Section -->
663    <section class="py-20 md:py-28 px-4 md:px-8 bg-cta relative overflow-hidden">
664        <div class="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_rgba(245,166,35,0.06)_0%,_transparent_70%)]"></div>
665        <div class="max-w-4xl mx-auto text-center relative z-10 space-y-8">
666            <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full text-xs font-semibold bg-[rgba(245,166,35,0.1)] text-[#f5a623] border border-[rgba(245,166,35,0.15)]">
667                <i class="fas fa-rocket"></i>
668                <span>立即开启你的影视之旅</span>
669            </div>
670            <h2 class="text-3xl md:text-6xl font-bold leading-tight">准备好享受极致观影了吗?</h2>
671            <p class="text-gray-400 text-lg md:text-xl max-w-2xl mx-auto leading-relaxed">加入500万+用户的行列,免费观看海量高清正版影视资源。国产热播、日韩视频、欧美大片、高分影视作品,全部免费全集,精彩即刻开始。</p>
672            <div class="flex flex-col sm:flex-row gap-4 justify-center pt-4">
673                <button class="btn-primary text-base !px-10 !py-4">
674                    <i class="fas fa-download"></i> 免费下载体验
675                </button>
676                <button class="btn-secondary text-base !px-10 !py-4">
677                    <i class="fas fa-globe"></i> 网页版立即观看
678                </button>
679            </div>
680            <div class="flex flex-wrap justify-center gap-6 text-sm text-gray-500 pt-4">
681                <span class="flex items-center gap-2"><i class="fas fa-shield-alt text-[#f5a623]"></i> 安全无毒</span>
682                <span class="flex items-center gap-2"><i class="fas fa-bolt text-[#f5a623]"></i> 极速播放</span>
683                <span class="flex items-center gap-2"><i class="fas fa-infinity text-[#f5a623]"></i> 无限畅享</span>
684            </div>
685        </div>
686    </section>
687
688    <!-- Footer -->
689    <footer class="bg-[#070a14] border-t border-[rgba(255,255,255,0.04)] px-4 md:px-8 py-12 md:py-16">
690        <div class="max-w-7xl mx-auto">
691            <div class="grid sm:grid-cols-2 md:grid-cols-4 gap-10 md:gap-8">
692                <div class="space-y-4">
693                    <div class="flex items-center gap-3">
694                        <div class="w-9 h-9 rounded-lg bg-gradient-to-br from-[#f5a623] to-[#e07b1a] flex items-center justify-center text-white text-sm font-bold">
695                            <i class="fas fa-film"></i>
696                        </div>
697                        <span class="text-lg font-bold text-white">影视大全</span>
698                    </div>
699                    <p class="text-gray-500 text-sm leading-relaxed">高清正版免费看的影视观看平台,海量国产视频、日韩视频、欧美视频,精彩视频一网打尽。随时随地,畅享视听盛宴。</p>
700                    <div class="flex gap-3 text-gray-500">
701                        <a href="#" class="hover:text-[#f5a623] transition-colors"><i class="fab fa-weixin text-lg"></i></a>
702                        <a href="#" class="hover:text-[#f5a623] transition-colors"><i class="fab fa-weibo text-lg"></i></a>
703                        <a href="#" class="hover:text-[#f5a623] transition-colors"><i class="fab fa-qq text-lg"></i></a>
704                        <a href="#" class="hover:text-[#f5a623] transition-colors"><i class="fab fa-tiktok text-lg"></i></a>
705                    </div>
706                </div>
707                <div class="space-y-4">
708                    <h4 class="text-sm font-semibold text-white uppercase tracking-wider">热门分类</h4>
709                    <div class="flex flex-col gap-2.5">
710                        <a href="#" class="footer-link">国产热播剧集</a>
711                        <a href="#" class="footer-link">日韩视频精选</a>
712                        <a href="#" class="footer-link">欧美大片专区</a>
713                        <a href="#" class="footer-link">高分影视作品</a>
714                        <a href="#" class="footer-link">最新视频上线</a>
715                    </div>
716                </div>
717                <div class="space-y-4">
718                    <h4 class="text-sm font-semibold text-white uppercase tracking-wider">
718关于我们</h4>
719                    <div class="flex flex-col gap-2.5">
720                        <a href="#" class="footer-link">平台介绍</a>
721                        <a href="#" class="footer-link">用户协议</a>
722                        <a href="#" class="footer-link">隐私政策</a>
723                        <a href="#" class="footer-link">意见反馈</a>
724                        <a href="#" class="footer-link">帮助中心</a>
725                    </div>
726                </div>
727                <div class="space-y-4">
728                    <h4 class="text-sm font-semibold text-white uppercase tracking-wider">联系我们</h4>
729                    <div class="flex flex-col gap-2.5">
730                        <a href="#" class="footer-link"><i class="fas fa-envelope mr-2 text-[#f5a623]"></i> [email protected]</a>
731                        <a href="#" class="footer-link"><i class="fas fa-phone-alt mr-2 text-[#f5a623]"></i> 400-888-影视</a>
732                        <a href="#" class="footer-link"><i class="fas fa-map-marker-alt mr-2 text-[#f5a623]"></i> 北京市朝阳区影视大厦</a>
733                        <div class="pt-2 text-xs text-gray-600">客服时间:9:00 - 23:00</div>
734                    </div>
735                </div>
736            </div>
737            <div class="mt-12 pt-8 border-t border-[rgba(255,255,255,0.04)] flex flex-col md:flex-row items-center justify-between gap-4 text-sm text-gray-600">
738                <span>&copy; 2025 影视大全 · 在线观看影视网站大全 版权所有 | 高清正版免费看,尽在影视大全</span>
739                <div class="flex gap-6">
740                    <a href="#" class="text-gray-600 hover:text-[#f5a623] transition-colors">隐私政策</a>
741                    <a href="#" class="text-gray-600 hover:text-[#f5a623] transition-colors">服务条款</a>
742                    <a href="#" class="text-gray-600 hover:text-[#f5a623] transition-colors">版权声明</a>
743                </div>
744            </div>
745        </div>
746    </footer>
747
748    
748<script>
749        (function() {
750            var items = document.querySelectorAll('.faq-item');
751            items.forEach(function(item) {
752                var question = item.querySelector('.faq-question');
753                question.addEventListener('click', function() {
754                    var isActive = item.classList.contains('active');
755                    items.forEach(function(el) { el.classList.remove('active'); });
756                    if (!isActive) { item.classList.add('active'); }
757                });
758            });
759            var observer = new IntersectionObserver(function(entries) {
760                entries.forEach(function(entry) {
761                    if (entry.isIntersecting) {
762                        entry.target.style.opacity = '1';
763                        entry.target.style.transform = 'translateY(0)';
764                    }
765                });
766            }, { threshold: 0.1 });
767            document.querySelectorAll('.glass-card, .testimonial-card, .stats-number').forEach(function(el) {
768                if (el.closest('.stats-number')) return;
769                el.style.opacity = '0';
770                el.style.transform = 'translateY(30px)';
771                el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
772                observer.observe(el);
773            });
774            document.querySelectorAll('.stats-number').forEach(function(el, i) {
775                var parent = el.closest('.grid');
776                if (parent) {
777                    var cards = parent.querySelectorAll('.space-y-2');
778                    cards.forEach(function(card) {
779                        card.style.opacity = '0';
780                        card.style.transform = 'translateY(20px)';
781                        card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
782                        observer.observe(card);
783                    });
784                }
785            });
786            setTimeout(function() {
787                document.querySelectorAll('.glass-card, .testimonial-card').forEach(function(el) {
788                    el.style.opacity = '1';
789                    el.style.transform = 'translateY(0)';
790                });
791            }, 300);
792        })();
793    </script>
793
794</body>
795</html>
796```
797<!-- SEO Debug Info: 
798Domain: 7hero.com.cn
799Page ID: 2145
800Keywords Picked: 
801Title Template Used: 亚洲青青久久影视在线观看_亚洲精品蓝光电影电视剧免费播放
802Final Title: 亚洲青青久久影视在线观看_亚洲精品蓝光电影电视剧免费播放
803-->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.