/* ===== 珂可游社 品牌皮肤 keke-brand.css (v=202608310155) =====
   作用于 duokai.xin/7gds/ 反向代理下的全部页面：
   顶部 header 改为紫色；购买页（7gds default 主题）统一为粉紫卡片风格。 */

/* 页面底色 + 固定 header 留白 */
body{padding-top:54px!important;padding-top:calc(54px + env(safe-area-inset-top,0px))!important;background:#FDF8FA!important}

/* ---------- 顶部 header：红 -> 紫 ---------- */
.header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;height:54px!important;padding-top:env(safe-area-inset-top,0px)!important;background:linear-gradient(135deg,#C084BC,#9F5B9A)!important;border:none!important;box-shadow:0 2px 12px rgba(159,91,154,.18)!important}
.header .container,.header .row,.header .col-12,.header .d-flex{height:100%!important}
.header .col-12{padding:0 10px!important}
.header_left{display:flex!important;align-items:center!important;gap:8px!important;padding-left:0!important}
.header_right{display:flex!important;align-items:center!important;padding-right:0!important}
.header_logo,.online-btn,.header_right .website,.header_right .queryorder,.header_title{display:none!important}
.header_box{display:flex!important;align-items:center!important;justify-content:space-between!important;height:100%!important;padding:0 10px!important}
.keke-back{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;font-weight:700;line-height:1;background:rgba(255,255,255,.18);border-radius:50%;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.keke-back:active{opacity:.8}
.keke-logo{width:30px;height:30px;border-radius:8px;object-fit:cover;background:#fff;display:block}
.keke-title{color:#fff;font-size:17px;font-weight:700;letter-spacing:.5px}
.keke-order{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:13px;font-weight:600;text-decoration:none;padding:6px 10px;background:rgba(255,255,255,.2);border-radius:16px}
.keke-order svg{width:16px;height:16px}
@media(max-width:359px){.keke-title{font-size:15px}.keke-order span{display:none}}

/* ---------- 购买页 紫色统一皮肤 ---------- */

/* 区块标题：左侧色条 + 文字 */
.category .category_title span,.goods .goods_title span{color:#9F5B9A!important}
.category .category_title span::before{background-color:#C084BC!important}
.goods .goods_title span::before{background-color:#C084BC!important}

/* 分类卡片 */
.category .category_list .category_box,
.category .category_list .category_box_bak{
    background:#FDF8FA!important;
    border:1px solid #F0E6EB!important;
    box-shadow:0 .093333rem .133333rem 0 rgba(192,132,188,.10)!important;
}
.category .category_list .category_box img,
.category .category_list .category_box_bak img{display:none!important}
.category .category_list .category_box .cate_name,
.category .category_list .category_box_bak .cate_name{color:#9F5B9A!important}
.category .category_list .category_box .cate_desc,
.category .category_list .category_box_bak .cate_desc{color:#B58BB0!important}
.category .category_list .category_box.active,
.category .category_list .category_box_bak.active{
    background-image:none!important;
    background:#C084BC!important;
    border:1px solid #C084BC!important;
    box-shadow:0 .093333rem .133333rem 0 rgba(192,132,188,.30)!important;
}
.category .category_list .category_box.active .cate_name,
.category .category_list .category_box_bak.active .cate_name{color:#fff!important}
.category .category_list .category_box.active .cate_desc,
.category .category_list .category_box_bak.active .cate_desc{color:#fff!important;opacity:.8!important}

/* 商品卡片 */
.goods .goods_list .goods_box{
    border:1px solid #F0E6EB!important;
    box-shadow:0 .093333rem .133333rem 0 rgba(192,132,188,.10)!important;
    background:#fff!important;
}
.goods .goods_list .goods_box .goods_name{color:#9F5B9A!important}
.goods .goods_list .goods_box .goods_price{color:#C084BC!important}
.goods .goods_list .goods_box .goods_remark{background:#F3E6F1!important;color:#C084BC!important}
.goods .goods_list .goods_box.active{
    border:1px solid #C084BC!important;
    background:#FDF8FA!important;
}
.goods .goods_list .goods_box .icon{display:none!important}

/* 商品描述区 */
.desc{background:#FDF8FA!important;border:1px solid #F0E6EB!important}
.desc .sale_message .content,.desc .desc_content .content{color:#B58BB0!important}

/* 订单信息 */
.order_info .info_box .info_left span:first-child{color:#C084BC!important}
.order_info .info_box .info_left span:nth-child(2){color:#9F5B9A!important}
.order_info .info_box .info_left span:nth-child(3){color:#C084BC!important}
.order_info .info_box .info_box_msg{color:#B58BB0!important}
.order_info .info_box .count_right input{
    background:#FDF8FA!important;
    border:1px solid #F0E6EB!important;
    color:#9F5B9A!important;
}
.order_info .info_box .count_right span p{background:#C084BC!important}
.order_info .info_box .input_right input,
.order_info .info_box .input_coupon input{
    color:#9F5B9A!important;
    border-bottom:1px solid #F0E6EB!important;
}

/* 开关（短信 / 邮件 / 优惠券） */
[type="checkbox"] + label{background-color:#FDF8FA!important}
[type="checkbox"] + label:after{box-shadow:inset 0 0 0 0 #F0E6EB,0 0 1px rgba(0,0,0,.25)!important}
[type="checkbox"]:checked + label:after{background:#C084BC!important;box-shadow:0 0 1px #C084BC!important}

/* 支付方式 */
.pay .pay_title{color:#9F5B9A!important}
.pay .pay_list .pay_box{
    background:#FDF8FA!important;
    border:1px solid #F0E6EB!important;
    color:#9F5B9A!important;
}
.pay .pay_list .pay_box .icon{display:none!important}
.pay .pay_list .pay_box.active{
    border:1px solid #C084BC!important;
    background:#fff!important;
    color:#C084BC!important;
}

/* 底部支付按钮 */
footer{background:#fff!important}
footer .to_pay{
    background:linear-gradient(135deg,#C084BC,#9F5B9A)!important;
    color:#fff!important;
}
footer .to_pay span,footer .to_pay p,footer .to_pay span p{color:#fff!important}

/* 版权 */
.copyright p{color:#B58BB0!important}
.copyright p a,.copyright p a:hover{color:#B58BB0!important}

/* 侧边浮窗（投诉商家 / 卖家客服）统一紫色 */
.bangz_box .item{background:linear-gradient(45deg,#C084BC,#9F5B9A)!important;box-shadow:0 .093333rem .133333rem 0 rgba(192,132,188,.30)!important}
.bangz_box .item:first-child{background:linear-gradient(45deg,#9F5B9A,#C084BC)!important}
.bangz_box .item:nth-child(2){background:linear-gradient(45deg,#C084BC,#9F5B9A)!important}
.bangz_box .item a,.bangz_box span{color:#fff!important}

/* ---------- 隐藏不需要的元素 ---------- */
/* 侧边浮窗：投诉商家、卖家客服 */
.bangz_box{display:none!important}
/* 商品描述区（当前为空，只显示图标） */
.desc{display:none!important}
/* 订单信息区：短信提醒、邮箱提醒、使用优惠券开关 */
.order_info .info_box.coupon{display:none!important}
/* 顶部分类选择区（套餐/包含5种商品卡片） */
.category{display:none!important}
/* 底部版权条 */
.copyright{display:none!important}

/* ---------- 把残留红色统一改成紫色 ---------- */
/* header 内任何红色文字/背景/边框强制紫色系 */
.header *{color:#fff!important}
.header .header_right a,.header .header_right a:hover,.header .header_right span,.header .queryorder{color:#fff!important;background:transparent!important}

/* 支付方式默认态与选中态统一紫色 */
.pay .pay_list .pay_box,
.pay .pay_list .pay_box.active{
    border:1px solid #C084BC!important;
    background:#fff!important;
    color:#C084BC!important;
}
.pay .pay_list .pay_box *{color:#C084BC!important}
.pay .pay_list .pay_box i,.pay .pay_list .pay_box svg{fill:#C084BC!important;color:#C084BC!important}

/* ---------- 支付页输入框无响应修复 ---------- */
/* 确保联系方式输入框永远可点、可聚焦，避免 layer 遮罩残留或 readonly 事件拦截 */
input[name="contact"],input.phone_num,.order_info .input_right input,.input_coupon input{
    pointer-events:auto!important;
    -webkit-user-select:auto!important;
    user-select:auto!important;
    -webkit-touch-callout:auto!important;
    position:relative!important;
    z-index:10!important;
}
/* 移除可能残留的 layer 遮罩层对输入的拦截 */
.layui-layer-shade{pointer-events:none!important}
/* 购卡协议弹窗出现时仍允许底层滚动，但弹窗本身正常响应 */
.layui-layer-dialog,.layui-layer-page{pointer-events:auto!important}

/* ---------- 2026-08-31 v2：渲染前预隐藏，彻底消除闪烁（与 keke-header.js 双保险）---------- */
/* 购卡协议弹窗：默认隐藏，由 keke-header.js 后台自动点「我同意」并移除，用户全程看不到 */
.layui-layer{visibility:hidden!important;opacity:0!important}
.layui-layer-shade{display:none!important}
/* 安全提示页：进入即隐藏整页，由 keke-header.js 直接跳转，用户看不到蓝色页 */
html.keke-hide-page,html.keke-hide-page body{visibility:hidden!important;background:#fff!important}
/* 联系方式输入框：确保永远可点、可聚焦，避免遮罩残留或父层拦截导致首次点击无响应 */
input[name="contact"],input.phone_num,.order_info .input_right input,input[name="email"],input[name="couponcode"],.order_info input{
    pointer-events:auto!important;
    -webkit-user-select:text!important;
    user-select:text!important;
    -webkit-touch-callout:default!important;
    position:relative!important;
    z-index:9999!important;
    background:#fff!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
    -webkit-user-modify:read-write-plaintext-only!important;
    font-size:16px!important
}
.order_info .input_right,.order_info .info_box,.input_coupon,.order_info{pointer-events:auto!important;position:relative!important;z-index:9999!important}