/*
 * Dark Mode — PC Theme Override
 * 触发方式：html[data-theme="dark"]
 * 暗色主调：#01010d（用户指定）
 * 品牌色保持不变：#f8b945 / #ff9903
 */

/* ── 过渡动画（让切换更丝滑）── */
html[data-theme="dark"],
html[data-theme="dark"] *,
html[data-theme="dark"] *::before,
html[data-theme="dark"] *::after {
    transition: background-color .25s ease, border-color .25s ease, color .2s ease, box-shadow .2s ease;
}
/* 图片/视频不参与过渡 */
html[data-theme="dark"] img,
html[data-theme="dark"] video,
html[data-theme="dark"] iframe {
    transition: none;
}

/* ── color-scheme hint（滚动条、表单控件跟随系统）── */
html[data-theme="dark"] {
    color-scheme: dark;
}

/* ════════════════════════════════════════
   BASE
   ════════════════════════════════════════ */
html[data-theme="dark"] body {
    background-color: #01010d !important;
    color: #dde0e8;
}

html[data-theme="dark"] a {
    color: inherit;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background-color: #252640;
}

/* ════════════════════════════════════════
   HEADER
   ════════════════════════════════════════ */
html[data-theme="dark"] .header-bg1 {
    background: #06060f !important;
    box-shadow: 0 1px 12px rgba(0, 0, 0, .7) !important;
}

html[data-theme="dark"] .header-bg2 {
    background: #04040a !important;
}

/* 搜索框 */
html[data-theme="dark"] .header .el-input__inner {
    background-color: #0e0f1e !important;
    border-color: #1f2140 !important;
    color: #dde0e8 !important;
}

html[data-theme="dark"] .header .el-input__inner::placeholder {
    color: #5a5c7a;
}

html[data-theme="dark"] .header .el-input-group__prepend,
html[data-theme="dark"] .header .el-input-group__append {
    background-color: #1a1b32 !important;
    border-color: #1f2140 !important;
    color: #dde0e8 !important;
}

html[data-theme="dark"] .header .btn {
    color: #dde0e8;
}

/* 顶部 Tab 导航 */
html[data-theme="dark"] .header .el-tabs__item {
    color: #9a9cbc;
}

html[data-theme="dark"] .header .el-tabs__item.is-active {
    color: #f8b945;
}

html[data-theme="dark"] .header .el-tabs__active-bar {
    background-color: #f8b945;
}

html[data-theme="dark"] .header .el-tabs__nav-wrap::after,
html[data-theme="dark"] .header .el-row .el-col .el-tabs__nav-wrap:after {
    background-color: #1f2140;
}

/* 头部用户信息文字 */
html[data-theme="dark"] .userInfo p {
    color: #dde0e8 !important;
}

html[data-theme="dark"] .caption {
    color: #dde0e8 !important;
    border-top-color: #1f2140;
}

html[data-theme="dark"] .nav-item span {
    color: #9a9cbc;
}

/* 个人中心导航图标：原为深色 PNG，暗色背景下需反色才可见 */
html[data-theme="dark"] .nav-item img {
    filter: invert(1) brightness(0.85);
}

/* 悬停时图标变金色调、文字变品牌色 */
html[data-theme="dark"] .nav-item:hover img {
    filter: invert(1) brightness(0.9) sepia(0.6) saturate(3) hue-rotate(5deg);
}
html[data-theme="dark"] .nav-item:hover span {
    color: #f8b945 !important;
}

/* 未登录面板里的福利图标，同样需要反色 */
html[data-theme="dark"] .menu-item img {
    filter: invert(1) brightness(0.85);
}

/* ════════════════════════════════════════
   DROPDOWN MENU（用户面板 / 登录前面板）
   ════════════════════════════════════════ */
html[data-theme="dark"] .el-dropdown-menu,
html[data-theme="dark"] .el-member-info,
html[data-theme="dark"] .el-nomember-info {
    background-color: #0b0c1a !important;
    border-color: #1f2140 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .7) !important;
}

html[data-theme="dark"] .el-dropdown-menu .el-dropdown-menu__item,
html[data-theme="dark"] .el-member-info .el-dropdown-menu__item {
    color: #9a9cbc;
}

html[data-theme="dark"] .el-dropdown-menu .el-dropdown-menu__item:hover {
    background-color: #131426;
    color: #f8b945;
}

/* 下拉箭头 */
html[data-theme="dark"] .popper__arrow,
html[data-theme="dark"] .popper__arrow::after {
    border-bottom-color: #0b0c1a !important;
}

html[data-theme="dark"] .dropdown-tips {
    color: #9a9cbc;
}

