/* 前台全站暗黑主题：只由 application/index/view 前台模板引入，不用于总后台/代理后台。 */
:root{
    --front-dark-bg:#050505;
    --front-dark-bg-2:#0b0b0e;
    --front-dark-surface:#111114;
    --front-dark-surface-2:#18181d;
    --front-dark-surface-3:#202027;
    --front-dark-line:rgba(255,255,255,.09);
    --front-dark-line-strong:rgba(255,170,85,.24);
    --front-dark-text:#f7f3ec;
    --front-dark-muted:#a7a19a;
    --front-dark-sub:#d7c7b8;
    --front-dark-primary:#ff8e2d;
    --front-dark-primary-2:#ff5d2d;
    --front-dark-primary-soft:rgba(255,142,45,.14);
    --front-dark-danger:#ff5d5d;
    --front-dark-radius:16px;
    --front-dark-shadow:0 18px 46px rgba(0,0,0,.38);
}

html,
body{
    background:radial-gradient(circle at top,#17100b 0,#050505 34%,#050505 100%) !important;
    color:var(--front-dark-text) !important;
}
body{
    min-height:100vh;
}
body,
input,
button,
select,
textarea{
    color:var(--front-dark-text) !important;
}
a{
    color:inherit;
}

.page,
.app,
.pagewrap,
.register-page,
#app{
    background:transparent !important;
    color:var(--front-dark-text) !important;
}

/* 顶部栏与基础容器 */
.header,
.header.fixed,
.back,
.navfixed,
.nav_wrap,
.user_header,
.cover_container,
.user-total,
.user-list,
.login-box,
.form_wrap,
.card_wrap,
.data_list,
.content .c1,
.vip-card-box,
.modal-login .box,
.modal-collect .box,
.modal-buy .box,
.open_btn,
.download-area,
.box,
#footer,
.footer,
.video .nav,
.nav-search-bd{
    background:linear-gradient(180deg,rgba(28,28,34,.98),rgba(14,14,18,.98)) !important;
    color:var(--front-dark-text) !important;
    border-color:var(--front-dark-line) !important;
    box-shadow:var(--front-dark-shadow) !important;
}
.header,
.back,
.navfixed,
.nav_wrap{
    border-bottom:1px solid var(--front-dark-line) !important;
}
.header-hd,
.tabbar-hd{
    background:transparent !important;
}
.back span,
.header a,
.header .report,
.header .collect,
.user_header p,
.user_header a,
.title,
h1,h2,h3,h4,h5,h6{
    color:var(--front-dark-text) !important;
}

