* { margin: 0; padding: 0; box-sizing: border-box; } body { background: #edf2f5; font-family: 'Nunito Sans', 'Inter', system-ui, -apple-system, sans-serif; color: #1e2f3a; line-height: 1.48; } /* 多米诺 · 几何块面 拼接活力 */ .domino-container { max-width: 1320px; margin: 0 auto; padding: 0 1.5rem; } .geometric-header { background: rgba(235, 245, 250, 0.94); backdrop-filter: blur(14px); border-bottom: 3px solid #3182ce; position: sticky; top: 0; z-index: 200; box-shadow: 0 4px 16px rgba(0,0,0,0.02); } .nav-domino { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.9rem 0; } .logo h1 { font-size: 2rem; font-weight: 800; background: linear-gradient(135deg, #3182ce, #5a9bd5); background-clip: text; -webkit-background-clip: text; color: transparent; } .nav-chain { display: flex; gap: 1.6rem; flex-wrap: wrap; } .nav-chain a { color: #2c5270; text-decoration: none; font-weight: 700; transition: 0.2s; } .nav-chain a:hover { color: #3182ce; transform: translateY(-1px); } .search-domino { display: flex; background: white; border-radius: 48px; padding: 0.3rem 1rem; border: 1px solid #cbdde9; } .search-domino input { background: transparent; border: none; outline: none; width: 140px; padding: 0.3rem; } .search-domino button { background: none; border: none; color: #3182ce; cursor: pointer; font-size: 1rem; } .avatar-domino { width: 46px; height: 46px; border-radius: 30% 70% 55% 45%; overflow: hidden; background: #cde3f0; } .avatar-domino img { width: 100%; height: 100%; object-fit: cover; } .bread-domino { margin: 0.6rem 0 0.3rem; background: #e4edf3; display: inline-block; padding: 0.2rem 1rem; border-radius: 30px; font-size: 0.7rem; color: #3b6e9e; } /* 轮播 几何块拼接 */ .carousel-tile { margin: 1.6rem 0 2rem; border-radius: 36px; overflow: hidden; box-shadow: 0 20px 30px -12px #bdd4e4; position: relative; aspect-ratio: 16 / 9; } .tile-track { display: flex; transition: transform 0.65s cubic-bezier(0.2, 0.9, 0.4, 1); height: 100%; } .tile-slide { flex: 0 0 100%; } .tile-slide img { width: 100%; height: 100%; object-fit: cover; } .carousel-domino-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(6px); border: none; color: #3182ce; font-size: 1.8rem; width: 44px; height: 44px; border-radius: 50px; cursor: pointer; transition: 0.2s; } .carousel-domino-btn:hover { background: #3182ce; color: white; } .btn-domino-left { left: 18px; } .btn-domino-right { right: 18px; } .dot-domino { position: absolute; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; gap: 12px; } .dot-rect { width: 10px; height: 10px; background: #b9d4e8; border-radius: 20px; cursor: pointer; transition: 0.2s; } .dot-rect.active { width: 28px; background: #3182ce; box-shadow: 0 0 5px #5f9dc9; } /* 标题 模块化 */ .domino-title { font-size: 1.9rem; font-weight: 700; margin: 2rem 0 1rem; display: inline-flex; align-items: center; gap: 8px; } .domino-title:before { content: "🔲"; font-size: 1.6rem; } /* 标签 色块 */ .genre-modular { display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 0.8rem 0 1.8rem; } .tag-domino { background: #f4f9fe; border-radius: 60px; padding: 0.45rem 1.3rem; font-weight: 700; border: 1px solid #cbe0ed; transition: 0.2s; } .tag-domino:hover { background: #cbe0ed; transform: scale(0.96); cursor: default; } /* 卡片 轻质硬边 */ .card-domino-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1.6rem; margin: 1.5rem 0; } .film-domino { background: #ffffffdd; backdrop-filter: blur(2px); border-radius: 28px; overflow: hidden; transition: all 0.3s ease; border: 1px solid #d6e5f0; box-shadow: 0 6px 14px rgba(0,0,0,0.02); } .film-domino:hover { transform: translateY(-6px); border-color: #3182ce; box-shadow: 0 20px 28px -12px #86b9dc; } .card-domino-img { aspect-ratio: 2/3; width: 100%; object-fit: cover; } .card-domino-info { padding: 0.75rem; } .card-domino-info h3 { font-size: 1rem; font-weight: 800; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rating-domino { color: #f4a261; font-weight: bold; margin: 0.2rem 0; } .status-domino { font-size: 0.7rem; color: #5f7e9c; } /* 排名 阶梯 */ .rank-domino { background: #f7fbfe; border-radius: 32px; padding: 1rem; margin: 1rem 0; border: 1px solid #d6e5f0; } .rank-domino-item { display: flex; align-items: center; gap: 1rem; padding: 0.7rem 0; border-bottom: 1px solid #e5eff5; } .rank-domino-num { font-size: 1.6rem; font-weight: 800; width: 52px; color: #3182ce; } /* 经典四格 */ .classic-domino { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1.6rem; } .upcoming-domino { background: #ffffff; border-radius: 28px; border-left: 5px solid #3182ce; } footer { background: #1f2d39; margin-top: 2.8rem; padding: 1.8rem 0; color: #d7e7f2; } .footer-domino-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 2rem; margin-bottom: 1rem; } .footer-domino-links a { color: #c7e0ef; text-decoration: none; } @media (min-width: 768px) { .card-domino-grid { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } .search-domino input { width: 170px; } } @media (min-width: 1024px) { .card-domino-grid { grid-template-columns: repeat(4, 1fr); } } a, .film-domino, .tag-domino, .carousel-domino-btn, .dot-rect { cursor: pointer; }
电影 电视剧 综艺 动漫
多米头像
▦ 多米影视 · 首页 > 连锁推荐 > 免费在线影视
🎯 动作
🧩 悬疑
⚙️ 科幻
💙 爱情
🏮 古装
🥁 喜剧
🧠 烧脑
🔗 犯罪

🔥 正在热播 · 连锁精彩

多米诺迷局,电视剧,2025

多米诺迷局

⭐ 9.2
更新至20集
因果链,电视剧,2026

因果链

⭐ 9.4
全24集
连锁崩塌,电影,2026

连锁崩塌

⭐ 8.9
HD高清
推倒第一块,电影,2025

推倒第一块

⭐ 8.6
4K画质
惊天挑战,综艺,2026

惊天挑战

⭐ 9.3
更新至第7期
骨牌小队,动漫,2025

骨牌小队

⭐ 9.7
周更中
蝴蝶风暴,电影,2024

蝴蝶风暴

⭐ 8.1
HD
多米诺公寓,电视剧,2023

多米诺公寓

⭐ 8.4
全30集

📊 多米热度榜 · 连锁反应

#1

连锁谋杀

🔥 热度 267.3w
#2

多米诺大厦

🔥 热度 245.8w
#3

推演人生

🔥 热度 228.1w
#4

因果重置

🔥 热度 209.6w
#5

骨牌密码

🔥 热度 190.4w

🏆 多米典藏 · 神作必看

蝴蝶效应,美国,2017

蝴蝶效应

神作 · 9.6
美国 2017
盗梦空间,美国,2016

盗梦空间

必看 · 9.4
美国 2016
看不见的客人,西班牙,2015

看不见的客人

高分 · 9.2
西班牙 2015
无间道,中国香港,2014

无间道

经典 · 9.0
中国香港 2014

⏳ 即将上线 · 倒牌效应

连锁记忆,电影

连锁记忆

✨ 即将上线 · 07.20
多米诺法则,电视剧

多米诺法则

🚀 即将上线 · 6.30首播
骨牌战士,动漫

骨牌战士

⭐ 即将上线 · 敬请期待

关于多米影视

多米影视 是一家创新在线影视 平台，所有资源免费观看 且保持高清画质，我们坚持每日更新 最新电影、热播剧、综艺与动漫，全程无广告 带来多米诺般流畅体验。多米影视 让在线影视 充满连锁惊喜，免费观看 轻松无压，高清画质 细腻真实，每日更新 不断反转，无广告 沉浸解谜。来多米影视，让每一部电影推倒你的感官。