/* =========================================================
   Yaoji Frontend Theme v3 - cinematic rose / premium layout
   Safe CSS-only override: no template variables changed.
   ========================================================= */
:root {
  --v3-bg-0: #07050c;
  --v3-bg-1: #110917;
  --v3-bg-2: #1b0c1e;
  --v3-card: rgba(255,255,255,.072);
  --v3-card-strong: rgba(255,255,255,.112);
  --v3-line: rgba(255,255,255,.115);
  --v3-text: #fff8f4;
  --v3-muted: #cdbdcc;
  --v3-primary: #ff3d86;
  --v3-primary-2: #ff8147;
  --v3-gold: #ffd875;
  --v3-cyan: #8cecff;
  --v3-shadow: 0 22px 70px rgba(0,0,0,.42);
  --v3-radius: 24px;
}

html { scroll-behavior: smooth; }
body.theme-v3,
.theme-v3 {
  color: var(--v3-text);
  background:
    radial-gradient(circle at 15% 0%, rgba(255,61,134,.22), transparent 31rem),
    radial-gradient(circle at 80% 8%, rgba(255,216,117,.14), transparent 25rem),
    radial-gradient(circle at 65% 75%, rgba(140,236,255,.08), transparent 30rem),
    linear-gradient(180deg, var(--v3-bg-0) 0%, var(--v3-bg-1) 44%, #09060d 100%) !important;
  min-height: 100vh;
}
body.theme-v3::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 78%);
}
body.theme-v3::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.045), transparent 45%, rgba(255,61,134,.035));
  mix-blend-mode: screen;
}

/* Header: premium glass dock */
.theme-v3 .fixed.z-max.w-full {
  background: linear-gradient(180deg, rgba(10,6,16,.92), rgba(10,6,16,.76)) !important;
  border-bottom: 1px solid rgba(255,255,255,.09);
  box-shadow: 0 14px 40px rgba(0,0,0,.32);
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
}
.theme-v3 .site-logo span.font-serif,
.theme-v3 a.site-logo .font-serif {
  display: inline-flex;
  align-items: center;
  gap: 0;
  letter-spacing: .02em;
  text-shadow: 0 0 22px rgba(255,61,134,.28);
}
.theme-v3 a.site-logo .font-serif::before {
  content: "";
  width: 13px;
  height: 13px;
  margin-right: 9px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--v3-gold), var(--v3-primary));
  box-shadow: 0 0 0 6px rgba(255,61,134,.12), 0 0 24px rgba(255,61,134,.6);
}
.theme-v3 nav.hidden.xl\:flex a,
.theme-v3 nav.hidden.xl\:flex button,
.theme-v3 #toggleMenu {
  min-height: 38px;
  padding: 8px 13px !important;
  border-radius: 999px;
  color: rgba(255,248,244,.9) !important;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.065);
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.theme-v3 nav.hidden.xl\:flex a:hover,
.theme-v3 nav.hidden.xl\:flex button:hover,
.theme-v3 #toggleMenu:hover {
  transform: translateY(-1px);
  color: #fff !important;
  background: linear-gradient(135deg, rgba(255,61,134,.24), rgba(255,129,71,.18));
  border-color: rgba(255,216,117,.33);
  box-shadow: 0 12px 28px rgba(255,61,134,.12);
}
.theme-v3 #searchToggle,
.theme-v3 #dropdownBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255,255,255,.075);
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.theme-v3 #searchToggle:hover,
.theme-v3 #dropdownBtn:hover {
  color: var(--v3-gold) !important;
  background: rgba(255,61,134,.16);
}

/* Hero */
.theme-v3 .site-hero {
  position: relative;
  padding-top: 132px;
  padding-bottom: 58px;
  overflow: hidden;
}
.theme-v3 .site-hero::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 58%;
  width: min(1040px, 94vw);
  height: 390px;
  transform: translate(-50%, -50%);
  z-index: -1;
  border-radius: 48px;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,216,117,.24), transparent 18rem),
    radial-gradient(circle at 85% 10%, rgba(255,61,134,.24), transparent 22rem),
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.035));
  border: 1px solid rgba(255,255,255,.105);
  box-shadow: var(--v3-shadow), inset 0 1px 0 rgba(255,255,255,.1);
}
.theme-v3 .site-hero-kicker {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 7px 13px;
  border-radius: 999px;
  color: var(--v3-gold);
  background: rgba(255,216,117,.095);
  border: 1px solid rgba(255,216,117,.2);
  font-size: 13px;
  letter-spacing: .12em;
}
.theme-v3 .site-hero-title {
  margin-bottom: 14px !important;
  font-size: clamp(2.2rem, 6vw, 4.8rem) !important;
  line-height: .98 !important;
  background: linear-gradient(135deg, #fff 0%, #ffe7d4 38%, var(--v3-gold) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.34));
}
.theme-v3 .site-hero-title .text-primary {
  color: transparent !important;
  background: linear-gradient(135deg, var(--v3-primary), var(--v3-primary-2));
  -webkit-background-clip: text;
  background-clip: text;
}
.theme-v3 .site-hero-subtitle {
  margin: 0 auto 24px;
  max-width: 520px;
  color: var(--v3-muted);
  font-size: 15px;
}
.theme-v3 .site-search-form .flex.rounded-md,
.theme-v3 #searchForm .flex.rounded-md,
.theme-v3 form#search .flex.rounded-md {
  padding: 7px;
  border-radius: 22px !important;
  background: rgba(8,6,13,.78);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 20px 45px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09);
}
.theme-v3 form#search input,
.theme-v3 #searchForm input {
  min-height: 52px;
  border: 0 !important;
  border-radius: 16px 0 0 16px !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
  font-size: 15px;
}
.theme-v3 form#search input::placeholder,
.theme-v3 #searchForm input::placeholder { color: rgba(255,255,255,.52) !important; }
.theme-v3 form#search input:focus,
.theme-v3 #searchForm input:focus {
  box-shadow: 0 0 0 4px rgba(255,61,134,.18) !important;
}
.theme-v3 form#search button,
.theme-v3 #searchForm button {
  min-height: 52px;
  border: 0 !important;
  border-radius: 0 16px 16px 0 !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--v3-primary), var(--v3-primary-2)) !important;
  box-shadow: 0 12px 26px rgba(255,61,134,.24);
}
.theme-v3 form#search button:hover,
.theme-v3 #searchForm button:hover { filter: brightness(1.08); }
.theme-v3 .site-hero-stats {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.theme-v3 .site-hero-stats span {
  padding: 6px 11px;
  border-radius: 999px;
  color: rgba(255,248,244,.82);
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.095);
  font-size: 12px;
}