/* 表单 */
input,
textarea,
select,
.login-box .fields .item input,
.header .search,
.search,
.nav-search-input input,
.form_content input{
    background:#15151a !important;
    color:var(--front-dark-text) !important;
    border:1px solid var(--front-dark-line) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
input::placeholder,
textarea::placeholder{
    color:#77716c !important;
}
.login-box,
.register-page .login-box{
    border:1px solid var(--front-dark-line) !important;
    border-radius:22px !important;
    margin:18px 12px !important;
    padding:22px 16px !important;
}
.login-box .title,
.content .c1 .payBox .pay_title,
.info_title .text{
    color:var(--front-dark-primary) !important;
    font-weight:700 !important;
}
.zhuce-tips,
.info_text,
.info_content,
.content .c1 .info_text,
.box .buy,
.box h3,
.page p,
.page span,
.name,
.time,
.desc,
.loading{
    color:var(--front-dark-sub) !important;
}

/* 按钮 */
.login-box .btns a,
.btn_save,
.btn_save1,
.btn_yaoqing,
.btn_item,
.open_btn,
.payBtn,
.tijiao_btn,
.nav-search-btn,
.contianer a,
.download-area .button,
.modal-login .fn-btn .yes,
.modal-buy .type .item,
.modal-buy .btn a,
.modal-collect .btn a,
span[onclick],
span[style*="background-color"]{
    background:linear-gradient(135deg,var(--front-dark-primary),var(--front-dark-primary-2)) !important;
    color:#160c05 !important;
    border:0 !important;
    box-shadow:0 10px 24px rgba(255,110,45,.26) !important;
}
.login-box .btns .register,
.modal-login .fn-btn .no,
.modal-login .fn-btn a:not(.yes),
.btn_item{
    background:rgba(255,142,45,.11) !important;
    color:var(--front-dark-primary) !important;
    border:1px solid var(--front-dark-line-strong) !important;
}
.logout,
.logout a{
    color:#fff !important;
}

/* 分类、列表与卡片 */
.hot-catgory,
.book-catgory,
.video-list,
.book-list,
.user-list .list,
.list,
.box_top,
.content,
.tixian_page{
    background:transparent !important;
    color:var(--front-dark-text) !important;
}
.hot-catgory .title,
.book-catgory .title{
    color:var(--front-dark-primary) !important;
}
.hot-catgory li,
.book-catgory li,
.video-list li,
.book-list li,
.user-list .list li,
#list li,
.data_item,
.form_item,
.selectItem,
.con_item,
.pay_item,
.page p,
.cover_container .nav_item,
.user-list .type .item,
.nav_item{
    background:rgba(20,20,24,.96) !important;
    color:var(--front-dark-text) !important;
    border-color:var(--front-dark-line) !important;
}
.hot-catgory li a,
.book-catgory li a,
.video-list li a,
.book-list li a,
.user-list li a,
#list li a,
.nav_item_left span,
.data_item span,
.content,
.content *:not(img){
    color:var(--front-dark-text) !important;
}
.hot-catgory li.active,
.book-catgory li.active,
.hot-catgory li.active a,
.book-catgory li.active a,
.user-list .type .item.active,
.nav_wrap .active_nav,
.con_itemActive,
.selectItemActive{
    background:var(--front-dark-primary-soft) !important;
    color:var(--front-dark-primary) !important;
    border-color:var(--front-dark-primary) !important;
}
.video-list .thumb,
.video-list .thumb img,
#list img,
.user-list .thumb,
.swiper-slide img{
    background:#0c0c10 !important;
}
.video-list .title,
#list .title,
.user-list .title,
.book-list .name{
    color:var(--front-dark-text) !important;
}
.video-list .desc,
#list .desc,
.user-list .desc,
.book-list .time,
.tongji_name,
.data_item_name,
.data_item_time{
    color:var(--front-dark-muted) !important;
}
.loading{
    background:transparent !important;
}

/* 视频/写真分类页顶部分类栏：去掉旧版浅色按钮和大块空白，统一成暗黑横向胶囊。 */
.hot-catgory,
.book-catgory{
    width:calc(100% - 24px) !important;
    margin:12px auto 10px !important;
    padding:14px 14px 12px !important;
    border:1px solid var(--front-dark-line) !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(18,18,22,.98),rgba(9,9,12,.98)) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.34) !important;
    overflow:hidden !important;
}
.hot-catgory .title,
.book-catgory .title{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 0 12px !important;
    color:var(--front-dark-primary) !important;
    font-size:15px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
}
.hot-catgory .title::before,
.book-catgory .title::before{
    content:'' !important;
    width:4px !important;
    height:16px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,var(--front-dark-primary),var(--front-dark-primary-2)) !important;
    box-shadow:0 0 12px rgba(255,110,45,.36) !important;
}
.hot-catgory ul,
.book-catgory ul{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:9px !important;
    margin:0 !important;
    padding:0 2px 2px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
}
.hot-catgory ul::-webkit-scrollbar,
.book-catgory ul::-webkit-scrollbar{
    display:none !important;
}
.hot-catgory ul li,
.book-catgory ul li{
    flex:0 0 auto !important;
    width:auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.hot-catgory ul li a,
.book-catgory ul li a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:58px !important;
    height:34px !important;
    padding:0 14px !important;
    border:1px solid var(--front-dark-line) !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.06) !important;
    color:rgba(255,255,255,.86) !important;
    box-shadow:none !important;
    white-space:nowrap !important;
    font-size:14px !important;
    line-height:34px !important;
}
.hot-catgory ul li.active a,
.book-catgory ul li.active a{
    border-color:transparent !important;
    background:linear-gradient(135deg,var(--front-dark-primary),var(--front-dark-primary-2)) !important;
    color:#160c05 !important;
    font-weight:700 !important;
}

