:root { --um-bg-main: #0a0a1a; --um-bg-sec: #12122a; --um-bg-card: #1a1a35; --um-primary: #00d4ff; --um-primary-hover: #00a8cc; --um-accent: #00d4ff; --um-text: #e8e8ff; --um-text-muted: #8888aa; --um-border: #2a2a50; --um-radius: 6px; } * { box-sizing: border-box; } body { background: var(--um-bg-main); color: var(--um-text); font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; margin: 0; overflow-x: hidden; } a { text-decoration: none; color: inherit; transition: all 0.2s ease; } .um-container { max-width: 1480px; width: 100%; margin: 0 auto; padding: 0 20px; } .um-not-found, .um-empty-state { text-align: center; color: var(--um-text); padding: 40px 20px; background: var(--um-bg-sec); border-radius: var(--um-radius); margin: 20px 0; } .screen-reader-text { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .um-header { background: var(--um-bg-sec); border-bottom: 1px solid var(--um-border); padding: 14px 20px; position: relative; z-index: 999; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); } .um-header-inner { max-width: 1600px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; position: relative; } .um-brand { flex: 0 0 auto; } .um-brand img { height: auto; max-height: 48px; } .um-brand-title { color: #fff; font-size: 24px; font-weight: 800; letter-spacing: 0.5px; background: linear-gradient(90deg, #fff, #fb7185); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .um-search-box { flex: 1; text-align: right; margin-right: 40px; } .um-search-box form { display: flex; justify-content: flex-end; align-items: center; } .um-search-box input[type="text"] { padding: 9px 16px; background: var(--um-bg-main); color: var(--um-text); border: 1px solid var(--um-border); border-radius: 99px 0 0 99px; width: 240px; font-size: 15px; outline: none; } .um-search-box input[type="text"]:focus { border-color: var(--um-primary); } .um-search-box button { padding: 9px 18px; background: var(--um-primary); color: #fff; border: 1px solid var(--um-primary); font-size: 15px; font-weight: 600; border-radius: 0 99px 99px 0; cursor: pointer; transition: background 0.2s; } .um-search-box button:hover { background: var(--um-primary-hover); } .um-navbar { max-width: 1600px; margin: 14px auto 0; display: block; } .um-nav-list { list-style: none; display: flex; gap: 8px; padding: 0; margin: 0; flex-wrap: wrap; } .um-nav-list li { position: relative; } .um-nav-list li a { color: var(--um-text); padding: 8px 16px; display: block; background: var(--um-bg-card); border: 1px solid var(--um-border); border-radius: 99px; font-size: 14px; font-weight: 600; } .um-nav-list li a:hover, .um-nav-list li.current-menu-item > a { background: var(--um-primary); border-color: var(--um-primary); color: #fff; transform: translateY(-1px); } .um-nav-list li ul { display: none; position: absolute; top: 100%; left: 0; background: var(--um-bg-sec); border: 1px solid var(--um-border); border-radius: var(--um-radius); padding: 8px; margin-top: 6px; list-style: none; z-index: 1000; min-width: 180px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .um-nav-list li ul::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px; background: transparent; } .um-nav-list li ul li { margin-bottom: 6px; } .um-nav-list li ul li:last-child { margin-bottom: 0; } .um-nav-list li ul li a { padding: 9px 14px; background: var(--um-bg-card); border: 1px solid var(--um-border); border-radius: 6px; white-space: nowrap; } .um-nav-list li ul li a:hover { background: var(--um-primary); border-color: var(--um-primary); transform: none; } @media (min-width: 640px) { .um-nav-list li:hover > ul { display: block; } } .um-nav-list li.open > ul { display: block; } .um-nav-list li.menu-item-has-children > a::after { content: " ▾"; font-size: 13px; margin-left: 4px; } .um-nav-list li.menu-item-has-children.open > a::after { content: " ▴"; } .um-menu-toggle { display: none; flex-direction: column; background: transparent; padding: 4px; border: 0; gap: 5px; position: absolute; top: 18px; right: 18px; cursor: pointer; z-index: 100; } .um-menu-toggle span { width: 25px; height: 3px; background: var(--um-text); border-radius: 3px; display: block; transition: 0.3s; } .um-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .um-menu-toggle.active span:nth-child(2) { opacity: 0; } .um-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(6px, -6px); } .um-intro-box { margin: 15px 0; background: var(--um-bg-sec); border: 1px solid var(--um-border); border-radius: var(--um-radius); padding: 15px; } .um-intro-box h1, .um-container h1.um-title { font-size: 19px; line-height: 1.4; margin: 12px 0 15px; color: #fff; background: linear-gradient(90deg, var(--um-primary), #9f1239); text-align: center; padding: 10px 15px; border-radius: var(--um-radius); box-shadow: 0 4px 12px rgba(225, 29, 72, 0.25); } .um-intro-box p, .um-intro-body p { margin: 0 0 10px; line-height: 1.6; color: var(--um-text-muted); } .um-intro-box a, .um-intro-body a { color: #38bdf8; } .um-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 10px; } @media screen and (min-width: 640px) { .um-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } } @media screen and (min-width: 1024px) { .um-grid { grid-template-columns: repeat(6, 1fr); gap: 16px; } } .um-card { background: var(--um-bg-card); border: 1px solid var(--um-border); border-radius: var(--um-radius); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; margin: 0; display: flex; flex-direction: column; } .um-card:hover { transform: translateY(-4px); border-color: var(--um-primary); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5); } .um-card img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 9; display: block; background: #000; } .um-card .um-title { display: block; overflow: hidden; line-height: 1.5; height: 3em; margin: 8px 10px 10px; padding: 0; font-size: 14px; font-weight: 500; color: var(--um-text); text-align: left; text-overflow: clip; } .um-card:hover .um-title { color: #fb7185; } .um-pagination { text-align: center; margin: 15px 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } .um-pagination .page-numbers { display: inline-block; padding: 8px 14px; background-color: var(--um-bg-card); border: 1px solid var(--um-border); color: var(--um-text); border-radius: 8px; font-size: 15px; font-weight: 600; transition: 0.2s; } .um-pagination .page-numbers:hover, .um-pagination .page-numbers.current { background-color: var(--um-primary); border-color: var(--um-primary); color: #fff; } .um-pagination .page-numbers.dots { background: transparent; border: none; color: var(--um-text-muted); } .um-single-wrap { padding: 0px; background-color: var(--um-bg-main); } .um-player-stage { position: relative; width: 100%; padding-top: 56.25%; overflow: hidden; background: #000; border-radius: var(--um-radius); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6); border: 1px solid var(--um-border); } .um-player-stage iframe, .um-player-stage video, .um-player-stage embed, .um-player-stage object { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .um-details { background: var(--um-bg-sec); border: 1px solid var(--um-border); border-radius: var(--um-radius); padding: 20px; margin-top: 15px; } .um-body { font-size: 16px; line-height: 1.7; } .um-meta-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin: 0 0 16px; padding: 10px 16px; background: var(--um-bg-card); border-radius: 8px; color: var(--um-accent); font-size: 17px; font-weight: 700; } .um-duration, .um-views { color: var(--um-accent); } .um-poster-box { text-align: center; margin: 15px 0; } .um-poster-box img { max-width: 100%; height: auto; border-radius: var(--um-radius); border: 1px solid var(--um-border); } .um-synopsis { background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%); border: 1px solid #333; border-top: 3px solid #00d4ff; padding: 20px 24px; margin: 20px 0; color: #e5e5e5; border-radius: 12px; font-weight: 400; line-height: 1.8; box-shadow: inset 0 1px 0 rgba(255,255,255,0.05); } .um-tax-links { display: flex; flex-wrap: wrap; gap: 8px 6px; margin-top: 15px; align-items: center; } .um-tax-links span.um-star, .um-tax-links span.um-cat, .um-tax-links span.um-studio { display: contents; } .um-tax-links a { display: inline-block; font-size: 13px; line-height: 1.4; color: #fff; background-color: #1e3a8a; border-radius: 20px; padding: 6px 14px; font-weight: 600; padding: 5px 12px; border-radius: 99px; font-weight: 600; } .um-tax-links a:hover { opacity: 0.85; transform: translateY(-1px); } .um-related-sec { max-width: 1480px; margin: 24px auto 0; padding: 0 20px; } .um-sec-heading { background: var(--um-bg-sec); border-left: 5px solid var(--um-primary); color: #fff; text-align: left; font-size: 19px; margin-bottom: 15px; padding: 10px 16px; border-radius: 0 8px 8px 0; } .um-more-wrap { text-align: center; margin: 25px 0 35px; } .um-btn-more { display: inline-block; background: var(--um-primary); color: #fff; padding: 12px 32px; border-radius: 99px; font-weight: 700; font-size: 16px; box-shadow: 0 4px 15px rgba(225, 29, 72, 0.35); } .um-btn-more:hover { background: var(--um-primary-hover); transform: translateY(-2px); } .um-tag-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; padding: 10px 0; } span.um-tag-item a { font-size: 14px; background: var(--um-bg-card); border: 1px solid var(--um-border); color: var(--um-text); padding: 6px 12px; border-radius: 99px; font-weight: 600; display: inline-block; } span.um-tag-item a:hover { background: var(--um-primary); border-color: var(--um-primary); } .um-count-badge { width: 100%; font-size: 18px; font-weight: 700; background: var(--um-bg-sec); border: 1px solid var(--um-primary); text-align: center; padding: 8px; border-radius: var(--um-radius); color: #fff; margin-bottom: 12px; } .um-actor-card { background: var(--um-bg-card); border: 1px solid var(--um-border); padding: 8px; border-radius: var(--um-radius); text-align: center; } .um-share-wrap { text-align: center; margin: 12px 0; } .um-share-wrap a, .um-share-wrap button { margin: 0 5px; vertical-align: middle; } .um-share-wrap img { transition: transform .2s; } .um-share-wrap img:hover { transform: scale(1.1); } .um-share-btn.copy-link { background: none; border: none; padding: 0; cursor: pointer; } @media (max-width: 639px) { .um-header-inner { flex-direction: column; align-items: flex-start; } .um-brand, .um-search-box { width: 100%; text-align: center; margin-right: 0; } .um-search-box form { justify-content: center; } .um-search-box input[type="text"] { width: 100%; } .um-menu-toggle { display: flex; } .um-navbar { display: none; width: 100%; } .um-navbar.active { display: block !important; margin-top: 12px; } .um-nav-list { flex-direction: column; gap: 8px; } .um-nav-list li a { border-radius: 8px; } } #ads-header, #ads-footer, #ads-single { text-align: center; margin: 10px 0; } img.ads728x130 { max-width: 100%; height: auto; width: 48%; } img.ads728 { max-width: 48%; height: auto; } img.ads140s { width: 140px; height: 250px; } img.ads300s { width: 300px; height: 100px; } #slider-r, #slider-l { position: fixed; top: 160px; width: 140px; text-align: center; line-height: 0; z-index: 900; } #slider-r { right: 3px; } #slider-l { left: 3px; } #slider-f { width: 300px; right: 30px; left: 0; bottom: 5px; margin: 0 auto; position: fixed; text-align: center; line-height: 0; z-index: 900; } .xcc { width: 30px; height: 100px; position: absolute; left: 100%; top: 0px; } img.close { height: auto; } .um-iframe-box { position: relative; width: 100%; background: #000; } .um-iframe-box iframe { width: 100%; height: 100%; } .um-player-stage .um-ad-overlay { position: absolute; inset: 0; z-index: 10; background: rgba(0,0,0,.65); text-align: center; align-items: center; justify-content: center; display: flex; } .um-ad-inner { position: relative; max-width: 95%; top: -20px; } .um-ad-inner img { max-width: 400px; height: 150px; } .um-ad-dismiss { position: absolute; top: 0px; left: 100%; width: 25px; height: 25px; border-radius: 50%; background: #e53935; color: #fff; font-size: 18px; cursor: pointer; font-weight: bold; justify-content: center; align-items: center; display: flex; border: 2px solid white; } @media (min-width: 768px) and (max-width: 959px) { img.ads140s { width: 120px; max-height: 200px; } #slider-r, #slider-l { width: 120px; top: 130px; } } @media (min-width: 640px) and (max-width: 767px) { img.ads140s { width: 100px; max-height: 200px; } #slider-r, #slider-l { width: 100px; top: 120px; } } @media (min-width: 319px) and (max-width: 639px) { img.ads728 { max-width: 95%; } img.ads728x130 { max-width: 98%; } img.ads140s { width: 90px; max-height: 150px; } #slider-r, #slider-l { width: 90px; top: 95px; } img.ads300s { width: 250px; max-height: 80px; } #slider-f { width: 250px; } .xcc { width: 25px; height: 80px; } .um-ad-inner img { max-width: 75%; height: auto; } .um-ad-dismiss { left: 88%; } } @media (max-width: 318px) { img.ads728, img.ads728x130, img.ads140s, img.ads300s, #slider-r, #slider-l, #slider-f, #videoAd, .xcc { display: none; } } body { background: #0a0a1a; color: #ffffff; } .um-container { background: transparent; } .um-card { background: #1a1a35; border: 1px solid #333; } .um-card:hover { border-color: #00d4ff; box-shadow: 0 8px 20px rgba(229,9,20,0.25); } .um-title { color: #ffffff; font-weight: 600; } .um-sec-heading { background: #00d4ff; color: #ffffff; font-weight: 700; } .um-btn, .btn-more { background: #00d4ff; color: #ffffff; font-weight: 700; } .um-btn:hover, .btn-more:hover { background: #00a8cc; } .um-pagination .page-numbers { background: #1a1a35; color: #ffffff; border: 1px solid #333; } .um-pagination .page-numbers.current, .um-pagination .page-numbers:hover { background: #00d4ff; border-color: #00d4ff; color: #ffffff; } .um-tag-item a, .um-star a, .um-studio a { background: #1f1f1f; color: #ffffff; border: 1px solid #00d4ff; font-weight: 600; } .um-tag-item a:hover, .um-star a:hover { background: #00d4ff; color: #ffffff; } .um-card img, .um-thumb img { aspect-ratio: 16/9; object-fit: cover; transition: transform 0.4s ease; } .um-card:hover img { transform: scale(1.08); } .um-sec-heading, .top-title { font-size: 1.4rem; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; background: transparent; color: #ffffff; border-left: 5px solid #00d4ff; padding: 8px 0 8px 16px; margin: 28px 0 16px; border-radius: 0; } .um-pagination { gap: 10px; margin: 32px 0; } .um-pagination .page-numbers { min-width: 42px; padding: 10px 14px; border-radius: 8px; font-weight: 600; } h1.um-title, .um-page h1 { font-size: 1.6rem; font-weight: 700; background: transparent; border: none; border-left: 5px solid #00d4ff; padding: 12px 0 12px 18px; border-radius: 0; box-shadow: none; } .um-badge, .badge { font-size: 0.75rem; padding: 4px 10px; border-radius: 4px; font-weight: 700; letter-spacing: 0.3px; } .um-single-wrap, .um-page { background: #0a0a0a; padding: 20px 0 40px; } .um-single-wrap .um-player, .um-page .um-player { border-radius: 0; box-shadow: none; margin-bottom: 0; border: none; } .um-single-wrap .um-show, .um-page .um-show { background: transparent; border: none; padding: 20px 0; box-shadow: none; } .um-single-wrap .um-badges, .um-page .um-badges { justify-content: flex-start; margin: 16px 0; } .um-single-wrap .badge, .um-page .badge { background: #00d4ff; color: #fff; border-radius: 4px; font-size: 0.8rem; padding: 6px 12px; } .um-single-wrap .um-poster, .um-page .um-poster { max-width: 280px; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.6); margin: 16px 0; } .um-single-wrap .um-content, .um-page .um-content { background: #0d0d0d; border-radius: 12px; padding: 24px; margin-top: 24px; border: 1px solid #2a2a2a; border-top: 3px solid #00d4ff; color: #d4d4d4; line-height: 1.8; box-shadow: 0 4px 20px rgba(0,0,0,0.5); } span.um-tag a { background: #7c3aed; } .um-tax-links a { border-radius: 20px; padding: 6px 14px; font-weight: 600; border: none; } .um-tax-links a:hover { opacity: 1; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.3); } .um-tax-links a { display: inline-block; padding: 6px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; color: #fff; text-decoration: none; margin: 3px 4px 3px 0; border: none; } .um-tax-links span.um-cat a, .um-cat a { background: #2563eb; } .um-tax-links span.um-cat a:hover, .um-cat a:hover { background: #1d4ed8; } .um-tax-links span.um-star a, .um-star a { background: #db2777; } .um-tax-links span.um-star a:hover, .um-star a:hover { background: #be185d; } .um-tax-links span.um-studio a, .um-studio a { background: #059669; } .um-tax-links span.um-studio a:hover, .um-studio a:hover { background: #047857; } .um-tax-links > a, .um-tax-links a:not(.um-cat a):not(.um-star a):not(.um-studio a) { background: #7c3aed; } .um-tax-links > a:hover { background: #6d28d9; } .um-tax-links a { display: inline-block; padding: 6px 14px; margin: 3px 4px 3px 0; border-radius: 20px; font-size: 13px; font-weight: 600; color: #fff !important; text-decoration: none; border: none !important; background: #7c3aed; } .um-tax-links a:hover { opacity: 0.9; transform: translateY(-1px); } .um-tax-links .um-cat a { background: #2563eb !important; } .um-tax-links .um-cat a:hover { background: #1d4ed8 !important; } .um-tax-links .um-star a { background: #db2777 !important; } .um-tax-links .um-star a:hover { background: #be185d !important; } .um-tax-links .um-studio a { background: #059669 !important; } .um-tax-links .um-studio a:hover { background: #047857 !important; } body { background: radial-gradient(ellipse at top, #1a1a40 0%, #0a0a1a 70%); color: #e8e8ff; } .um-header { background: linear-gradient(180deg, #0a0a1a 0%, rgba(10,10,26,0.95) 100%); border-bottom: 1px solid #00d4ff; box-shadow: 0 0 20px rgba(0,212,255,0.2); } .um-card { background: linear-gradient(145deg, #1a1a35 0%, #12122a 100%); border: 1px solid #2a2a50; box-shadow: 0 4px 15px rgba(0,0,0,0.5); } .um-card:hover { border-color: #00d4ff; box-shadow: 0 0 25px rgba(0,212,255,0.4); } .um-sec-heading, .top-title { background: transparent; color: #00d4ff; border-left: 4px solid #00d4ff; text-shadow: 0 0 10px rgba(0,212,255,0.5); } .um-btn-more, .btn-more { background: linear-gradient(135deg, #00d4ff, #0088aa); color: #0a0a1a; font-weight: 700; border: none; box-shadow: 0 0 15px rgba(0,212,255,0.4); } h1.um-title, .um-page h1 { background: transparent; color: #ffffff; border-left: 4px solid #00d4ff; text-shadow: 0 0 8px rgba(0,212,255,0.3); } .um-synopsis, .um-content { background: linear-gradient(135deg, #12122a 0%, #0a0a1a 100%); border: 1px solid #2a2a50; border-top: 3px solid #00d4ff; color: #c8c8e8; } .um-tax-links .um-cat a { background: #6366f1 !important; } .um-tax-links .um-star a { background: #ec4899 !important; } .um-tax-links .um-studio a { background: #10b981 !important; } .um-tax-links a { background: #8b5cf6 !important; } #ads-header, #ads-footer, #ads-single { text-align: center; margin: 10px 0; } img.ads728x130 { max-width: 100%; height: auto; width: 48%; } img.ads728 { max-width: 48%; height: auto; }