* { margin: 0; padding: 0; box-sizing: border-box; } body { background: #0a0f1a; font-family: 'Space Grotesk', 'Inter', system-ui, sans-serif; color: #eef5ff; line-height: 1.45; } /* 独特：赛博数字矩阵 + 荧光蓝紫 + 科技几何 */ .cyber-9-bg { background: radial-gradient(circle at 20% 30%, #111a2b, #04070f); } .container { max-width: 100%; padding: 0 20px; } /* 导航 全息投影 */ .nav-holo { background: rgba(6, 12, 22, 0.8); backdrop-filter: blur(16px); border-bottom: 2px solid #00f0ff; position: sticky; top: 0; z-index: 130; } .nav-flex { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 14px 0; gap: 14px; } .logo-ninth h1 { font-size: 2rem; font-weight: 800; background: linear-gradient(125deg, #6efff0, #3d5afe); background-clip: text; -webkit-background-clip: text; color: transparent; letter-spacing: -0.5px; } .search-digital { background: #141f32cc; border-radius: 60px; padding: 6px 24px; display: inline-flex; align-items: center; gap: 12px; border: 1px solid #00f0ff; font-size: 0.85rem; } .avatar-neo img { width: 44px; height: 44px; border-radius: 100px; border: 2px solid #00e0ff; object-fit: cover; } .cat-neo { display: flex; gap: 38px; padding: 12px 0; flex-wrap: wrap; } .cat-neo a { color: #b8f2ff; text-decoration: none; font-weight: 600; } .cat-neo a:hover { color: #33f0ff; border-bottom: 2px solid #0afff0; } /* 轮播 数据弧线 */ .carousel-data { margin: 28px 0 34px; border-radius: 48px 16px 48px 16px; overflow: hidden; box-shadow: 0 0 0 1px #00f0ff66, 0 16px 28px -8px black; position: relative; } .carousel-strip { display: flex; transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1); } .caro-slide { min-width: 100%; } .caro-slide img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; } .caro-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: #010a1ccc; width: 44px; height: 44px; border-radius: 60px; border: 1px solid #0afff0; color: #0afff0; font-size: 1.8rem; cursor: pointer; } .caro-arrow.prev { left: 16px; } .caro-arrow.next { right: 16px; } .dot-neo { display: flex; justify-content: center; gap: 14px; margin: 16px 0 8px; } .dot-neo span { width: 10px; height: 10px; background: #2a4f6e; border-radius: 12px; transition: 0.2s; cursor: pointer; } .dot-neo span.active { width: 28px; background: #00f0ff; box-shadow: 0 0 6px #0afff0; } /* 快捷入口 芯片胶囊 */ .genre-chip { display: flex; flex-wrap: wrap; gap: 14px; margin: 28px 0; } .genre-chip span { background: #0f1a2daa; padding: 8px 28px; border-radius: 80px; font-weight: 700; font-size: 0.85rem; color: #bcf5ff; border: 0.5px solid #3d7eff; transition: 0.1s; } .genre-chip span:hover { background: #2d7eff; color: #04070f; transform: scale(0.96); cursor: default; } /* 卡片 赛博单元 */ .film-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; margin: 26px 0 36px; } .card-neo { background: #0f182daa; backdrop-filter: blur(8px); border-radius: 36px; overflow: hidden; transition: all 0.25s ease; border: 0.5px solid #3d7eff55; } .card-neo:hover { transform: translateY(-6px); border-color: #00f0ff; box-shadow: 0 0 20px rgba(0, 240, 255, 0.2); } .card-img { width: 100%; aspect-ratio: 2/3; object-fit: cover; } .card-info { padding: 14px 16px 18px; } .card-info h4 { font-size: 1rem; font-weight: 800; margin-bottom: 6px; } .rating { color: #ffd966; font-weight: bold; font-size: 0.8rem; } .state { font-size: 0.7rem; color: #acd5ff; margin-top: 6px; } /* 排行 代码条 */ .rank-code { background: #081222bb; border-radius: 44px; padding: 8px 0; margin: 30px 0; border-left: 6px solid #00e0ff; } .rank-row { display: flex; align-items: center; gap: 18px; padding: 12px 24px; border-bottom: 1px solid #1a2a44; } .rank-number { font-size: 2rem; font-weight: 800; width: 58px; color: #5efff0; } .classic-quad { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 26px; margin: 28px 0; } .upcoming-list { display: flex; flex-wrap: wrap; gap: 20px; margin: 20px 0 28px; } .pre-card { background: #0f1b30cc; border-radius: 32px; padding: 18px 12px; flex: 1; text-align: center; border-bottom: 3px solid #33e0ff; font-weight: 700; } .intro-neo { background: #081222aa; backdrop-filter: blur(6px); border-radius: 48px 20px 48px 20px; padding: 30px 26px; margin: 48px 0; font-size: 0.95rem; border: 0.5px solid #0afff0; } footer { background: #03060e; padding: 32px 0 24px; margin-top: 24px; border-top: 1px solid #00f0ff55; } .footer-links { display: flex; flex-wrap: wrap; gap: 36px; justify-content: center; margin-bottom: 20px; } .footer-links a { color: #9ac9ff; text-decoration: none; font-size: 0.75rem; } .copyright { text-align: center; font-size: 0.7rem; color: #6390cc; } .breadcrumb { display: flex; gap: 8px; font-size: 0.7rem; margin: 18px 0 8px; color: #67e5ff; } @media (min-width: 768px) { .container { max-width: 760px; margin: 0 auto; } .film-grid { grid-template-columns: repeat(3,1fr); } } @media (min-width: 1024px) { .container { max-width: 1140px; } .film-grid { grid-template-columns: repeat(4,1fr); } } button { background: none; border: none; cursor: pointer; }

第九影院

🔍 第九维搜索
用户头像
电影电视剧综艺动漫
🌀 第九影院 / 数字首页 / 热门推荐

🎛️ 第九维度 · 类型矩阵

动作喜剧悬疑爱情科幻古装冒险奇幻

🔥 第九热映 · 未来爆款

电视剧 第九空间 2026

第九空间

⭐ 9.3
更新至18集 · 科幻悬疑
电视剧 数据谋杀 2025

数据谋杀

⭐ 9.0
全24集 · 犯罪科技
电影 代码入侵 2025

代码入侵

⭐ 8.8
HD · 科幻动作
电影 虚拟情人 2024

虚拟情人

⭐ 8.5
HD · 爱情科幻
综艺 代码大乱斗 2026

代码大乱斗

⭐ 9.5
更新至EP9
动漫 数字少年 2025

数字少年

⭐ 9.2
周更 · 赛博冒险
电影 离线生活 2023

离线生活

⭐ 8.3
HD · 剧情科幻
漫改 虚拟觉醒 2025

虚拟觉醒

⭐ 8.8
更新至14集

📊 第九热度榜 · 数字狂飙

1
《矩阵重生》
🔥 热度 125.3W · 电视剧
2
《黑客纪元》
🔥 热度 111.9W · 电影
3
《数字挑战》
🔥 热度 99.4W · 综艺
4
《虚拟骑士》
🔥 热度 91.2W · 动漫
5
《代码谜案》
🔥 热度 84.7W · 悬疑剧

🏆 第九殿堂 · 神作不朽

电影 黑客帝国 美国 1999

黑客帝国(4K)

✨ 必看神作
美国 · 赛博经典
电影 攻壳机动队 日本 1995

攻壳机动队

🌸 高分必看
日本 · 科幻神作
电视剧 黑镜 英国 2011

黑镜(早期)

👑 神作认证
英剧 · 科技寓言
电影 美丽人生 意大利 1997

美丽人生

💎 高分行云
意大利 · 父爱经典

⏳ 即将上线 · 第九预告

🤖 人工智能叛乱
即将上线 · 科幻动作
🌌 深空9号
9月18日独播
⚡ 代码超能力
即将上线 · 热血动漫

第九影院 · 赛博光影

第九影院 是未来在线影视平台，海量资源免费观看，极致高清画质。我们坚持每日更新最新电影、剧集、综艺与动漫。全程无广告，沉浸数字宇宙。无论科幻史诗还是经典神作，第九影院应有尽有。作为前沿在线影视网站，我们承诺免费观看、高清画质、每日更新，且无任何广告干扰。来第九影院，进入光影第九艺术。