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 David Hartley

Diễn xuất

David Hartley

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

6 Tổng dự án

0.4438 Điểm hoạt động

A Thousand Blows (2025) Dự án gần đây

Tiểu sử

David Hartley is known for Men in Black: International (2019), Christopher Robin (2018) and Doctor Who (2005).

Thông tin

Lĩnh vực

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

6
Điểm hoạt động

0.4438
Dự án gần đây

A Thousand Blows (2025)

Dấu ấn nổi bật

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

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

Poster Bác Sĩ Vô Danh

Truyền hình · 2005

Bác Sĩ Vô Danh

UNIT Researcher

Poster A Thousand Blows

Truyền hình · 2025

A Thousand Blows

Poster Đặc Vụ Áo Đen: Sứ Mệnh Toàn Cầu

Phim điện ảnh · 2019

Đặc Vụ Áo Đen: Sứ Mệnh Toàn Cầu

MIB Forensics Agent

Poster Christopher Robin

Phim điện ảnh · 2018

Christopher Robin

Truyền hình · 2023

Better

Funeral Director

Poster It's a Strange World: The Filming of 'Blue Velvet'

Phim điện ảnh · 2019

It's a Strange World: The Filming of 'Blue Velvet'

Lịch sử sự nghiệp

Toàn bộ các dự án David Hartley đã tham gia.

Tất cả Phim TV Shows

2025

A Thousand Blows

Truyền hình · 2025

A Thousand Blows

Policeman

2023

Better

Truyền hình · 2023

Better

Funeral Director

2019

Đặc Vụ Áo Đen: Sứ Mệnh Toàn Cầu

Phim điện ảnh · 2019

Đặc Vụ Áo Đen: Sứ Mệnh Toàn Cầu

MIB Forensics Agent

It's a Strange World: The Filming of 'Blue Velvet'

Phim điện ảnh · 2019

It's a Strange World: The Filming of 'Blue Velvet'

Self

2018

Christopher Robin

Phim điện ảnh · 2018

Christopher Robin

Man on the Bus

2005

Bác Sĩ Vô Danh

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

Bác Sĩ Vô Danh

UNIT Researcher

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