/* 自定义样式，Tailwind无法直接覆盖或不方便处理的 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    @apply bg-slate-100 text-gray-800; /* 淡蓝背景下的主体文字颜色 */
}

/* 轮播图图片填充，保持比例并裁剪 */
.carousel-img {
    object-fit: cover; /* 确保图片覆盖容器，可能会裁剪 */
    object-position: center; /* 裁剪时居中 */
    width: 100%;
    height: 100%;
}

/* 视频卡片图片统一样式 */
.vod-card-img {
    @apply w-full aspect-[3/4] object-cover bg-gray-200; /* 3:4 比例，背景色用于加载时 */
}
.vod-card-img-sm { /* 小图，用于动漫时间表等 */
    @apply w-full aspect-[3/4] object-cover bg-gray-200;
}


/* YouTube风格播放器容器 */
.youtube-player-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.youtube-player-container iframe,
.youtube-player-container object,
.youtube-player-container  div[class*="MacPlayer"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 导航栏响应式处理 */
@media (max-width: 768px) {
    .nav-links {
        @apply absolute top-16 left-0 right-0 bg-sky-600 p-4 flex-col items-start shadow-lg z-40;
    }
    .nav-links a, .nav-links div {
        @apply w-full py-2;
    }
    .search-form-container {
        @apply w-full mt-2;
    }
    .search-form-container input {
        @apply w-full;
    }
}

/* 动漫时间表标签 */
.day-tab.active {
    @apply bg-sky-600 text-white;
}

/* 播放列表手机端优化 */
.play-list-grid-mobile {
    @apply grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2;
}

/* mytpl/css/style.css */
header.bg-sky-700 {
    background-color: #0369a1 !important; /* sky-700 的近似颜色值 */
}
header.text-white, 
header.text-white a, 
header.text-white span { /* 更具体地定位子元素 */
    color: #ffffff !important;
}