/* Feature strip */
.theme-v3 .site-feature-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: -24px;
  margin-bottom: 24px;
  position: relative;
  z-index: 2;
}
.theme-v3 .site-feature-card {
  display: flex;
  flex-direction: column;
  min-height: 96px;
  justify-content: center;
  padding: 18px 20px !important;
  border-radius: 22px;
  color: var(--v3-text) !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
  border: 1px solid rgba(255,255,255,.11);
  box-shadow: 0 16px 38px rgba(0,0,0,.26);
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}
.theme-v3 .site-feature-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,216,117,.32);
  background: linear-gradient(135deg, rgba(255,61,134,.16), rgba(255,216,117,.075));
}
.theme-v3 .site-feature-card strong {
  font-size: 18px;
  margin-bottom: 6px;
}
.theme-v3 .site-feature-card span {
  color: var(--v3-muted);
  font-size: 13px;
}

/* Section titles */
.theme-v3 h1,
.theme-v3 h2,
.theme-v3 h3 { letter-spacing: .01em; }
.theme-v3 .sm\:container > .flex.items-center.justify-between h2,
.theme-v3 h1.text-center {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  position: relative;
  color: #fff !important;
}
.theme-v3 .sm\:container > .flex.items-center.justify-between h2::before,
.theme-v3 h1.text-center::before {
  content: "";
  width: 8px;
  height: 28px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--v3-gold), var(--v3-primary));
  box-shadow: 0 0 20px rgba(255,61,134,.35);
}
.theme-v3 .sm\:container > .flex.items-center.justify-between {
  border-bottom: 1px solid rgba(255,255,255,.07);
  margin-bottom: 18px;
}
.theme-v3 .absolute.w-full.text-center a.inline-flex {
  padding: 10px 18px !important;
  border-radius: 999px;
  color: #fff !important;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,216,117,.18);
}
.theme-v3 .absolute.w-full.text-center a.inline-flex:hover {
  background: rgba(255,61,134,.16);
  color: var(--v3-gold) !important;
}

/* Video thumbnails / cards */
.theme-v3 .thumbnail {
  position: relative;
  border-radius: 22px;
  padding: 8px;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: 0 14px 35px rgba(0,0,0,.22);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease;
}
.theme-v3 .thumbnail:hover {
  transform: translateY(-6px) scale(1.012);
  border-color: rgba(255,216,117,.30);
  background: linear-gradient(180deg, rgba(255,61,134,.13), rgba(255,255,255,.04));
  box-shadow: 0 26px 62px rgba(0,0,0,.38), 0 0 0 1px rgba(255,216,117,.06);
}
.theme-v3 .thumbnail .relative.aspect-w-16,
.theme-v3 .thumbnail .relative.aspect-w-16.aspect-h-9,
.theme-v3 .thumbnail .rounded.overflow-hidden {
  border-radius: 17px !important;
  overflow: hidden;
  background: #15101a;
}
.theme-v3 .thumbnail img,
.theme-v3 .thumbnail video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .32s ease, filter .32s ease;
}
.theme-v3 .thumbnail:hover img,
.theme-v3 .thumbnail:hover video {
  transform: scale(1.055);
  filter: saturate(1.08) contrast(1.04);
}
.theme-v3 .thumbnail .relative.aspect-w-16::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.72));
  opacity: .85;
}
.theme-v3 .thumbnail span.absolute {
  z-index: 2;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.17);
  color: #fff !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.theme-v3 .thumbnail span.bg-gray-800,