html[data-theme="dark"] .menu-item span {
    color: #9a9cbc !important;
}

/* .user/.wallet 是金色背景卡片，文字保持深色可读，不动 */

/* 续充 / 充值 按钮：让按钮在暗色面板上有清晰轮廓 */
html[data-theme="dark"] .wallet-btn {
    background: #252545 !important;
    border: 1px solid #3a3a60 !important;
}
html[data-theme="dark"] .recharge-color {
    color: #ffb86c !important;
}
html[data-theme="dark"] .wallet-color {
    color: #f8b945 !important;
}

/* .user/.wallet 卡片内的文本（VIP状态、到期时间、钱包标题）：
   原始 inline style 为暗色，在暗色面板内保持一定可读性即可 */
html[data-theme="dark"] .user span[style*="font-size: 14px"],
html[data-theme="dark"] .wallet p[style*="font-size: 14px"] {
    color: #1a1a2e !important;
}
html[data-theme="dark"] .user p[style*="color: rgb(77, 77, 77)"],
html[data-theme="dark"] .wallet p[style*="color: rgb(77, 77, 77)"] {
    color: #3a3a50 !important;
}

/* "退出账号" 链接：inline style="color:#000000"，位于暗色面板底上 */
html[data-theme="dark"] .el-member-info .flex-center > a {
    color: #c8c8d0 !important;
}
html[data-theme="dark"] .el-member-info .flex-center > a:hover {
    color: #f8b945 !important;
}

/* ════════════════════════════════════════
   CLASSIFY NAV（分类导航）
   ════════════════════════════════════════ */
html[data-theme="dark"] .classify ul {
    background: #0b0c1a !important;
    box-shadow: none;
}

html[data-theme="dark"] .classify ul li a {
    color: #9a9cbc !important;
}

html[data-theme="dark"] .classify ul li:nth-child(2) a {
    color: #dde0e8 !important;
}

html[data-theme="dark"] .classify ul li a:hover {
    color: #ff9903 !important;
}

/* ════════════════════════════════════════
   SELECT 筛选下拉
   ════════════════════════════════════════ */
html[data-theme="dark"] .select_from {
    background-color: #0e0f1e !important;
    border-color: #1f2140 !important;
    color: #9a9cbc !important;
}

html[data-theme="dark"] .navs .select_from,
html[data-theme="dark"] .navs a {
    color: #9a9cbc;
}

html[data-theme="dark"] .navs a:hover,
html[data-theme="dark"] .navs a.on {
    color: #f8b945 !important;
}

/* ════════════════════════════════════════
   CARDS / VIDEO LIST
   ════════════════════════════════════════ */
html[data-theme="dark"] .card {
    border-color: #1a1b32;
}

html[data-theme="dark"] .card .card-title,
html[data-theme="dark"] .card .title,
html[data-theme="dark"] .card .name {
    color: #dde0e8 !important;
}

html[data-theme="dark"] .card .card-desc,
html[data-theme="dark"] .card .desc,
html[data-theme="dark"] .card .info {
    color: #6e7090 !important;
}

/* ════════════════════════════════════════
   PAGE BODY / SECTION BG
   ════════════════════════════════════════ */
html[data-theme="dark"] .el-main,
html[data-theme="dark"] .main-content {
    background-color: #01010d;
}

/* 侧边栏 / 抽屉 */
html[data-theme="dark"] .header .drawer {
    background-color: #06060f;
    border-right-color: #1f2140;
}

html[data-theme="dark"] .header .drawer .drawer-item {
    color: #9a9cbc;
    border-bottom-color: #131426;
}

html[data-theme="dark"] .header .drawer .active {
    color: #f8b945;
    background-color: #1a1b32;
}

/* ════════════════════════════════════════
   SECTION HEADINGS & GLOBAL TEXT
   ════════════════════════════════════════ */
html[data-theme="dark"] h1, html[data-theme="dark"] h2,
html[data-theme="dark"] h3, html[data-theme="dark"] h4,
html[data-theme="dark"] h5, html[data-theme="dark"] h6 {
    color: #dde0e8;
}

html[data-theme="dark"] p, html[data-theme="dark"] span,
html[data-theme="dark"] li, html[data-theme="dark"] label {
    color: inherit;
}

/* 次级文字 */
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .sub-title,
html[data-theme="dark"] .meta {
    color: #6e7090 !important;
}

/* ════════════════════════════════════════
   INPUT / FORM
   ════════════════════════════════════════ */
html[data-theme="dark"] .el-input__inner {
    background-color: #0e0f1e;
    border-color: #1f2140;
    color: #dde0e8;
}

html[data-theme="dark"] .el-input__inner::placeholder {
    color: #5a5c7a;
}

