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ủ

Poster เรื่องรัก หลากรส

Dàn diễn viên

เรื่องรัก หลากรส

Khởi chiếu 31/03/2023 Kết thúc 11/05/2024 2 mùa · 16 tập 8 diễn viên

Thông tin nội dung đang được cập nhật.

Quay lại trang series Khám phá dàn diễn viên

Bộ lọc

Tìm diễn viên theo tên, vai diễn hoặc bộ phận

8 kết quả · 2 bộ phận

Tìm kiếm

Bộ phận

สุทธิรักษ์ ทรัพย์วิจิตร

สุทธิรักษ์ ทรัพย์วิจิตร

Khram

Bộ phận: Diễn viên
Điểm hoạt động: 1.0351

Xem hồ sơ nghệ sĩ

ภัชธร ธนวัฒน์

ภัชธร ธนวัฒน์

Taem

Bộ phận: Diễn viên
Điểm hoạt động: 0.2649

Xem hồ sơ nghệ sĩ

Narupornkamol Chaisang

Narupornkamol Chaisang

Run

Bộ phận: Diễn viên
Điểm hoạt động: 0.8182

Xem hồ sơ nghệ sĩ

ภีมพล พาณิชย์ธำรง

ภีมพล พาณิชย์ธำรง

Boem

Bộ phận: Diễn viên
Điểm hoạt động: 0.7083

Xem hồ sơ nghệ sĩ

Pintira Singhaseem

Pintira Singhaseem

Vai diễn đang cập nhật

Bộ phận: Diễn viên
Điểm hoạt động: 0.1071

Xem hồ sơ nghệ sĩ

Cake Nattavat Kaewbuasai

Cake Nattavat Kaewbuasai

Chon

Bộ phận: Diễn viên
Điểm hoạt động: 0.1681

Xem hồ sơ nghệ sĩ

Sun Rungsi Sarnkingthong

Sun Rungsi Sarnkingthong

Earth

Bộ phận: Hậu kỳ
Điểm hoạt động: 0.0338

Xem hồ sơ nghệ sĩ

Pradit Prasartthong

Pradit Prasartthong

To

Bộ phận: Diễn viên
Điểm hoạt động: 0.1385

Xem hồ sơ nghệ sĩ