/* 用户中心、记录、设置 */
.header_bg,
.bg_img{
    opacity:.26 !important;
}
.avatar,
.user_header img.avatar{
    border:2px solid rgba(255,142,45,.55) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.35) !important;
}
.vip-card-box{
    border:1px solid var(--front-dark-line-strong) !important;
    background:linear-gradient(135deg,#2b1608,#15100c 54%,#100f12) !important;
}
.vip-card-box .b-btn,
.b-btn{
    background:linear-gradient(135deg,#ffd08a,#ff8e2d) !important;
    color:#160c05 !important;
}
.cover_container{
    border-radius:18px !important;
    overflow:hidden;
    margin:12px !important;
}
.cover_container .nav_item{
    border-bottom:1px solid var(--front-dark-line) !important;
}
.cover_container .nav_item_right,
.expire{
    color:var(--front-dark-primary) !important;
}
.user-total .item,
.user-list .type{
    background:transparent !important;
    border-color:var(--front-dark-line) !important;
}
.user-total .value{
    color:var(--front-dark-primary) !important;
}
.user-total .name{
    color:var(--front-dark-muted) !important;
}

/* 会员与支付弹层 */
.content .c1,
.payBtnBox,
.popup,
.modal-buy .box,
.modal-login .box,
.modal-collect .box{
    background:#111114 !important;
    color:var(--front-dark-text) !important;
    border:1px solid var(--front-dark-line) !important;
}
.payBtnBox,
.modal-buy .paytype{
    background:rgba(17,17,20,.98) !important;
    border-top:1px solid var(--front-dark-line) !important;
}
.con_item,
.selectItem{
    border-radius:14px !important;
}
.con_item .price,
.content .c1 .con .con_item .price,
.con_itemActive .price,
.content .c1 .con .con_itemActive .price{
    color:var(--front-dark-primary) !important;
}
.con_item .title,
.selectItem .pay_text,
.payBox .pay_title{
    color:var(--front-dark-text) !important;
}
.infoBox{
    border-color:var(--front-dark-line) !important;
}
.infoBox .left,
.infoBox .right,
.infoBox .radius{
    background:linear-gradient(90deg,transparent,var(--front-dark-primary),transparent) !important;
}

/* 提现、代理说明、弹窗遮罩 */
.form_wrap,
.card_wrap,
.model_wrap,
.dailitips_model{
    border:1px solid var(--front-dark-line) !important;
    border-radius:18px !important;
}
.form_label,
.form_content,
.sel_img,
.tongji_num,
.data_item .value{
    color:var(--front-dark-text) !important;
}
.sel_img{
    background:#15151a !important;
    border:1px dashed var(--front-dark-line-strong) !important;
}
.model_mask,
.hidemodel,
.showmodel + .model_mask{
    background:rgba(0,0,0,.72) !important;
}
.model_wrap,
.dailitips_model{
    background:#111114 !important;
}

/* 投诉、跳转、加载和回调页面 */
.weixin-tip,
.linear{
    background:#050505 !important;
}
.page .box,
body > .box{
    min-height:100vh;
}
.box .vip,
.box .buy{
    color:var(--front-dark-text) !important;
}
.page header,
body > header{
    color:var(--front-dark-muted) !important;
}
.other,
.footer,
.page p a,
.footer a{
    color:var(--front-dark-primary) !important;
}
.tousu-page p,
.page p a{
    border-color:var(--front-dark-line) !important;
}

/* MB2 旧模板 */
.video,
.box_top,
#popbox{
    background:transparent !important;
}
.nav a,
#footer a{
    color:var(--front-dark-text) !important;
}
.nav,
.nav-search-bd,
#footer{
    border-color:var(--front-dark-line) !important;
}
#footer{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:50;
}

/* 公共底部导航与反馈层 */
.tabbar,
.tabbar ul,
.tabbar li,
.tabbar a{
    background:rgba(12,12,15,.96) !important;
    color:var(--front-dark-muted) !important;
    border-color:var(--front-dark-line) !important;
}
.tabbar{
    border-top:1px solid var(--front-dark-line) !important;
    box-shadow:0 -12px 32px rgba(0,0,0,.35) !important;
}
.tabbar a:hover,
.tabbar .active,
.tabbar li.active a{
    color:var(--front-dark-primary) !important;
}
.modal-tips .tips,
.modal-loading .box{
    background:rgba(20,20,24,.96) !important;
    color:var(--front-dark-text) !important;
    border:1px solid var(--front-dark-line) !important;
}
.modal-buy,
.modal-login,
.modal-collect,
.modal-loading,
.modal-tips{
    color:var(--front-dark-text) !important;
}
.backtop{
    background-color:rgba(255,142,45,.92) !important;
    box-shadow:0 10px 24px rgba(255,110,45,.28) !important;
}

@media (min-width: 768px){
    body:before{
        content:'';
        position:fixed;
        inset:0;
        pointer-events:none;
        background:linear-gradient(90deg,rgba(255,142,45,.05),transparent 18%,transparent 82%,rgba(255,142,45,.05));
        z-index:-1;
    }
}

/* 浏览器自动填充也保持暗色，避免登录/注册输入框变成浅蓝。 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
    -webkit-text-fill-color:var(--front-dark-text) !important;
    box-shadow:0 0 0 1000px #15151a inset !important;
    transition:background-color 9999s ease-in-out 0s !important;
}