/* 全集电影网 · violet-neon · 暗紫霓虹 + 大卡双列 */
.skin-violet-neon {
  --vn-bg: #12081f;
  --vn-panel: #1a1028;
  --vn-cyan: #22d3ee;
  --vn-magenta: #e879f9;
  --vn-text: #f5f3ff;
  --vn-muted: #a78bfa;
}
.skin-violet-neon,
.skin-violet-neon .app-shell {
  background: var(--vn-bg) !important;
  color: var(--vn-text) !important;
}
.skin-violet-neon .portal-top-strip { background: linear-gradient(90deg, #4c1d95, #701a75) !important; }
.skin-violet-neon .site-header {
  background: rgba(18,8,31,.92) !important;
  border-bottom: 1px solid rgba(34,211,238,.25) !important;
}
.skin-violet-neon .header-brand__title {
  background: linear-gradient(90deg, var(--vn-cyan), var(--vn-magenta));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.skin-violet-neon .hero-comic {
  background: radial-gradient(ellipse at 30% 20%, rgba(76,29,149,.45), transparent 55%),
    radial-gradient(ellipse at 80% 60%, rgba(8,145,178,.25), transparent 50%),
    var(--vn-bg) !important;
  padding: 2.5rem 0 !important;
}
.skin-violet-neon .hero-comic__title { font-size: 2rem !important; color: var(--vn-text) !important; }
.skin-violet-neon .hero-comic__lead { color: var(--vn-muted) !important; }
.skin-violet-neon .hero-comic__btn--red {
  background: linear-gradient(135deg, var(--vn-cyan), #0891b2) !important;
  border: none !important;
}
.skin-violet-neon .home-pop-cats { display: none !important; }
.skin-violet-neon .home-hot-rail__scroll {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 1rem !important;
  padding-bottom: 0.5rem;
}
.skin-violet-neon .home-hot-rail__scroll .tuy-card {
  flex: 0 0 min(280px, 78vw) !important;
  flex-direction: column !important;
}
.skin-violet-neon .cq-block--comic .cq-card-grid,
.skin-violet-neon .cq-block--featured .cq-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
}
.skin-violet-neon .cq-block--featured .fsp-hl-card {
  flex-direction: row !important;
  background: var(--vn-panel) !important;
  border: 1px solid rgba(34,211,238,.2) !important;
  border-radius: 14px !important;
  min-height: 180px;
}
.skin-violet-neon .cq-block--featured .tuy-card__media {
  width: 38% !important;
  min-width: 120px;
  aspect-ratio: 3/4 !important;
  border-radius: 12px 0 0 12px !important;
}
.skin-violet-neon .cq-block--featured .tuy-card__title a { font-size: 1.05rem !important; color: var(--vn-cyan) !important; }
.skin-violet-neon .cq-block--featured .tuy-card__desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--vn-muted) !important;
  font-size: 0.88rem !important;
}
.skin-violet-neon .cq-block--comic .cq-card-grid {
  grid-template-columns: repeat(4, 1fr) !important;
}
.skin-violet-neon .cq-block--comic .tuy-card__desc,
.skin-violet-neon .cq-block--latest .tuy-card__desc { display: none !important; }
.skin-violet-neon .cq-block--comic .fsp-hl-card,
.skin-violet-neon .cq-block--latest .fsp-hl-card {
  flex-direction: column !important;
  background: var(--vn-panel) !important;
  border-radius: 10px !important;
}
.skin-violet-neon .tuyona-features { background: var(--vn-panel) !important; border-radius: 16px; }
@media (max-width: 768px) {
  .skin-violet-neon .cq-block--featured .cq-card-grid { grid-template-columns: 1fr !important; }
  .skin-violet-neon .cq-block--featured .fsp-hl-card { flex-direction: column !important; }
}
