/* ============================================
   xoxx.tv 风格覆盖样式 (2026-08-16)
   只覆盖配色/导航/卡片视觉，不改模板结构与功能
   引入位置: template/default/html/public/include.html 末尾
   ============================================ */

/* 1. 主色调 = xoxx.tv 粉色 #ff7fac (--zhu_color) */
:root{
  --tpl-accent:#ff7fac !important;
  --tpl-accent-hover:#f06292 !important;
  --tpl-accent-muted:rgba(255,127,172,.22) !important;
  --tpl-radius-cover:8px !important;
}

/* 2. 字体：微软雅黑（xoxx.tv 同款）+ 白色背景 */
body{
  font-family:"Microsoft YaHei","PingFang SC",Verdana,Arial,sans-serif;
  background:#fff;
}

/* 3. 顶部彩虹条 3px（xoxx.tv header-top 同款渐变） */
#topnav::before{
  content:'';
  display:block;
  width:100%;
  height:3px;
  background-image:linear-gradient(to right,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);
}

/* 4. 深色导航底 #232323（xoxx.tv navwarp 同款） */
#topnav,
#topnav .head_box{
  background:#232323 !important;
}
#topnav .header{
  background:transparent !important;
}
/* 吸顶后同样显示彩虹条 */
#topnav .head_box.nav_fixed::before{
  content:'';
  position:absolute;
  top:0;left:0;
  width:100%;
  height:3px;
  background-image:linear-gradient(to right,#73D2F6,#08C 22%,#7FC400 36%,#FFD583 48%,#FFB21E 63%,#FF4D4D 76%,#503873);
}

/* 5. 导航链接：白字 + 粉色 hover/当前页（xoxx.tv 高亮同款） */
#topnav .head_menu_a a,
#topnav .top_nav li a{
  color:#e6e6e6;
}
#topnav .head_menu_a a:hover,
#topnav .top_nav li a:hover{
  color:#ff7fac;
}
#topnav .head_menu_a .active a,
#topnav .top_nav li.active a{
  color:#ff7fac !important;
}
#topnav .top_nav_more_btn{
  color:#e6e6e6;
}
#topnav .top_nav_more_btn:hover{
  background:rgba(255,127,172,.15) !important;
  color:#ff7fac !important;
}
/* 深色导航下图标统一用深底变体（浅色图标），避免浅底变体在深底上看不见 */
#topnav .head-nav-icon-theme--lightbg{
  display:none !important;
}
#topnav .head-nav-icon-theme--darkbg{
  display:inline-flex !important;
}

/* 6. 卡片：圆角8px + 柔和阴影（xoxx.tv main_list 卡片同款） */
.vodlist_item .vodlist_thumb{
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.vodlist_item .vodlist_title a{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:20px;
  max-height:40px;
}
.vodlist_item .vodlist_sub{
  color:#aaa;
  font-size:12px;
}

/* 7. 区块标题：粉色竖条点缀 */
.home-unified-section-head h2::before{
  content:'';
  display:inline-block;
  width:4px;
  height:18px;
  background:#ff7fac;
  border-radius:2px;
  margin-right:8px;
  vertical-align:-2px;
}

/* 8. 更多链接 hover 粉色 */
.pc_more:hover,
.pc_more:hover i{
  color:#ff7fac;
}