/* 抖音短剧热播榜 / 风向标页面补充样式
   站点 theme.css 只编译了原模板用到的工具类，本文件补齐榜单页依赖的少量类。 */

.gap-2\.5 { gap: 0.625rem; }
.h-12 { height: 3rem; }
.w-9 { width: 2.25rem; }
.h-28 { height: 7rem; }
.w-40 { width: 10rem; }
.min-w-6 { min-width: 1.5rem; }
.max-w-4xl { max-width: 56rem; }
.border-slate-100 { border-color: #f1f5f9; }
.self-start { align-self: flex-start; }
.transition-shadow { transition: box-shadow 0.15s ease; }
.hover\:shadow:hover { box-shadow: 0 10px 20px -8px rgba(15, 23, 42, 0.18); }
.hover\:text-white:hover { color: #fff; }
.aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
.min-w-\[520px\] { min-width: 520px; }
.min-w-\[640px\] { min-width: 640px; }
.min-w-\[720px\] { min-width: 720px; }
.min-w-\[760px\] { min-width: 760px; }
.min-w-\[900px\] { min-width: 900px; }

@media (min-width: 640px) {
    .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .lg\:top-4 { top: 1rem; }
}

.dark .dark\:text-navy-900 { color: #0f172a; }
.dark .dark\:bg-accent-light\/10 { background-color: rgba(125, 211, 252, 0.12); }
.dark .dark\:hover\:bg-navy-800\/50:hover { background-color: rgba(30, 41, 59, 0.5); }