.theme-v3 .thumbnail span.bg-blue-800,
.theme-v3 .thumbnail span.bg-red-800 {
  background: linear-gradient(135deg, rgba(255,61,134,.82), rgba(255,129,71,.68)) !important;
}
.theme-v3 .thumbnail .my-2 {
  margin: 10px 4px 2px !important;
  min-height: 38px;
  white-space: normal !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
}
.theme-v3 .thumbnail .my-2 a {
  color: rgba(255,248,244,.9) !important;
  font-weight: 600;
}
.theme-v3 .thumbnail:hover .my-2 a { color: var(--v3-gold) !important; }
.theme-v3 .grid.grid-cols-2.md\:grid-cols-3.xl\:grid-cols-4 {
  gap: 22px !important;
}

/* Filter/pagination/list pages */
.theme-v3 .stui-screen,
.theme-v3 .stui-screen__list,
.theme-v3 .filter,
.theme-v3 [class*="screen"] {
  border-radius: 22px;
}
.theme-v3 .stui-screen__list a,
.theme-v3 .type-slide a,
.theme-v3 .pagination a,
.theme-v3 .pagination span,
.theme-v3 .stui-page a,
.theme-v3 .stui-page span,
.theme-v3 .page-item a,
.theme-v3 .page-link,
.theme-v3 [class*="fenye"] a {
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.065) !important;
  color: rgba(255,248,244,.88) !important;
  transition: transform .18s ease, background .18s ease, color .18s ease;
}
.theme-v3 .stui-screen__list a:hover,
.theme-v3 .type-slide a:hover,
.theme-v3 .pagination a:hover,
.theme-v3 .stui-page a:hover,
.theme-v3 .page-link:hover,
.theme-v3 [class*="fenye"] a:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, var(--v3-primary), var(--v3-primary-2)) !important;
  color: #fff !important;
}

/* Dropdowns */
.theme-v3 #dropdownMenu,
.theme-v3 .menu-dropdown {
  border-radius: 22px !important;
  overflow: hidden;
  background: rgba(12,7,18,.96) !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 22px 54px rgba(0,0,0,.48);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.theme-v3 #dropdownMenu > div,
.theme-v3 .menu-dropdown > div,
.theme-v3 .rounded-md.text-nord0.bg-nord5 {
  background: transparent !important;
}
.theme-v3 #dropdownMenu a,
.theme-v3 .menu-dropdown a,
.theme-v3 .collapse-content a {
  color: rgba(255,248,244,.9) !important;
  border-bottom: 1px solid rgba(255,255,255,.065);
}
.theme-v3 #dropdownMenu a:hover,
.theme-v3 .menu-dropdown a:hover,
.theme-v3 .collapse-content a:hover {
  background: rgba(255,61,134,.16) !important;
  color: var(--v3-gold) !important;
}

/* Footer/ad/detail refinements */
.theme-v3 footer,
.theme-v3 .footer,
.theme-v3 .stui-foot {
  margin-top: 48px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.35)) !important;
}
.theme-v3 .floating-ad {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(12,7,18,.92);
  box-shadow: 0 20px 55px rgba(0,0,0,.42);
}
.theme-v3 .vod_desc,
.theme-v3 .art-content,
.theme-v3 .article-content,
.theme-v3 .stui-content__detail {
  color: rgba(255,248,244,.86) !important;
}

@media (max-width: 1024px) {
  .theme-v3 .site-hero { padding-top: 116px; }
  .theme-v3 .site-feature-strip { grid-template-columns: 1fr; gap: 10px; margin-top: -10px; }
  .theme-v3 .site-feature-card { min-height: 78px; }
  .theme-v3 .grid.grid-cols-2.md\:grid-cols-3.xl\:grid-cols-4 { gap: 14px !important; }
}
@media (max-width: 640px) {
  .theme-v3 .site-hero { padding-top: 104px; padding-bottom: 36px; }
  .theme-v3 .site-hero::before { height: 330px; border-radius: 28px; }
  .theme-v3 .site-hero-kicker { font-size: 11px; letter-spacing: .06em; }
  .theme-v3 .site-hero-subtitle { font-size: 13px; }
  .theme-v3 form#search input,
  .theme-v3 #searchForm input,
  .theme-v3 form#search button,
  .theme-v3 #searchForm button { min-height: 48px; }
  .theme-v3 form#search button span,
  .theme-v3 #searchForm button span { display: none; }
  .theme-v3 .thumbnail { padding: 5px; border-radius: 16px; }
  .theme-v3 .thumbnail .relative.aspect-w-16,
  .theme-v3 .thumbnail .rounded.overflow-hidden { border-radius: 12px !important; }
  .theme-v3 .thumbnail:hover { transform: none; }
  .theme-v3 .thumbnail .my-2 { font-size: 12px; min-height: 34px; margin-top: 7px !important; }
  .theme-v3 .sm\:container > .flex.items-center.justify-between { margin-bottom: 12px; }
  .theme-v3 .sm\:container > .flex.items-center.justify-between h2 { font-size: 1.28rem !important; }
  .theme-v3 .phone-only { gap: 6px; overflow-x: auto; scrollbar-width: none; }
  .theme-v3 .phone-only::-webkit-scrollbar { display: none; }
}