html, body { height: 100%; overflow: hidden !important; } body { margin: 0; } .noscript-overlay { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; padding: clamp(2rem, 4vw, 3.5rem); font-family: "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--page-text, #e2e8f0); background: radial-gradient(circle at 20% -10%, rgba(56, 189, 248, 0.25), transparent 52%), radial-gradient(circle at 90% 10%, rgba(14, 165, 233, 0.22), transparent 55%), rgba(3, 7, 18, 0.98); } .noscript-overlay__card { position: relative; width: min(520px, 100%); padding: clamp(2rem, 4vw, 3rem); border-radius: 28px; background: linear-gradient(150deg, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.75)); border: 1px solid rgba(56, 189, 248, 0.18); box-shadow: 0 30px 70px rgba(8, 47, 73, 0.55); text-align: center; overflow: hidden; } .noscript-overlay__card::before { content: ""; position: absolute; inset: -35% 10% 65% -20%; background: radial-gradient(circle at 30% 50%, rgba(56, 189, 248, 0.36), transparent 68%); opacity: 0.85; pointer-events: none; } .noscript-overlay__icon { position: relative; margin: 0 auto clamp(1rem, 2.5vw, 1.5rem); width: clamp(72px, 15vw, 88px); height: clamp(72px, 15vw, 88px); border-radius: 24px; display: grid; place-items: center; background: linear-gradient(135deg, rgba(248, 113, 113, 0.16), rgba(239, 68, 68, 0.38)); border: 1px solid rgba(248, 113, 113, 0.35); color: #fda4af; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18); } .noscript-overlay__icon svg { width: clamp(38px, 9vw, 48px); height: clamp(38px, 9vw, 48px); } .noscript-overlay__title { position: relative; font-size: clamp(1.35rem, 4.5vw, 1.85rem); font-weight: 700; margin-bottom: clamp(0.75rem, 2vw, 1rem); color: #f8fafc; line-height: 1.25; } .noscript-overlay__description { position: relative; font-size: clamp(0.9rem, 2.5vw, 1rem); line-height: 1.7; margin-bottom: clamp(1rem, 3vw, 1.5rem); color: rgba(226, 232, 240, 0.78); } .noscript-overlay__tips { position: relative; padding: 0; margin: 0 0 clamp(1.25rem, 3vw, 1.75rem); list-style: none; display: grid; gap: clamp(0.6rem, 2vw, 0.75rem); color: rgba(148, 163, 184, 0.85); text-align: left; font-size: clamp(0.875rem, 2.2vw, 0.95rem); } .noscript-overlay__tips li { display: flex; gap: clamp(0.6rem, 2vw, 0.75rem); align-items: flex-start; } .noscript-overlay__tips li::before { content: ""; width: 0.7rem; height: 0.7rem; border-radius: 50%; margin-top: 0.35rem; background: linear-gradient(135deg, rgba(56, 189, 248, 0.9), rgba(14, 165, 233, 0.75)); flex-shrink: 0; } .noscript-overlay__actions { position: relative; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; } .noscript-overlay__btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: clamp(0.65rem, 2vw, 0.85rem) clamp(1.25rem, 4vw, 1.75rem); border-radius: 999px; font-weight: 600; font-size: clamp(0.875rem, 2.2vw, 0.95rem); text-decoration: none; transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease; border: 1px solid transparent; } .noscript-overlay__btn--primary { background: linear-gradient(135deg, #2563eb 0%, #22d3ee 100%); color: #f8fafc; box-shadow: 0 20px 40px rgba(14, 165, 233, 0.25); } .noscript-overlay__btn--primary:hover, .noscript-overlay__btn--primary:focus-visible { transform: translateY(-2px); box-shadow: 0 26px 50px rgba(14, 165, 233, 0.35); } .noscript-overlay__btn--ghost { border-color: rgba(148, 163, 184, 0.35); color: rgba(226, 232, 240, 0.85); background: rgba(15, 23, 42, 0.6); } .noscript-overlay__btn--ghost:hover, .noscript-overlay__btn--ghost:focus-visible { transform: translateY(-2px); background: rgba(148, 163, 184, 0.12); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.45); } .noscript-overlay__btn:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.3); } @media (max-width: 575.98px) { .noscript-overlay__card { padding: 1.75rem 1.5rem; } .noscript-overlay__tips { text-align: left; } .noscript-overlay__actions { flex-direction: column; gap: 0.65rem; } .noscript-overlay__btn { width: 100%; } }

MovieK cần JavaScript để hoạt động

Bạn đang xem phiên bản đã tắt JavaScript. Một số tính năng như đăng nhập, khám phá nội dung và trải nghiệm tương tác sẽ không sử dụng được.

Bật JavaScript trong phần Cài đặt hoặc Preferences của trình duyệt.
Làm mới trang sau khi bật để tiếp tục trải nghiệm đầy đủ trên MovieK.

Xem hướng dẫn bật JavaScript Quay lại trang chủ

Ảnh Stephen Ruffin

Diễn xuất

Stephen Ruffin

Diễn xuất Lĩnh vực

12 Tổng dự án

0.6572 Điểm hoạt động

Thomasville (2024) Dự án gần đây

Tiểu sử

Thông tin tiểu sử đang được cập nhật. Hãy quay lại sau.

Thông tin

Lĩnh vực

Diễn xuất
Tổng dự án

12
Điểm hoạt động

0.6572
Dự án gần đây

Thomasville (2024)

Dấu ấn nổi bật

Những dự án giúp khán giả biết tới Stephen Ruffin nhiều nhất.

Cập nhật theo dữ liệu TMDB

Poster Đội Cứu Hoả Chicago

Truyền hình · 2012

Đội Cứu Hoả Chicago

Poster Sleepy Hollow

Truyền hình · 2013

Sleepy Hollow

Poster The Resident

Truyền hình · 2018

The Resident

Poster Gái Ngoan

Truyền hình · 2018

Gái Ngoan

Agent Tom Peters

Poster Nhật Ký Cậu Bé Nhút Nhát: Kỳ Nghỉ Thảm Khốc

Phim điện ảnh · 2017

Nhật Ký Cậu Bé Nhút Nhát: Kỳ Nghỉ Thảm Khốc

Poster Beast Beast

Phim điện ảnh · 2021

Beast Beast

Poster Summer '03

Phim điện ảnh · 2018

Summer '03

Poster 15 Cameras

Phim điện ảnh · 2023

15 Cameras

Lịch sử sự nghiệp

Toàn bộ các dự án Stephen Ruffin đã tham gia.

Tất cả Phim TV Shows

2024

Thomasville

Phim điện ảnh · 2024

Thomasville

Thomas

2023

15 Cameras

Phim điện ảnh · 2023

15 Cameras

Carson

Kemba

Phim điện ảnh · 2023

Kemba

Jamal

Disco Inferno

Phim điện ảnh · 2023

Disco Inferno

Brandon

2021

Beast Beast

Phim điện ảnh · 2021

Beast Beast

Jarrett

2018

The Resident

Truyền hình · 2018 Phổ biến

The Resident

Hal Woods

Gái Ngoan

Truyền hình · 2018 Phổ biến

Gái Ngoan

Agent Tom Peters

Summer '03

Phim điện ảnh · 2018

Summer '03

March

Daphne & Velma

Phim điện ảnh · 2018

Daphne & Velma

Nathan

2017

Nhật Ký Cậu Bé Nhút Nhát: Kỳ Nghỉ Thảm Khốc

Phim điện ảnh · 2017

Nhật Ký Cậu Bé Nhút Nhát: Kỳ Nghỉ Thảm Khốc

Gamer

2013

Sleepy Hollow

Truyền hình · 2013 Phổ biến

Sleepy Hollow

Teen Dracula

2012

Đội Cứu Hoả Chicago

Truyền hình · 2012 Phổ biến

Đội Cứu Hoả Chicago

James

Không tìm thấy kết quả phù hợp với bộ lọc.