/* ============================================================
   频道皮肤统一版式 v1（legacy 模板专用，加载在模板内联 <style> 之后）
   作用域：body[class*="-rev"] —— 覆盖各频道皮肤自带的整块品牌色底板
   目标：把「大块品牌色 + 粗边线」的旧观感，换成白卡 + 浅灰底 + 圆角
   ============================================================ */

/* ---------- 页面底色 ---------- */
body[class*="-rev"]{background:#F2F4F7!important}

/* ---------- 顶部搜索/导航条：白底毛玻璃吸顶 ---------- */
body[class*="-rev"] .search_head,
body[class*="-rev"] .searchHead,
body[class*="-rev"] .nav-con,
body[class*="-rev"] .navBox,
body[class*="-rev"] .navbar,
body[class*="-rev"] .bgfff{
  background:rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  box-shadow:0 1px 0 rgba(15,20,24,.06)!important;
  border:0!important;
}
body[class*="-rev"] .nav-con > ul > li > a,
body[class*="-rev"] .navBox > ul > li > a,
body[class*="-rev"] .navbar a,
body[class*="-rev"] .nav-con .all_item,
body[class*="-rev"] .navBox .all_item{
  color:#4A555C!important;font-weight:500!important;
}
body[class*="-rev"] .nav-con > ul > li.currpage > a,
body[class*="-rev"] .nav-con > ul > li.active > a,
body[class*="-rev"] .navBox > ul > li.currpage > a,
body[class*="-rev"] .navbar a.currpage{
  color:#0E9F8E!important;font-weight:700!important;
}

/* 搜索框：浅灰胶囊 */
body[class*="-rev"] .search_box,
body[class*="-rev"] .searchbox,
body[class*="-rev"] .search-con{
  background:#F1F4F6!important;
  border:1px solid #ECEEF2!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
body[class*="-rev"] .search_box input,
body[class*="-rev"] .searchbox input,
body[class*="-rev"] .search-con input{background:transparent!important;color:#0F1418!important}

/* ---------- 分类宫格：整块底板 → 白卡 ---------- */
body[class*="-rev"] .navBox,
body[class*="-rev"] .navList,
body[class*="-rev"] .depart_box,
body[class*="-rev"] .banner_box{
  background:#fff!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 4px 18px -12px rgba(12,42,56,.18)!important;
}
body[class*="-rev"] .nav_li h5,
body[class*="-rev"] .nav_li .name{color:#3C454C!important;font-weight:500!important}
body[class*="-rev"] .nav_li .img_icon,
body[class*="-rev"] .nav_li i,
body[class*="-rev"] .nav_li .ico{
  background:#F2F7F6!important;
  border-radius:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
body[class*="-rev"] .nav_li img{width:60%!important;height:60%!important;object-fit:contain!important}

/* ---------- 分段 Tab：胶囊选中态 ---------- */
body[class*="-rev"] .tab_ul,
body[class*="-rev"] .tab-ul,
body[class*="-rev"] .main-tab .tab{
  background:#fff!important;border-bottom:0!important;
  border-radius:14px!important;padding:4px!important;
  box-shadow:0 4px 16px -12px rgba(12,42,56,.2)!important;
}
body[class*="-rev"] .tab_ul > li,
body[class*="-rev"] .tab-ul > li{color:#7C868D!important;font-weight:500!important;border-radius:10px!important}
body[class*="-rev"] .tab_ul > li.on_tab,
body[class*="-rev"] .tab-ul > li.on,
body[class*="-rev"] .main-tab .tab li.active{
  color:#fff!important;background:linear-gradient(135deg,#12A08D,#2CBBA0)!important;
  box-shadow:0 4px 12px -6px rgba(18,160,141,.6)!important;
}

/* ---------- 内容容器：白卡 ---------- */
body[class*="-rev"] .dataBox,
body[class*="-rev"] .list_box,
body[class*="-rev"] .listBox,
body[class*="-rev"] .content_box,
body[class*="-rev"] .main{
  background:transparent!important;
}

/* ---------- 区块标题：左侧品牌竖条 ---------- */
body[class*="-rev"] .com-title,
body[class*="-rev"] .head_title,
body[class*="-rev"] .section-title,
body[class*="-rev"] .list-title{
  position:relative!important;
  padding-left:11px!important;
  font-size:15px!important;font-weight:700!important;color:#0F1418!important;
  border-left:0!important;
}
body[class*="-rev"] .com-title::before,
body[class*="-rev"] .head_title::before,
body[class*="-rev"] .section-title::before,
body[class*="-rev"] .list-title::before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:15px;border-radius:2px;
  background:linear-gradient(180deg,#12A08D,#35C4A6);
}

/* ---------- 列表项：统一圆角与间距 ---------- */
body[class*="-rev"] .list_item,
body[class*="-rev"] .list-item,
body[class*="-rev"] .list li{
  background:#fff!important;
  border-radius:16px!important;
  border:0!important;
  box-shadow:0 4px 16px -12px rgba(12,42,56,.18)!important;
}

/* ---------- 空态 ---------- */
body[class*="-rev"] .empty,
body[class*="-rev"] .no_data,
body[class*="-rev"] .nodata{
  color:#A5AEB4!important;font-size:13px!important;
}