html[data-theme="dark"] .el-textarea__inner {
    background-color: #0e0f1e;
    border-color: #1f2140;
    color: #dde0e8;
}

html[data-theme="dark"] .el-form-item__label {
    color: #9a9cbc;
}

html[data-theme="dark"] .el-form-item__error {
    color: #f55363;
}

/* select 下拉 */
html[data-theme="dark"] .el-select-dropdown {
    background-color: #0e0f1e;
    border-color: #1f2140;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .6);
}

html[data-theme="dark"] .el-select-dropdown__item {
    color: #9a9cbc;
}

html[data-theme="dark"] .el-select-dropdown__item:hover,
html[data-theme="dark"] .el-select-dropdown__item.selected {
    background-color: #131426;
    color: #f8b945;
}

html[data-theme="dark"] .el-select-dropdown__empty {
    color: #6e7090;
}

/* ════════════════════════════════════════
   DIALOG / POPUP / MODAL
   ════════════════════════════════════════ */
html[data-theme="dark"] .el-dialog {
    background-color: #0b0c1a;
    border: 1px solid #1f2140;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .8);
}

html[data-theme="dark"] .el-dialog__header {
    border-bottom-color: #1f2140;
}

html[data-theme="dark"] .el-dialog__title {
    color: #dde0e8;
}

html[data-theme="dark"] .el-dialog__body {
    color: #9a9cbc;
}

html[data-theme="dark"] .el-dialog__footer {
    border-top-color: #1f2140;
}

/* 登录 / 注册弹窗 */
html[data-theme="dark"] .login-dialog,
html[data-theme="dark"] .el-dialog .el-tabs__item {
    color: #9a9cbc;
}

html[data-theme="dark"] .el-dialog .el-tabs__item.is-active {
    color: #f8b945;
}

html[data-theme="dark"] .el-dialog .el-tabs__active-bar {
    background-color: #f8b945;
}

html[data-theme="dark"] .el-dialog .el-tabs__nav-wrap::after {
    background-color: #1f2140;
}

/* ════════════════════════════════════════
   PAGINATION
   ════════════════════════════════════════ */
html[data-theme="dark"] .el-pagination.is-background .btn-prev,
html[data-theme="dark"] .el-pagination.is-background .btn-next,
html[data-theme="dark"] .el-pagination.is-background .el-pager li {
    background-color: #0e0f1e;
    color: #9a9cbc;
    border: 1px solid #1f2140;
}

html[data-theme="dark"] .el-pagination.is-background .el-pager li.active {
    background-color: #f8b945;
    color: #1a0e00;
    border-color: #f8b945;
}

html[data-theme="dark"] .el-pagination.is-background .el-pager li:hover,
html[data-theme="dark"] .el-pagination.is-background .btn-prev:hover,
html[data-theme="dark"] .el-pagination.is-background .btn-next:hover {
    color: #f8b945;
}

html[data-theme="dark"] .el-pagination__jump,
html[data-theme="dark"] .el-pagination__total {
    color: #6e7090;
}

/* ════════════════════════════════════════
   TABLE
   ════════════════════════════════════════ */
html[data-theme="dark"] .el-table {
    background-color: #0b0c1a;
    color: #dde0e8;
}

html[data-theme="dark"] .el-table th,
html[data-theme="dark"] .el-table tr {
    background-color: #0b0c1a;
}

html[data-theme="dark"] .el-table td,
html[data-theme="dark"] .el-table th.is-leaf {
    border-bottom-color: #1f2140;
}

html[data-theme="dark"] .el-table--border::after,
html[data-theme="dark"] .el-table--group::after,
html[data-theme="dark"] .el-table::before {
    background-color: #1f2140;
}

html[data-theme="dark"] .el-table__empty-text {
    color: #6e7090;
}

/* ════════════════════════════════════════
   NOTICE / ANNOUNCEMENT POPUP
   ════════════════════════════════════════ */
html[data-theme="dark"] .md-notice {
    background-color: #0b0c1a !important;
    border-color: #1f2140 !important;
    color: #dde0e8;
}

html[data-theme="dark"] .md-notice .notice-title {
    color: #f8b945;
    border-bottom-color: #1f2140;
}

html[data-theme="dark"] .md-notice .notice-content {
    color: #9a9cbc;
}

/* ════════════════════════════════════════
   USER CENTER / SETTINGS
   ════════════════════════════════════════ */
html[data-theme="dark"] .setting,
html[data-theme="dark"] .mySetting,
html[data-theme="dark"] .vault,
html[data-theme="dark"] .withdraw {
    background-color: #01010d;
}

