/* ============================================================
   MDYouTiao PC端 完整黑金主题覆盖包
   适用范围：首页、列表页、播放页、排行榜
   ============================================================ */

/* 1. 全局深色底色：强制消除所有白色背景 */
html, body, #appSite, .site, .main-contaner, .middleContent, .home {
    background-color: #0b0b0b !important;
    background-image: none !important;
    color: #e0e0e0 !important;
}

/* 2. 标题文字提亮 (解决“最新影片”“热门影片”太暗的问题) */
.home .home-area .area-info .info-left span,
.home .home-area .area-info .info-left div,
.home .home-area .rank-title,
.game-slide .title-wrap h6,
.HeadLink-title .t-left div {
    color: #ffffff !important; /* 纯白提亮 */
    font-size: 22px !important;
    font-weight: bold !important;
    opacity: 1 !important;
}

/* 3. “更多”按钮改为金色 */
.home .home-area .area-info .info-right .more,
.home .home-area .area-info .info-right .info-more,
.game-slide .title-wrap span,
.game-slide .title-wrap i,
.info-right .look {
    color: #fdbe32 !important; /* 经典金 */
    opacity: 1 !important;
    font-weight: bold !important;
}

/* 4. 视频卡片深度黑化 (彻底告别白块) */
.video {
    background: #1a1a1a !important; /* 卡片深色背景 */
    border: 1px solid #252525 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
}

/* 视频名称颜色 */
.video .video-desc {
    background: #1a1a1a !important;
    color: #efefef !important; 
    border-top: 1px solid #252525 !important;
    height: 40px !important;
    line-height: 40px !important;
}

/* 悬停效果：卡片发光 */
.video:hover {
    border-color: #fdbe32 !important;
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(253, 190, 50, 0.2) !important;
}

/* 5. 排行榜 (Rank) 区域美化 */
.home .home-area .rank-content {
    background: #161616 !important;
    border: 1px solid #252525 !important;
}

.home .home-area .rank-content .rank-item {
    border-bottom: 1px solid #222 !important;
}

.home .home-area .rank-content .rank-item:hover {
    background-color: #222 !important;
}

.home .home-area .rank-content .rank-item h3 {
    color: #fdbe32 !important; /* 排行榜标题金色 */
}

.home .home-area .rank-content .rank-item p {
    color: #999 !important;
}

/* 6. 顶部导航栏 (Header) 修正 */
.header-wrap, .header, .nav-bar {
    background-color: #121212 !important;
    border-bottom: 1px solid #252525 !important;
}

/* 导航文字颜色 */
.nav-item a, .menu-link {
    color: #bbb !important;
}

.nav-item.active a, .nav-item a:hover {
    color: #fdbe32 !important;
}

/* 搜索框去白 */
.el-input__inner {
    background-color: #222 !important;
    border: 1px solid #333 !important;
    color: #fff !important;
}

/* 7. 底部 (Footer) 修正 */
.footer {
    background-color: #0b0b0b !important;
    border-top: 1px solid #252525 !important;
    color: #555 !important;
    padding: 40px 0 !important;
}

/* 8. 修复截图中的黄色顶条搜索区域 */
/* 如果你的搜索条背景是黄色的，想调暗 */
.middleContent .top-search-bar {
    background: #121212 !important;
}

/* 9. 滚动条美化 */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: #0b0b0b;
}

/* 10. 特殊修正：针对截图里出现的 .tj-center 文字 */
.home .tj-container .tj .tj-center div p {
    color: #ffffff !important;
}