@charset "utf-8";
/* Darkvod 暗黑主题配色 - 影院风格 */

/* ========== 基础颜色变量覆盖 ========== */
body {
    background: #06090f;
    color: #ffffff;
}

a {
    color: #ffffff;
}

a:hover {
    color: #3b82f6;
}

/* ========== 文字颜色 ========== */
.text-333,
.text-666,
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    color: #ffffff;
}

.text-muted {
    color: #9ca3af;
}

.text-red {
    color: #ef4444;
}

.text-fff {
    color: #ffffff;
}

.text-link {
    color: #3b82f6;
}

/* ========== 面板和卡片 ========== */
.myui-panel,
.myui-panel-box {
    padding: 0;
    width: 100%;
    background: transparent;
}

.myui-panel.active,
.myui-panel_hd {
    padding: 10px;
}

.myui-panel-bg {
    background-color: #0d1117;
}

.myui-panel-bg2,
.myui-vodlist__bg,
.myui-vodlist__text.striped .striped-head,
.myui-vodlist__text.to-color li:nth-of-type(odd) {
    background-color: #1a1a2e;
}

.myui-vodlist__bg:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

/* ========== 按钮样式 ========== */
.btn-default {
    background-color: rgba(255, 255, 255, 0.1);
    color: #9ca3af;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.btn-default:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
}

.btn-warm {
    background-color: #3b82f6;
    background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    color: #ffffff;
}

.btn-primary {
    background-color: #3b82f6;
    background: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
    color: #ffffff;
}

.btn-danger {
    background-color: #ef4444;
    background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
    box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
    color: #ffffff;
}

.btn-info {
    background-color: #06b6d4;
    background: linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);
    box-shadow: 0 4px 15px rgba(6, 182, 212, 0.3);
    color: #ffffff;
}

.btn-gray {
    background-color: #374151;
    color: #d1d5db;
    background: linear-gradient(135deg, #374151 0%, #4b5563 100%);
    box-shadow: 0 4px 15px rgba(55, 65, 81, 0.3);
}

.btn-gray:hover {
    color: #ffffff;
}

.btn.disabled,
a.disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

/* ========== 表单元素 ========== */
.form-control {
    background-color: rgba(255, 255, 255, 0.05);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

/* ========== 徽章 ========== */
.badge,
.split-line {
    background-color: rgba(255, 255, 255, 0.1);
}

.badge {
    color: #9ca3af;
}

.badge-first {
    background-color: #ef4444;
    color: #ffffff;
}

.badge-second {
    background-color: #f97316;
    color: #ffffff;
}

.badge-third {
    background-color: #eab308;
    color: #ffffff;
}

/* ========== 边框 ========== */
.border,
.bottom-line-dot:before,
.bottom-line:after,
.top-line-dot:before,
.top-line:before {
    border-color: rgba(255, 255, 255, 0.08);
}

.border-primary {
    border-color: #3b82f6;
}

.border-danger {
    border-color: #ef4444;
}

.border-info {
    border-color: #06b6d4;
}

.nav li.active a,
.spot {
    border-color: #3b82f6;
}

/* ========== 下拉菜单 ========== */
.dropdown-box .item {
    background-color: #0d1117;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.autocomplete-suggestions {
    background-color: #0d1117;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.autocomplete-suggestion,
.autocomplete-suggestions li,
.autocomplete-suggestions li a,
.nav-tabs li .dropdown-box .item li a {
    color: #9ca3af;
}

.autocomplete-suggestions li a:hover,
.nav-tabs li .dropdown-box .item li a:hover {
    color: #ffffff;
}

.autocomplete-suggestions li strong {
    color: #3b82f6;
}

/* ========== 图片标签 ========== */
.myui-extra li a.backtop,
.pic-tag {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
}

.pic-tag-h,
.pic-tag.active {
    background-color: #3b82f6;
    color: #ffffff;
}

.pic-text,
.pic-title-bottom {
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    color: #ffffff;
}

.pic-text.active {
    background: rgba(0, 0, 0, 0.7);
    color: #ffffff;
}

.pic-title-top {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    color: #ffffff;
}

/* ========== 导航 ========== */
.nav li.active a {
    color: #3b82f6;
}

.carousel-indicators-text li.active .title,
.myui-content__detail .score .branch,
.myui-content__detail .score .rating li .fa,
.nav-tabs li .dropdown-box .item li.active a {
    color: #3b82f6;
}

.myui-nav__tabbar .item .title,
.myui-player__operate>li>a {
    color: #9ca3af;
}

/* ========== 页脚和弹窗 ========== */
.myui-foot,
.popup {
    background-color: #0d1117;
}

.popup-head {
    background-color: #1a1a2e;
}

/* ========== 指示器 ========== */
.carousel-indicators-dots li,
.flickity-page-dots .dot {
    background-color: #3b82f6;
}

.carousel-indicators-thumb li.active {
    border: 3px solid #3b82f6;
}

/* ========== 其他元素 ========== */
.myui-extra li a {
    background-color: rgba(13, 17, 23, 0.9);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.myui-nav__tabbar {
    background-color: #0d1117;
    border-color: rgba(255, 255, 255, 0.08);
}

/* ========== 表格 ========== */
.myui-table>tbody>tr>td,
.myui-table>tbody>tr>th,
.myui-table>tfoot>tr>td,
.myui-table>tfoot>tr>th,
.myui-table>thead>tr>td,
.myui-table>thead>tr>th {
    border-color: rgba(255, 255, 255, 0.08);
}

/* ========== 滚动条 ========== */
.myui-content__list::-webkit-scrollbar,
.myui-playdown__list::-webkit-scrollbar {
    width: 4px;
    background-color: #0d1117;
}

.myui-content__list::-webkit-scrollbar-thumb,
.myui-playdown__list::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}

/* ========== 播放器 ========== */
.myui-player__video {
    background-color: #000000;
}

.myui-link__pic li img {
    display: block;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #1a1a2e;
}

/* ========== 评分 ========== */
.score .text-muted,
.text-muted .score,
.text-muted .score a {
    color: #fbbf24;
}