html[data-theme="dark"] .setting .el-card,
html[data-theme="dark"] .mySetting .el-card {
    background-color: #0b0c1a;
    border-color: #1f2140;
}

/* ════════════════════════════════════════
   RANK / ACTOR
   ════════════════════════════════════════ */
html[data-theme="dark"] .rank .title-rank,
html[data-theme="dark"] .actor .actor-name,
html[data-theme="dark"] .actorDetail .name {
    color: #dde0e8;
}

html[data-theme="dark"] .rank .item-text,
html[data-theme="dark"] .rank .count {
    color: #9a9cbc;
}

/* ════════════════════════════════════════
   SIGN / WELFARE
   ════════════════════════════════════════ */
html[data-theme="dark"] .sign .sign-item {
    background-color: #0e0f1e;
    border-color: #1f2140;
    color: #9a9cbc;
}

html[data-theme="dark"] .sign .sign-item.signed {
    background-color: #1a1b32;
    color: #f8b945;
}

/* ════════════════════════════════════════
   NO DATA / EMPTY STATE
   ════════════════════════════════════════ */
html[data-theme="dark"] .no-data,
html[data-theme="dark"] .no-data li {
    color: #3a3c5a;
}

/* ════════════════════════════════════════
   FOOTER / LINKS
   ════════════════════════════════════════ */
html[data-theme="dark"] .footer {
    background-color: #04040b;
    border-top: 1px solid #131426;
    color: #555775;
}

html[data-theme="dark"] .footer a,
html[data-theme="dark"] .links a {
    color: #555775;
}

html[data-theme="dark"] .footer a:hover,
html[data-theme="dark"] .links a:hover {
    color: #f8b945;
}

html[data-theme="dark"] .links {
    background-color: #04040b;
    border-top: 1px solid #131426;
}

/* ════════════════════════════════════════
   FLOATING TOOL BAR（右侧悬浮工具条）
   ════════════════════════════════════════ */
html[data-theme="dark"] .advice {
    background-color: #0e0f1e;
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    border: 1px solid #1f2140;
}

html[data-theme="dark"] .advice a,
html[data-theme="dark"] .advice li {
    color: #9a9cbc;
    border-bottom-color: #1f2140;
}

html[data-theme="dark"] .advice a:hover {
    color: #f8b945;
}

/* ════════════════════════════════════════
   THEME TOGGLE BUTTON（切换按钮）
   ════════════════════════════════════════ */
.md-theme-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    transition: transform .3s ease, background .2s;
    background: transparent;
    border: none;
    outline: none;
    user-select: none;
}

.md-theme-toggle:hover {
    transform: rotate(20deg) scale(1.15);
    background: rgba(248, 185, 69, .12);
}

html[data-theme="dark"] .md-theme-toggle {
    background: rgba(255, 255, 255, .06);
}

/* ========================================
   视频卡片 / Card
   ======================================== */
html[data-theme="dark"] .card .subtitle {
    color: #c8c8d0;
}
html[data-theme="dark"] .card:hover .subtitle {
    color: #ff9903;
}
html[data-theme="dark"] .card .tips {
    color: #7a7a8a;
}
html[data-theme="dark"] .special .subtitle {
    color: #c8c8d0;
}
html[data-theme="dark"] .special .card:hover .subtitle {
    color: #ff9903;
}

/* ========================================
   列表区块标题 / List & Rank Section Titles
   ======================================== */
html[data-theme="dark"] .list .title li:first-child {
    color: #e0e0ea;
}
html[data-theme="dark"] .list .title a:nth-child(2) {
    color: #7a7a8a;
}
html[data-theme="dark"] .rank .title li:first-child {
    color: #e0e0ea;
}
html[data-theme="dark"] .rank .title li:nth-child(2) {
    color: #7a7a8a;
}
html[data-theme="dark"] .rank .el-select .el-input input {
    color: #c8c8d0;
    border-color: #3a3a50;
    background-color: transparent;
}
html[data-theme="dark"] .rank .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up:before {
    color: #c8c8d0;
}

/* ========================================
   演员列表 / Actor
   ======================================== */
html[data-theme="dark"] .actor .nav a {
    color: #7a7a8a;
}
html[data-theme="dark"] .actor .nav .active {
    background: rgba(255, 255, 255, .08);
    color: #e0e0ea;
}
html[data-theme="dark"] .actor .list .titles {
    color: #e0e0ea;
}
html[data-theme="dark"] .actor .list .cards .card-item .name {
    color: #c8c8d0;
}
html[data-theme="dark"] .actor .list .cards .card-item:hover .name {
    color: #ff9903;
}

/* ========================================
   分类导航栏 / Navs (筛选/排序)
   ======================================== */
