/* =====================================================================
 * 整站手机端首页风格皮肤（theme-v2）
 * 依据首页风格：主题色面板(默认绿 #6eea00) + 黄色药丸按钮(#ffe600) + 红色强调字(#e60012)
 * 支持代理自定义主题色：公共头会注入 :root{--theme-bg:xxx}
 * 加载顺序在 common.css / member.css 等之后，用于全局覆盖
 * ===================================================================== */
:root{
    --theme-bg: #6eea00;      /* 主题色（面板/头部/底部） */
    --theme-accent: #ffe600;  /* 按钮黄 */
    --theme-accent-text: #e60012; /* 按钮字红 */
    --theme-text: #111;       /* 面板上的深色文字 */
}

/* ---------- 全局底色 ---------- */
body{background:#fff !important;}

/* ---------- 顶部导航（两种公共头通用） ---------- */
header, header .head{
    background: var(--theme-bg) !important;
    border-bottom: none !important;
}
header #navTopTitle{
    color: var(--theme-text);
    font-weight: bold;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 15px;
}
header .go-back i{
    border-top: 2px solid var(--theme-text) !important;
    border-right: 2px solid var(--theme-text) !important;
}
header .menu, header .menu span, header .menu i{
    color: var(--theme-text) !important;
}
/* 顶部搜索框改成首页同款白色圆角 */
header .search{
    background: #fff !important;
    border-radius: 17px !important;
}
header .search i{
    color: #2a9e00 !important;
}
/* 展开的分类导航 */
header nav{background:#fff;}
header nav .navbt a{color: var(--theme-accent-text) !important;font-weight:bold;}
header nav .page-m a.navdh{
    background: var(--theme-accent);
    color: var(--theme-accent-text);
    border-radius: 12px;
    font-weight: bold;
}
header .js-nav li.cur > a{color: var(--theme-accent-text);font-weight:bold;}

/* ---------- 底部导航：统一首页黄色药丸风 ---------- */
footer{
    height: auto !important;
    padding: 8px 6px 10px;
    background: var(--theme-bg) !important;
    border-top: none !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    box-sizing: border-box;
}
footer a{
    float: none !important;
    width: auto !important;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 8px 4px !important;
    margin: 0;
    border-radius: 20px;
    background: var(--theme-accent);
    color: var(--theme-accent-text) !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    white-space: nowrap;
}
footer a i{
    display: inline !important;
    font-size: 14px !important;
    padding: 0 !important;
}
footer a.active{
    background: var(--theme-accent);
    color: var(--theme-accent-text) !important;
}

/* ---------- 列表页（视频/图片/资讯） ---------- */
/* 筛选区 */
.vault-box{background:#fff;}
.vault-top .tab a.cur{
    color: var(--theme-accent-text);
    border-bottom: 2px solid var(--theme-accent-text);
    font-weight: bold;
}
.item ul li.current{
    background: var(--theme-accent);
    border-radius: 12px;
}
.item ul li.current a{
    color: var(--theme-accent-text) !important;
    font-weight: bold;
}
/* 列表卡片：首页 hv-card 同款主题色圆角卡片 */
.content-list li{
    background: var(--theme-bg);
    border-radius: 8px;
    overflow: hidden;
    width: 46%;
    margin: 2%;
    padding: 0;
}
.content-list li a.v{display:block;}
.v .v-thumb{
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background: #333;
}
.v .v-metadata{
    padding: 6px 8px !important;
    background: transparent !important;
}
.v .v-title{
    color: var(--theme-text) !important;
    font-size: 12px;
    line-height: 16px;
}
.v .v-desc, .v .v-desc .v-num, .v .v-desc i{
    color: var(--theme-text) !important;
    opacity: .75;
}
.v .v-straw{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
}
/* 无数据提示 */
.not-comment{color:#888;}

/* ---------- 会员中心 ---------- */
/* 顶部个人信息卡：主题色面板替换原背景图 */
.info-box{
    background: var(--theme-bg) !important;
    color: var(--theme-text) !important;
    border-radius: 0 0 14px 14px;
}
.info-box .info-d, .info-box .info-d .name{color: var(--theme-text) !important;}
.info-box .info-d a{color: var(--theme-text) !important;}
.info-box .info-d i{color: var(--theme-text) !important;opacity:.8;}
.info-box .info-d i.fn-jinbi2, .info-box .info-d i.vip{color:#b8860b !important;opacity:1;}
.info-box .foot-bg{display:none !important;}
.info-box .pic-info{box-shadow: rgba(0,0,0,.25) 0 1px 10px;}
/* 三个操作按钮：黄底红字药丸 */
.M-member{background:#fff;}
.M-member .m-box a{
    background: var(--theme-accent) !important;
    border: none !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
    border-radius: 14px;
}
.M-member .m-box a.sign{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
}
.M-member .m-box a.sign.Completion{
    background: #ccc !important;
    color: #fff !important;
}
.M-member .m-box div{border:none !important;}
/* 功能九宫格 */
.M-left{background:#fff;}
.M-left li i{color: var(--theme-accent-text) !important;}
/* 退出按钮 */
.logout{
    background: var(--theme-accent) !important;
    border-radius: 22px;
}
.logout a, .logout i{color: var(--theme-accent-text) !important;font-weight:bold;}

/* 记录页 tab */
.tab-box{background:#fff;}
.tab-box a.cur{
    color: var(--theme-accent-text) !important;
    border-bottom: 2px solid var(--theme-accent-text) !important;
    font-weight: bold;
}

/* ---------- 登录/注册 ---------- */
.login-box button, .register-box button, button.button, .login-box .submit{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
    border-radius: 20px !important;
    border: none;
}
.login-box .forget a, .login-box .forget .register-btn{color: var(--theme-accent-text);}
/* layui 主要按钮统一主题色（会员中心表单等处使用） */
.layui-btn:not(.layui-btn-primary){
    background-color: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
}

/* ---------- 充值/收银台 ---------- */
.switch span.active{
    color: var(--theme-accent-text) !important;
    font-weight: bold;
}
.recharge-box .vip-cel{
    border: 2px solid var(--theme-bg) !important;
}
.recharge-box .vip-cel.on{
    border: 2px solid var(--theme-accent-text) !important;
}
.recharge-box .vip-cel .vip-box{
    background: var(--theme-bg) !important;
}
.recharge-box .vip-cel .vip-box span,
.recharge-box .vip-cel .vip-box p,
.recharge-box .vip-cel .vip-box p var{
    color: var(--theme-text) !important;
}
.recharge-box .vip-cel .Month span{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
}
.payment .credit, button.credit{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
    border: none;
    border-radius: 20px;
}
.payment span var{color: var(--theme-accent-text);font-weight:bold;}

/* ---------- 推广页 ---------- */
.rule-box{
    background: var(--theme-bg) !important;
    border-radius: 14px;
    margin: 10px 8px;
    color: var(--theme-text);
    padding: 12px;
}
.rule-box p{color: var(--theme-text) !important;}
.rule-box p var{color: var(--theme-accent-text) !important;font-weight:bold;}
.exten-btn{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
    border: none;
    border-radius: 20px;
}

/* ---------- 播放页 ---------- */
.tab span.active{
    border-bottom: 2px solid var(--theme-accent-text) !important;
    color: var(--theme-accent-text) !important;
    font-weight: bold;
}
.curlPlayVideoLi{border-left: 3px solid var(--theme-accent-text) !important;}
.powerful li i.gived{color: var(--theme-accent-text) !important;}
.reward li a{color: var(--theme-text);}
.reward li span.money{color: var(--theme-accent-text);}

/* ---------- 通用按钮/强调色兜底 ---------- */
.btn-gotop{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
}
.btn-gotop i{color: var(--theme-accent-text) !important;}
/* 常见蓝/粉按钮统一改主题黄 */
.sheet .list .show-box span:last-child{color: var(--theme-accent-text);}
.pagination li.active, .pagination li.active a{
    background: var(--theme-accent) !important;
    color: var(--theme-accent-text) !important;
    border-color: var(--theme-accent) !important;
}

/* ---------- 首页卡片标题：固定两行高度，避免长短标题撑乱网格 ---------- */
.home-v2 .hv-title,
.hv-title{
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: #111 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}