/* ============================================================
   dushe 风格侧边栏皮肤（独立皮肤文件，不修改原有核心CSS）
   效果：纯白侧栏 + 黄色圆角选中胶囊 + 红色更新数徽章
   在公共 include.html 中于主题CSS之后引入，兼容主题切换
   ============================================================ */

@media(min-width:559px){

  /* ---- 侧栏整体：纯白底 ---- */
  .sidebar,
  .list .sidebar,
  .app .sidebar{
    background:#fff !important;
    border-right:1px solid #f3f3f3 !important;
  }
  .sidebar-bg{
    background:rgba(255,255,255,.98) !important;
    box-shadow:2px 0 12px rgba(0,0,0,.05);
  }

  /* ---- 导航项：图标+文字横向排列 ---- */
  .navbar-item{
    margin:4px 10px !important;
    padding:0 14px !important;
    height:44px !important;
    line-height:44px !important;
    border-radius:10px !important;
  }
  .navbar-item a,
  .navbar-item a:hover{
    color:#333 !important;
    font-size:15px;
    font-weight:500;
    background:transparent !important;
  }
  .navbar-item i{
    color:#555;
    font-size:17px !important;
  }
  .navbar-item span{margin-left:12px;}
  /* 隐藏右侧进入箭头 */
  .navbar-item i.icon-arrow-go{display:none !important;}
  /* 隐藏旧的黄色高亮底块 */
  .navbar-item .current{display:none !important;}

  /* ---- 普通项 hover：浅灰底 ---- */
  .navbar-item:not(.active):hover{
    background:#f5f5f5 !important;
  }
  .navbar-item:not(.active):hover a{color:#111 !important;}

  /* ---- 选中项：黄色圆角胶囊 ---- */
  .navbar-item.active{
    background:#ffd500 !important;
    box-shadow:none !important;
  }
  .navbar-item.active a{
    color:#1a1a1a !important;
    font-weight:600 !important;
    background:transparent !important;
  }
  .navbar-item.active a i{
    background:none !important;
    -webkit-text-fill-color:#1a1a1a !important;
    color:#1a1a1a !important;
  }
  /* 去掉旧的红色高亮条 / 渐变下划线 / 切角装饰 */
  .navbar-item.active a::before,
  .navbar-item.active a::after,
  .navbar-item.active span::after{
    display:none !important;
  }

  /* ---- 导航链接内部：flex 布局，防止文字/徽章换行 ---- */
  .navbar-item .links{
    display:flex !important;
    align-items:center !important;
    white-space:nowrap;
  }

  /* ---- 今日更新数量徽章：红色胶囊（原模板默认隐藏，这里恢复显示） ---- */
  .navbar-item .links small{
    display:inline-block !important;
    position:static !important;
    transform:none !important;
    box-shadow:none !important;
    background:#e5484d !important;
    color:#fff !important;
    font-size:11px;
    font-weight:400;
    height:18px;
    line-height:18px;
    padding:0 7px;
    border-radius:9px;
    margin-left:8px;
    vertical-align:middle;
  }

  /* ---- 分组分割线 ---- */
  .navbar-hr{
    margin:8px 16px !important;
    height:1px;
    background:#f0f0f0 !important;
  }
}

/* 桌面端 logo 在侧栏内居中 */
@media(min-width:1025px){
  .logo{
    justify-content:center !important;
    padding-left:0 !important;
  }
}

/* 平板窄栏：选中项同样使用黄色胶囊，去掉红色装饰条 */
@media(min-width:559px) and (max-width:1024px){
  .navbar-item.active{
    background:#ffd500 !important;
    box-shadow:none !important;
  }
  .navbar-item.active a{
    background:transparent !important;
    color:#1a1a1a !important;
  }
  .navbar-item.active a i{
    background:none !important;
    -webkit-text-fill-color:#1a1a1a !important;
    color:#1a1a1a !important;
  }
  .navbar-item:not(.active):hover{
    background:#f5f5f5 !important;
  }
  /* 窄栏空间不足，隐藏数量徽章防止挤压换行 */
  .navbar-item .links small{
    display:none !important;
  }
}

/* ============================================================
   深色主题适配（mx_style=black 时 <html> 会加上 .ds-dark）
   侧栏转为深色底，选中项保持黄色胶囊
   ============================================================ */
@media(min-width:559px){
  .ds-dark .sidebar,
  .ds-dark .list .sidebar,
  .ds-dark .app .sidebar{
    background:#16161a !important;
    border-right:1px solid #25252b !important;
  }
  .ds-dark .sidebar-bg{
    background:rgba(22,22,26,.98) !important;
    box-shadow:2px 0 12px rgba(0,0,0,.3);
  }
  .ds-dark .navbar-item a,
  .ds-dark .navbar-item a:hover{
    color:#e1e3e5 !important;
  }
  .ds-dark .navbar-item i{
    color:#b5b8bc;
  }
  .ds-dark .navbar-item:not(.active):hover{
    background:#232329 !important;
  }
  .ds-dark .navbar-item:not(.active):hover a{
    color:#fff !important;
  }
  /* 选中项保持黄色胶囊 + 深色文字 */
  .ds-dark .navbar-item.active{
    background:#ffd500 !important;
  }
  .ds-dark .navbar-item.active a{
    color:#1a1a1a !important;
  }
  .ds-dark .navbar-item.active a i{
    background:none !important;
    -webkit-text-fill-color:#1a1a1a !important;
    color:#1a1a1a !important;
  }
  .ds-dark .navbar-hr{
    background:#25252b !important;
  }
}

/* 平板窄栏深色适配 */
@media(min-width:559px) and (max-width:1024px){
  .ds-dark .navbar-item:not(.active):hover{
    background:#232329 !important;
  }
}

/* ============================================================
   整站配色统一：与左侧导航同一套色板
   主色黄 #ffd500 / 深黄 #f2c50b / 黄底上的深色文字 #1a1a1a
   浅黄底 #fdf6d0 / 文字强调色 #c7a100（深色模式下转 #ffd500）
   ============================================================ */

/* ---- 1. 实心主色按钮/徽标：黄底深字 ---- */
.btn-main,
.btn-main-linear,
.main-btn,
.module-prompt p a,
.popup-btn,
.app-downlist .app-downlist-go,
.play-btn,
.play-btn-o:hover,
.btn-important,
.message .msg-content .msg-send .btn button,
.btpwd,
.btnlogin,
.module-tab-item.active small,
.page-current,
.page-current:hover{
  background:#ffd500 !important;
  background-image:none !important;
  color:#1a1a1a !important;
  box-shadow:0 8px 14px -6px rgba(242,197,11,.45) !important;
}
.btn-main:hover,
.btn-main-linear:hover,
.main-btn:hover,
.popup-btn:hover,
.play-btn:hover,
.btn-important:hover,
.btpwd:hover,
.btnlogin:hover{
  background:#f2c50b !important;
  color:#1a1a1a !important;
}

/* 头部登录/会员按钮（原橙红渐变胶囊） */
.header-op-user{
  background:#ffd500 !important;
  background-image:none !important;
  color:#1a1a1a !important;
  font-weight:600;
}
.header-op-user:hover{
  background:#f2c50b !important;
  color:#1a1a1a !important;
}

/* ---- 2. 描边按钮：黄边黄字 ---- */
.play-btn-o{
  background:transparent !important;
  color:#c7a100 !important;
}
.play-btn-o::after{border-color:#ffd500 !important;}
.btncz{
  border:1px solid #ffd500 !important;
  color:#c7a100 !important;
}

/* ---- 3. 浅黄底强调块（原浅红 #fff0ec/#ffddd5/#ffeae5/#fef0e5） ---- */
.module-item-box .active,
.module-play-list-link.active,
.library-item.selected,
.speed.slow .speed-prompt,
.drop-item-op a:hover,
.close-drop:hover,
.module-tab-item.active{
  background:#fdf6d0 !important;
  color:#1a1a1a !important;
  box-shadow:none !important;
}
.module-play-list-link:hover{
  background:#fdf6d0 !important;
  color:#1a1a1a !important;
}

/* ---- 4. 文字类强调（链接hover/热词/图标，原红色文字） ---- */
a:hover,
.module-title a:hover,
.module-heading-search-result strong,
.search-tag a:hover,.search-tag .hot,
.search-history-tag a:hover,.search-history-tag .hot,
.module-info-tag-link span:hover,.module-info-tag-link a:hover,
.module-info-item-content span:nth-child(2n-1):hover,
.module-tab-item:hover,
.module-player-handle-item:hover .handle-btn,
.module-paper-item-main a:hover .icon-arrow-right,
.video-player-handle .drop:hover .handle-btn,.video-player-handle .drop:hover .handle-btn i,
.video-player-handle .handle-btn:hover i,.video-player-handle .handle-btn:hover,
.handle-more-drop .btn-block-o:hover strong,
.newsactive a,
.popup-main p a,
.popup strong,
.close-popup:hover i,
.drop-item-title i,
.MIZHI-results li strong,
.navbar-item:hover i.icon-arrow-go{
  color:#c7a100 !important;
}

/* 渐变文字图标（排行/热搜火焰等，原红橙渐变字） */
.color-main,.module-ranking-tab-link i,.search-tag i,.search-history-tag i{
  background:-webkit-linear-gradient(0deg,#f2c50b,#d9a800) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
/* 模块标题英文水印（原红色低透明度） */
.module-title-en,.module-ranking-tab-info{
  background:-webkit-linear-gradient(90deg,transparent,#f2c50b) !important;
  -webkit-background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}
/* 分享图标渐变 */
.video-info-share .icon-fenxiang{
  background-image:-webkit-linear-gradient(45deg,#f2c50b,#d9a800) !important;
}

/* ---- 5. 排名/榜单数字 ---- */
.module-paper-item-num-first{color:#f2c50b !important;}
.module-item-top.top1::after{background:#ffd500 !important;}
.module-paper-item-header>i{color:#f2c50b !important;}

/* ---- 6. 黄色高亮标记/装饰条 ---- */
.active-bg::after,
.module-heading-tab .module-heading-tab-link.active::after{
  background:#ffd500 !important;
}
.module-info-heading h1::before{
  background:#ffd500 !important;
}
.library-box-first .library-item.selected::after{
  background:#ffd500 !important;
}
.library-item.selected{color:#1a1a1a !important;}

/* ---- 7. 卡片/封面角标 ---- */
.module-item-new{
  background:#ffd500 !important;
  color:#1a1a1a !important;
}
.module-card-item.top .module-item-cover::before{
  border-color:#ffd500 !important;
}

/* ---- 8. 播放中指示条 / 轮播分页 / 加载动画 ---- */
.playon i{background-color:#ffd500 !important;}
.swiper-pagination-bullet-active{background-color:#ffd500 !important;}
.k-loader:before{
  background:#ffd500 !important;
  color:#1a1a1a !important;
}

/* ---- 9. 下拉历史记录圆点 ---- */
.drop-item-link::before{border:1px solid #ffd500 !important;}
.drop-item-link:hover::before{background:#ffd500 !important;}

/* ---- 10. 已看剧集标记（原红色 visited） ---- */
.module-play-list-link:visited{color:#c7a100 !important;}

/* ============================================================
   深色模式下的整站配色（文字强调转亮黄，浅黄底转深黄底）
   ============================================================ */
.ds-dark a:hover,
.ds-dark .module-title a:hover,
.ds-dark .module-heading-search-result strong,
.ds-dark .search-tag a:hover,.ds-dark .search-tag .hot,
.ds-dark .search-history-tag a:hover,.ds-dark .search-history-tag .hot,
.ds-dark .module-info-tag-link span:hover,.ds-dark .module-info-tag-link a:hover,
.ds-dark .module-info-item-content span:nth-child(2n-1):hover,
.ds-dark .module-tab-item:hover,
.ds-dark .module-player-handle-item:hover .handle-btn,
.ds-dark .video-player-handle .drop:hover .handle-btn,.ds-dark .video-player-handle .drop:hover .handle-btn i,
.ds-dark .video-player-handle .handle-btn:hover i,.ds-dark .video-player-handle .handle-btn:hover,
.ds-dark .handle-more-drop .btn-block-o:hover strong,
.ds-dark .newsactive a,
.ds-dark .popup-main p a,
.ds-dark .popup strong,
.ds-dark .close-popup:hover i,
.ds-dark .drop-item-title i,
.ds-dark .MIZHI-results li strong,
.ds-dark .member_group .user_list_drop .logout a:hover,
.ds-dark .member_group .user_list_drop li a:hover,
.ds-dark .m-module-tab-week .module-tab-item.active,
.ds-dark .module-play-list-link:visited{
  color:#ffd500 !important;
}

/* 深色下浅黄底块 → 深黄底 */
.ds-dark .module-item-box .active,
.ds-dark .module-play-list-link.active,
.ds-dark .library-item.selected,
.ds-dark .speed.slow .speed-prompt,
.ds-dark .drop-item-op a:hover,
.ds-dark .close-drop:hover,
.ds-dark .module-tab-item.active,
.ds-dark .module-play-list-link:hover{
  background:#2e2a17 !important;
  color:#ffd500 !important;
}

/* 深色下描边按钮 */
.ds-dark .play-btn-o{color:#ffd500 !important;}
.ds-dark .btncz{border-color:#ffd500 !important;color:#ffd500 !important;}

/* 深色下搜索联想选中行（原红底） */
.ds-dark .MIZHI-results li.ac_over{
  background-color:#ffd500 !important;
  color:#1a1a1a !important;
}

/* ============================================================
   用户中心页面（user.css 的 mxui-* 组件）配色统一
   原绿色 #0bbe06 / 红色 #ff0d29 / 橙 #ff9900 / 蓝 #4fb1f7
   ============================================================ */

/* 实心按钮：黄底深字（原绿/红/蓝/橙按钮） */
.mxui-back-green,
.mxui-btns-green,
.mxui-btns-info:hover,
.mxui-btns-blue,
.mxui-back-gules,
.mxui-btns-gules,
.mxui-btns-sm{
  background-color:#ffd500 !important;
  color:#1a1a1a !important;
  border-color:#ffd500 !important;
}
.mxui-btns-green:hover,
.mxui-btns-blue:hover,
.mxui-btns-gules:hover,
.mxui-btns-sm:hover{
  background-color:#f2c50b !important;
  border-color:#f2c50b !important;
  color:#1a1a1a !important;
}

/* 描边/边框强调：红边 → 黄边 */
.mxui-rims-redr{border-color:#ffd500 !important;}
.mxui-form-control:focus,.mxui-user-text:focus{
  border:1px solid #ffd500 !important;
}

/* 排行数字徽章：红/橙/黄 → 同色系金黄三档 */
.mxui-part-num1{background-color:#ffd500 !important;color:#1a1a1a !important;}
.mxui-part-num2{background-color:#f2c50b !important;color:#1a1a1a !important;}
.mxui-part-num3{background-color:#d9a800 !important;color:#1a1a1a !important;}

/* 文字类强调：绿文字/蓝链接 → 深黄 */
.mxui-text-green,
.mxui-text-style:hover,
.mxui-copy{
  color:#c7a100 !important;
}

/* 深色模式下用户中心文字强调转亮黄 */
.ds-dark .mxui-text-green,
.ds-dark .mxui-text-style:hover,
.ds-dark .mxui-copy{
  color:#ffd500 !important;
}

/* ============================================================
   顶部右侧：下载APP + 观看记录 + 圆形头像（登录按钮换成头像）
   ============================================================ */
.header-op-list-btn{
  width:auto !important;
  padding:0 8px !important;
}
.header-op-list-btn span{
  display:inline !important;
  font-size:14px;
  margin-left:5px;
  vertical-align:baseline;
}
.header-op-list-btn i{
  vertical-align:-2px;
}

/* 下载APP：深色文字 + 粉色浮动标签 */
.header-op-app{
  color:#1a1a1a !important;
  text-decoration:none !important;
  position:relative;
}
.header-op-app:hover{
  color:#c7a100 !important;
}
.header-op-app span{
  font-weight:600;
}
.ds-app-tag{
  position:absolute;
  top:-12px;
  right:-16px;
  background:#ff6b81;
  color:#fff;
  font-size:10px;
  font-style:normal;
  line-height:1;
  padding:3px 6px;
  border-radius:8px 8px 8px 2px;
  white-space:nowrap;
  pointer-events:none;
  transform:scale(.9);
  transform-origin:bottom left;
}

/* 观看记录：灰色文字 */
.header-op-history{
  color:#8a8f98 !important;
}
.header-op-history:hover{
  color:#424242 !important;
}

/* 下载APP 二维码下拉卡片 */
.ds-app-drop .drop-content{
  right:0 !important;
  min-width:0 !important;
  max-width:none !important;
  width:190px;
  top:36px;
}
.ds-app-qr-box{
  padding:14px !important;
  text-align:center;
}
.ds-app-qr-img{
  width:140px;
  height:140px;
  display:block;
  margin:0 auto 10px;
  border-radius:6px;
}
.ds-app-qr-title{
  font-size:13px;
  color:#1a1a1a;
  font-weight:600;
}
.ds-app-qr-title i{
  color:#f2c50b;
  margin-right:4px;
  font-size:14px;
}
.ds-app-qr-tips{
  font-size:12px;
  color:#999;
  margin-top:4px;
}

/* 圆形头像（未登录点击弹登录框，已登录显示用户头像） */
.header-op .member_group .useimg,
.side-op .member_group .useimg{
  width:32px;
  height:32px;
  border-radius:50%;
  border:2px solid #fff;
  box-shadow:0 1px 5px rgba(0,0,0,.18);
  cursor:pointer;
  display:block;
  object-fit:cover;
}
.header-op-avatar{
  line-height:0;
  padding:0 !important;
  background:none !important;
  box-shadow:none !important;
  min-width:0 !important;
  height:auto !important;
}

/* 移动端隐藏下载APP入口，避免拥挤 */
@media(max-width:559px){
  .ds-app-drop{display:none !important;}
}

/* 深色模式适配 */
.ds-dark .header-op-history{color:#9a9fa7 !important;}
.ds-dark .header-op-history:hover{color:#e1e3e5 !important;}
.ds-dark .header-op-app{color:#e1e3e5 !important;}
.ds-dark .header-op-app:hover{color:#ffd500 !important;}

/* ============================================================
   观看记录下拉卡片：白卡片 + 灰色空状态面板
   ============================================================ */
.drop-history{
  border-radius:12px !important;
  overflow:hidden;
  margin-right:60px !important;
}
.drop-history .drop-content-box{
  padding:4px 0 8px !important;
}
.drop-history .drop-item-title{
  padding:12px 16px !important;
  border-bottom:1px solid #f0f0f0;
  margin-bottom:6px;
}
.drop-history .drop-item-title i{
  color:#8a8f98 !important;
  margin-right:6px;
}
.drop-history .drop-item-title strong{
  color:#1a1a1a !important;
  font-size:15px;
}

/* 空状态：灰色圆角面板 + 虚线盒子插图 */
.drop-history .drop-item-content.nolist{
  padding:0 12px !important;
}
.drop-history .drop-prompt{
  background:#f5f6f8 !important;
  background-image:none !important;
  height:auto !important;
  border-radius:10px;
  padding:24px 10px 16px !important;
  text-align:center;
  color:#9aa0a6 !important;
  font-size:13px;
  line-height:1.6;
}
.drop-history .drop-prompt::before{
  content:"";
  display:block;
  width:64px;
  height:48px;
  margin:0 auto 10px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='48' viewBox='0 0 64 48'%3E%3Crect x='10' y='14' width='44' height='28' rx='5' fill='none' stroke='%23c4c9d4' stroke-width='2' stroke-dasharray='5 4'/%3E%3Cpath d='M10 22 L32 32 L54 22' fill='none' stroke='%23c4c9d4' stroke-width='2' stroke-dasharray='5 4'/%3E%3Cpath d='M26 6 L32 12 L38 6' fill='none' stroke='%23c4c9d4' stroke-width='2' stroke-linecap='round' stroke-dasharray='4 3'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* 有记录时的列表项 */
.drop-history .drop-item-content{
  padding:0 8px !important;
}
.drop-history .drop-item-link{
  border-radius:8px !important;
}
.drop-history .drop-item-link:hover{
  background:#fdf6d0 !important;
}
.drop-history .drop-item-link span{
  color:#c7a100 !important;
  background:#fdf6d0;
  border-radius:4px;
  padding:1px 6px;
  font-size:12px;
}
.drop-history .drop-item-link:hover span{
  background:#ffd500 !important;
  color:#1a1a1a !important;
}

/* 清空按钮 */
.drop-history .drop-item-op{
  text-align:right;
  padding:4px 14px 2px !important;
}
.drop-history .drop-item-op a{
  color:#9aa0a6 !important;
  font-size:12px;
}
.drop-history .drop-item-op a:hover{
  color:#c7a100 !important;
}

/* 深色模式下的观看记录下拉 */
.ds-dark .drop-history .drop-item-title{border-bottom-color:#2a2a30;}
.ds-dark .drop-history .drop-item-title strong{color:#e1e3e5 !important;}
.ds-dark .drop-history .drop-prompt{background:#232329;color:#888;}
.ds-dark .drop-history .drop-item-link span{background:#2e2a17;color:#ffd500 !important;}
.ds-dark .drop-history .drop-item-link:hover{background:#2e2a17 !important;}
.ds-dark .drop:hover .drop-content{background:#1e1e24 !important;}
.ds-dark .ds-app-qr-title{color:#e1e3e5;}
.ds-dark .ds-app-qr-tips{color:#888;}
.ds-dark .header-op .member_group .useimg,
.ds-dark .side-op .member_group .useimg{border-color:#2a2a30;}