html[data-theme="dark"] .navs {
    background-color: #0d0d1a;
    border-bottom: 1px solid #2a2a3c;
}
html[data-theme="dark"] .navs .navs-item {
    color: #a0a0b4;
}
/* navs-item 内的链接带有 inline style="color:#333"，需要 !important 覆盖 */
html[data-theme="dark"] .navs .navs-item a {
    color: #a0a0b4 !important;
}
html[data-theme="dark"] .navs .navs-item a:hover {
    color: #f8b945 !important;
}
html[data-theme="dark"] .navs .navs-item:hover {
    color: #e0e0ea;
}
html[data-theme="dark"] .navs .active {
    color: #e0e0ea;
}

/* ========================================
   无数据提示 / No-data
   ======================================== */
html[data-theme="dark"] .no-data li:nth-child(2) {
    color: #7a7a8a;
}

/* ========================================
   收藏库 / Vault
   ======================================== */
html[data-theme="dark"] .vault .tabs li {
    color: #7a7a8a;
}
html[data-theme="dark"] .vault .tabs li .active {
    background: rgba(248, 185, 69, .15);
    color: #f8b945;
}
html[data-theme="dark"] .vault .tabs li a {
    color: #7a7a8a;
}

/* ========================================
   提现 / Withdraw
   ======================================== */
html[data-theme="dark"] .withdraw .title {
    color: #e0e0ea;
}
html[data-theme="dark"] .withdraw .withdrawMesV .withdrawBgV .withdrawItem .withdrawTitle {
    color: #c8c8d0;
}
html[data-theme="dark"] .withdraw .withdrawMesV .withdrawBgV .withdrawItem .withdrawDesc {
    color: #7a7a8a;
}
html[data-theme="dark"] .withdraw .withdrawMesV .withdrawBgV .withdrawItem .withdrawNum {
    color: #e0e0ea;
}
html[data-theme="dark"] .withdraw .withdrawMesV .withdrawBtns .withdrawTxBtn {
    border-color: #ff9903;
    color: #c8c8d0;
}
html[data-theme="dark"] .withdraw .table td,
html[data-theme="dark"] .withdraw .table th {
    color: #7a7a8a;
}
/* thead tr 用了 HTML bgcolor="#F8F8F8"，需要 !important 覆盖 */
html[data-theme="dark"] .withdraw .table thead tr {
    background-color: #0d0e20 !important;
}
html[data-theme="dark"] .withdraw .table thead th {
    color: #9a9cbc !important;
}
html[data-theme="dark"] .withdraw .table td {
    border-bottom: .5px solid #2a2a3c;
}
html[data-theme="dark"] .withdraw .table tr:hover {
    background-color: #16162a;
}
html[data-theme="dark"] .withdraw .reason {
    color: #555568;
}

/* ========================================
   提现弹窗 / 充值弹窗 marginLeft12
   ======================================== */
html[data-theme="dark"] .marginLeft12 .contentV {
    background-color: #12121f;
    color: #c8c8d0;
}
/* 未选中套餐卡片 */
html[data-theme="dark"] .marginLeft12 .contentV .carTypeV .carItem {
    background-color: #1e1e30;
}
html[data-theme="dark"] .marginLeft12 .contentV .carTypeV .carItem .carNum {
    color: #c8c8d0;
}
html[data-theme="dark"] .marginLeft12 .contentV .carTypeV .carItem .carTitle {
    color: #7a7a8a;
}
/* 选中套餐（金色背景），文字保持深色可读 */
html[data-theme="dark"] .marginLeft12 .contentV .carTypeV .carItem.selcarItem {
    background-color: #f8b945;
}
html[data-theme="dark"] .marginLeft12 .contentV .carTypeV .carItem.selcarItem .carNum,
html[data-theme="dark"] .marginLeft12 .contentV .carTypeV .carItem.selcarItem .carTitle {
    color: #1a1020 !important;
}
html[data-theme="dark"] .marginLeft12 .contentV .wathBanlance {
    color: #7a7a8a;
}
html[data-theme="dark"] .marginLeft12 .contentV .addInputV .addInput {
    background-color: #1e1e30;
    border-color: #3a3a50;
    color: #c8c8d0;
}
/* "兑换" 确认按钮：金色背景，文字保持深色 */
html[data-theme="dark"] .marginLeft12 .contentV .addBtnV .addBtn {
    color: #1a1020 !important;
}

/* ========================================
   设置中心 / Setting
   ======================================== */

/* 侧边栏卡片背景 */
html[data-theme="dark"] .setting .bgClass {
    background: #0d0e20;
    border-color: #1a1b35;
}
html[data-theme="dark"] .setting .bgColor {
    background: #0b0c1a;
    border-color: #1a1b35;
}

/* 昵称（li:2）、ID（li:3）原色 #333 → 暗色下不可见，改为亮色 */
html[data-theme="dark"] .setting .center li:nth-child(2) {
    color: #e0e0ea !important;
}
html[data-theme="dark"] .setting .center li:nth-child(3) {
    color: #9a9cbc !important;
}
/* 到期时间（li:4）原色 #666 → 暗色下不可见 */
html[data-theme="dark"] .setting .center li:nth-child(4) {
    color: #7a7a9a !important;
}

/* 邀请/金币/余额 数字 */
html[data-theme="dark"] .setting .center li:nth-child(6) .attention .attentNum {
    color: #c8c8d0;
}
/* 邀请/金币/余额 标签文字 */
html[data-theme="dark"] .setting .center li:nth-child(6) .attention .attentTitle {
    color: #7a7a9a;
}

/* 开通/续费会员按钮：保留渐变，仅确保文字可读 */
html[data-theme="dark"] .setting .center .el-button--warning {
    color: #1a1020 !important;
}

/* 菜单项 */
html[data-theme="dark"] .setting .menu li {
    color: #7a7a8a;
}
html[data-theme="dark"] .setting .menu a {
    color: #7a7a8a;
}
html[data-theme="dark"] .setting .menu .activeClass {
    color: #e0e0ea;
    background: rgba(248, 185, 69, .12);
}
html[data-theme="dark"] .setting .menu li:hover {
    color: #f8b945;
}

/* ========================================
   个人设置 / mySetting
   ======================================== */
html[data-theme="dark"] .mySetting .title {
    color: #e0e0ea;
}
html[data-theme="dark"] .mySetting .index .label {
    color: #7a7a8a;
}
html[data-theme="dark"] .mySetting .index .menu-item {
    border-bottom-color: #1e1e30;
}
html[data-theme="dark"] .mySetting .index .nickname .nickname-input {
    background: #1e1e30;
    color: #7a7a8a;
}
html[data-theme="dark"] .mySetting .index .nickname .username,
html[data-theme="dark"] .mySetting .index .phone {
    color: #555568;
}
html[data-theme="dark"] .mySetting .box p {
    color: #c8c8d0;
}

/* ========================================
   签到页面 / Sign
   ======================================== */
html[data-theme="dark"] .sign .btn-round {
    background: #1e1e30;
    border-color: #3a3a50;
    color: #c8c8d0;
}
html[data-theme="dark"] .sign .btn-round2 {
    background: #1e1e30;
    border-color: #3a3a50;
    color: #c8c8d0;
}
html[data-theme="dark"] .sign .container .grid .grid_item_content span {
    color: #c8c8d0;
}
html[data-theme="dark"] .sign .container .signs .sign_title {
    color: #7a7a8a;
}
html[data-theme="dark"] .sign .container .signs .sign_step .sign_step_line {
    background: #2a2a3c;
}
html[data-theme="dark"] .sign .container .disabled {
    color: #555568;
    background-color: #1e1e30;
    border-color: #1e1e30;
}
html[data-theme="dark"] .sign .container .title {
    color: #e0e0ea;
}
html[data-theme="dark"] .sign .container .activity li .activity_content p {
    color: #c8c8d0;
}

/* ========================================
   现金/提现表单 / Cash
   ======================================== */
html[data-theme="dark"] .cash .cashform li {
    border-bottom-color: #2a2a3c;
}
html[data-theme="dark"] .cash .cashform input {
    color: #c8c8d0;
}
html[data-theme="dark"] .cash .tips {
    color: #7a7a8a;
}
/* "确认提现" 按钮背景为金色（.el-button--warning），文字应深色 */
html[data-theme="dark"] .cash .btnClass,
html[data-theme="dark"] .cash .btnClass span {
    color: #1a1020 !important;
}

/* ========================================
   福利码 / Welfare Code
   ======================================== */
html[data-theme="dark"] .welfare-code .ipt-box {
    background: #1e1e30;
    color: #c8c8d0;
}
html[data-theme="dark"] .welfare-code .ipt-box input {
    color: #c8c8d0;
}
/* "激活卡密" 按钮：inline background-image 为金色渐变，文字应深色 */
html[data-theme="dark"] .welfare-code .ipt-box #btn_submit_card {
    color: #1a1020 !important;
}
/* "购买卡密" 按钮：inline background-color/#color 均为亮色，需全部覆盖 */
html[data-theme="dark"] .welfare-code .ipt-box a.btn {
    background-color: #252545 !important;
    color: #c8c8d0 !important;
    border: 1px solid #3a3a60 !important;
}
html[data-theme="dark"] .welfare-code .ipt-box a.btn:hover {
    color: #f8b945 !important;
    border-color: #f8b945 !important;
}
/* 卡密说明提示文字 */
html[data-theme="dark"] .welfare-code .tip {
    color: #555568;
}

/* ========================================
   通用链接与文字色补强
   ======================================== */
html[data-theme="dark"] .box .list .list-item:hover .subtitle {
    color: #ff9903;
}

/* ========================================
   顶部导航标签 / Header nav tabs (app.css)
   ======================================== */
html[data-theme="dark"] .header .el-row .el-col .el-tabs__item {
    color: #a0a0b4;
}
html[data-theme="dark"] .header .el-row .el-col .is-active {
    color: #e0e0ea;
}

/* ========================================
   顶部下拉弹窗用户信息 / User info dropdown
   ======================================== */
html[data-theme="dark"] .userInfo p:first-child,
html[data-theme="dark"] .userInfo p:nth-child(2) {
    color: #e0e0ea;
}
html[data-theme="dark"] .dropdown-tips,
html[data-theme="dark"] .menu {
    color: #c8c8d0;
}
html[data-theme="dark"] .dropdown-tips {
    border-bottom-color: #2a2a3c;
}
html[data-theme="dark"] .nav-item span {
    color: #7a7a8a;
}
html[data-theme="dark"] .caption {
    color: #c8c8d0;
}

/* ========================================
   推广码 / Code-url & Code-phone
   ======================================== */
html[data-theme="dark"] .code-url {
    background: #1e1e30;
    color: #7a7a8a;
}
html[data-theme="dark"] .code-phone {
    color: #c8c8d0;
}

/* ========================================
   侧边抽屉 / Header drawer
   ======================================== */
html[data-theme="dark"] .header .drawer .drawer-item {
    color: #c8c8d0;
}
html[data-theme="dark"] .header .drawer .active {
    background-color: rgba(248, 185, 69, .12);
}

/* ========================================
   友情链接 / Links
   ======================================== */
html[data-theme="dark"] .links .title {
    color: #e0e0ea;
}
html[data-theme="dark"] .links li a {
    color: #7a7a8a;
}
html[data-theme="dark"] .links li a:hover {
    color: #ff9903;
}

/* ========================================
   登录 / 注册 / 找回密码 表单
   ======================================== */
html[data-theme="dark"] .login .title,
html[data-theme="dark"] .register .title,
html[data-theme="dark"] .forget .title {
    color: #e0e0ea;
}
html[data-theme="dark"] .class,
html[data-theme="dark"] .login .container .code,
html[data-theme="dark"] .login .container .passward,
html[data-theme="dark"] .login .container .username,
html[data-theme="dark"] .register .container .code,
html[data-theme="dark"] .register .container .passward,
html[data-theme="dark"] .register .container .username,
html[data-theme="dark"] .register .container .phone,
html[data-theme="dark"] .forget .container .code,
html[data-theme="dark"] .forget .container .passward,
html[data-theme="dark"] .forget .container .username,
html[data-theme="dark"] .forget .container .phone {
    border-color: #2a2a3c;
    background: #12121f;
}
html[data-theme="dark"] .login .container .username .username-input,
html[data-theme="dark"] .login .container .code .code-input,
html[data-theme="dark"] .login .container .passward .passward-input,
html[data-theme="dark"] .register .container .username .username-input,
html[data-theme="dark"] .register .container .passward .passward-input,
html[data-theme="dark"] .forget .container .username .username-input,
html[data-theme="dark"] .forget .container .phone .phone-input,
html[data-theme="dark"] .forget .container .code .code-input,
html[data-theme="dark"] .forget .container .passward .passward-input {
    color: #c8c8d0;
    background: transparent;
}
html[data-theme="dark"] .login .loginBtn,
html[data-theme="dark"] .register .registerBtn,
html[data-theme="dark"] .forget .forgetBtn {
    color: #12121f;
}
html[data-theme="dark"] .login .tips span:nth-child(2),
html[data-theme="dark"] .register .tips span:nth-child(2),
html[data-theme="dark"] .forget .tips span:nth-child(2) {
    color: #555568;
}

/* ========================================
   会员充值 / memberRecharge
   ======================================== */
html[data-theme="dark"] .memberRecharge .title {
    color: #c8c8d0;
}
html[data-theme="dark"] .memberRecharge .package {
    background: #12121f;
    border-color: #2a2a3c;
}
html[data-theme="dark"] .memberRecharge .package p:first-child,
html[data-theme="dark"] .memberRecharge .package p:nth-child(2) {
    color: #e0e0ea;
}
html[data-theme="dark"] .memberRecharge .money {
    background: #12121f;
    border-color: #2a2a3c;
}
html[data-theme="dark"] .memberRecharge .money p:first-child,
html[data-theme="dark"] .memberRecharge .money p:nth-child(2) {
    color: #e0e0ea;
}
html[data-theme="dark"] .memberRecharge .payment .payment-item,
html[data-theme="dark"] .memberRecharge .payment2 .payment-item {
    color: #c8c8d0;
    border-color: #2a2a3c;
    background: #12121f;
}
html[data-theme="dark"] .memberRecharge .payment .activeClass,
html[data-theme="dark"] .memberRecharge .payment2 .activeClass,
html[data-theme="dark"] .memberRecharge .activeClass {
    border-color: #ebc96a;
    background: rgba(235, 201, 106, .1);
}
html[data-theme="dark"] .memberRecharge .paymentBtn {
    color: #12121f;
}

/* ========================================
   升级/VIP 选项卡 / upgrade-tabs (充值弹窗顶部)
   ======================================== */

/* 未激活的 tab — 原色 #efefef */
html[data-theme="dark"] .upgrade-tabs .tab-item {
    background-color: #16162a;
    color: #7a7a8a;
}

/* 激活的 tab — 原色 #fff */
html[data-theme="dark"] .upgrade-tabs .active {
    background-color: #1e1e30;
    color: #e0e0ea;
}

/* tab 文字：标题 span 和副标题 p */
html[data-theme="dark"] .upgrade-tabs .tab-item span {
    color: #a0a0b4;
}
html[data-theme="dark"] .upgrade-tabs .tab-item p {
    color: #555568;
}
html[data-theme="dark"] .upgrade-tabs .active span {
    color: #e0e0ea;
}
html[data-theme="dark"] .upgrade-tabs .active p {
    color: #7a7a8a;
}

/* ========================================
   签到页面专项适配 / Sign Page (/user/sign.html)
   注：该页面存在大量内联 style，需要 !important
   ======================================== */

/* el-main 内联 background:#f8f8f8 覆盖 */
html[data-theme="dark"] .el-main {
    background: #01010d !important;
}

/* 签到卡片白色背景 */
html[data-theme="dark"] .sign .container .card2,
html[data-theme="dark"] .sign .container .card {
    background: #0d0d1a !important;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .45);
}

/* 日历格子 - 未签到 */
html[data-theme="dark"] .sign .container .grid .grid_item_content {
    background: #1e1e30 !important;
}

/* 日历格子 - 已签到 (保留暖色，稍微降低亮度) */
html[data-theme="dark"] .sign .container .grid .active {
    background: #c48c28 !important;
}

/* 日历格子数字 */
html[data-theme="dark"] .sign .container .grid .grid_item_content span {
    color: #c8c8d0 !important;
}

/* 连续签到天数文字（内联 style color） */
html[data-theme="dark"] .sign .btn-view .sign_title,
html[data-theme="dark"] .sign .container .signs .sign_title {
    color: #7a7a8a !important;
}

/* 签到按钮文字（内联 style color） */
html[data-theme="dark"] .sign .btn-layout .el-button span,
html[data-theme="dark"] .sign .btn-layout .el-button {
    color: #12121f !important;
}
html[data-theme="dark"] .sign .btn-layout .el-button.disabled span,
html[data-theme="dark"] .sign .btn-layout .el-button.disabled {
    color: #555568 !important;
    background: #1e1e30 !important;
    border-color: #2a2a3c !important;
}

/* 活动列表文字（activity_content p 内联颜色） */
html[data-theme="dark"] .sign .container .activity .activity_content p {
    color: #c8c8d0 !important;
}

/* 签到规则说明文字 */
html[data-theme="dark"] .sign .container .rules {
    color: #555568;
}

/* 推广/充值按钮 */
html[data-theme="dark"] .sign .btn-round2 {
    background: #1e1e30 !important;
    border-color: #3a3a50 !important;
    color: #c8c8d0 !important;
}

/* 进度条底色 */
html[data-theme="dark"] .sign .container .signs .sign_step .sign_step_line {
    background: #2a2a3c !important;
}

/* 进度节点圆圈背景 */
html[data-theme="dark"] .sign .container .signs .sign_step .sign_step_circle {
    background-color: #0d0d1a !important;
    border-color: #f8b945 !important;
}

/* 进度节点数字标注 */
html[data-theme="dark"] .sign .container .signs .sign_step .sign_step_circle .sign_step_circle_box span {
    color: #7a7a8a !important;
}