/**
 * Xingliu Shop 商城样式（Xingliu-Pro 主题商城系统）
 * 包含支付弹窗、用户中心、商城后台、抽奖转盘、列表价格角标等样式。
 */
/* 可点击按钮统一显示手型，禁用态显示禁止光标 */
button{cursor:pointer;}
button:disabled,button[disabled]{cursor:not-allowed;}
/***********************支付框-通用***********************/
.xshop-payment{}
.xshop-payment .xshop-modal-dialog{width:300px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-payment .moduletitle{margin-bottom:50px;}
.xshop-payment .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:14px;color:#434343;display:flex;align-items:center;}
.xshop-payment .moduletitle span i{font-size:26px!important;line-height:1;margin-right:5px;}
.xshop-payment .moduletitle button{top:20px;right:20px;}
.xshop-payment .qrcode{margin:0 auto;width:188px;height:188px;padding:8px;border-radius:4px;background-color:#f8f8f8;-webkit-box-shadow:0 3px 15px 3px rgb(146 146 146 / 10%);-moz-box-shadow:0 3px 15px 3px rgba(146,146,146,.1);box-shadow:0 3px 15px 3px rgb(146 146 146 / 10%);background-image:url(../../assets/img/xshop-member-loading.gif);background-repeat:no-repeat;background-position:center;background-size:188px;}
.xshop-payment .qrcode img{max-width:100%;height:auto;border-radius:4px;}
.xshop-payment .money{text-align:center;margin-top:15px;}
.xshop-payment .money span{font-size:16px;}
.xshop-payment .money span em{font-size:12px;color:#434343;margin-right:3px;}
.xshop-payment .desc{text-align:center;margin-top:20px;}
.xshop-payment .desc p{text-align:center;display:inline-block;background:#f8f8f8;padding:8px 16px;border-radius:50px;font-size:14px;}
/*微信支付*/
.xshop-wechat-payment{}
.xshop-wechat-payment .moduletitle span i{color:#21bd0a;}
/*微信H5引导支付*/
.xshop-wechat-payment .guide{text-align:center;margin-top:20px;}
.xshop-wechat-payment .guide .box{display:flex;justify-content:space-around}
.xshop-wechat-payment .guide .box button,.xshop-wechat-payment .guide .box a{padding:0 15px;background:var(--primary-color);color:#fff;border-radius:4px;font-size:14px;}
.xshop-wechat-payment .guide p{text-align:center;display:inline-block;background:#f8f8f8;padding:8px 16px;margin-top:15px;font-size:14px;}
.xshop-wechat-payment .guide p span{color:red;}
/*支付宝支付*/
.xshop-alipay-payment{}
.xshop-alipay-payment .moduletitle span i{color:#1378fe;}
/***********************购买框-通用***********************/
.xshop-purchase{}
.xshop-purchase .xshop-modal-dialog{width:388px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-purchase .moduletitle{margin-bottom:50px;}
.xshop-purchase .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-purchase .moduletitle span i{font-size:26px!important;line-height:1;margin-right:5px;}
.xshop-purchase .moduletitle button{top:20px;right:20px;}
.xshop-purchase .info{margin-bottom:20px;}
.xshop-purchase .info .title{display:block;color:#434343;font-size:16px;margin-bottom:8px;}
.xshop-purchase .info .number{display:flex;align-items:center;}
.xshop-purchase .info .number p{font-size:12px;margin-right:10px;color:#666;}
.xshop-purchase .info .number p em{color:var(--primary-color);font-weight:600;}
.xshop-purchase .info .number span{flex:1;font-size:12px;color:#666;}
.xshop-purchase .info .number .input{}
.xshop-purchase .info .number .input .value{border:none;outline:none;width:30px;text-align:center;}
.xshop-purchase .info .number .input .decrease,.xshop-purchase .info .number .input .increase{outline:none;cursor:pointer;width:25px;height:25px;border-radius:50px;border:1px solid #dbdbdb;background:#fff;}
.xshop-purchase .info .number .input .decrease{}
.xshop-purchase .info .number .input .increase{}
.xshop-purchase .info .number .input input::-webkit-outer-spin-button,.xshop-purchase .info .number .input input::-webkit-inner-spin-button{-webkit-appearance:none !important;margin:0;}
.xshop-purchase .info .number .input input[type="number"]{-moz-appearance:textfield;}
.xshop-purchase .package{margin-bottom:20px;}
.xshop-purchase .package .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-purchase .package ul{}
.xshop-purchase .package ul li{}
.xshop-purchase .package ul li button{background:rgb(255 255 255 / 0%);border:1px solid rgb(0 0 0 / 6%);color:#434343;padding:10px;border-radius:4px;line-height:1;width:100%;text-transform:inherit;}
.xshop-purchase .package ul li button.select{border:1px solid var(--primary-color);background:rgba(0,132,255,.1);}
.xshop-purchase .package ul li button.select span{color:var(--primary-color);}
.xshop-purchase .package ul li button span{display:block;font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.xshop-purchase .way{}
.xshop-purchase .way .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-purchase .way ul{display:flex;flex-flow:nowrap;align-items:center;justify-content:center;}
.xshop-purchase .way ul li{width:100%;display:flex;margin-right:10px;}
.xshop-purchase .way ul li:last-child{margin-right:0px;}
.xshop-purchase .way ul li button{display:flex;align-items:center;justify-content:center;height:45px;line-height:1;font-size:12px;background:rgb(255 255 255 / 0%);border:1px solid rgb(0 0 0 / 6%);color:#434343;width:100%;padding:0;border-radius:4px;}
.xshop-purchase .way ul li button.select{border:1px solid var(--primary-color);}
.xshop-purchase .way ul li button i{font-size:20px !important;margin-right:5px;}
.xshop-purchase .way ul li button i.xshopicon-alipay-fill{color:#226bf3;}
.xshop-purchase .way ul li button i.xshopicon-wechat-pay-fill{color:#22ac38;}
.xshop-purchase .way ul li button i.xshopicon-wallet-3-fill{color:var(--primary-color);}
.xshop-purchase .way ul li button span{}
.xshop-purchase .coupon{margin-top:20px;margin-bottom:15px;}
.xshop-purchase .coupon i{font-size:20px!important;transform:translateY(0px);color:var(--primary-color);}
.xshop-purchase .coupon input{border-radius:4px 0px 0px 4px;border:1px solid #e5e5e5;font-size:12px;}
.xshop-purchase .coupon button{width:100%;line-height:40px;color:var(--primary-color);background:rgba(0,132,255,.1);border-radius:0px 4px 4px 0px;font-size:12px;transition:all .3s;padding:0 10px;}
.xshop-purchase .coupon button:hover{background:var(--primary-color);color:#fff;}
.xshop-purchase .money{position:relative;margin-top:10px;}
.xshop-purchase .money .price{color:#333;font-size:14px;display:inline-block;}
.xshop-purchase .money .price b{color:#FF7D18;font-size:14px;font-weight:600;display:inline-block;line-height:1;}
.xshop-purchase .money .detail{display:inline-block;margin-left:3px;}
.xshop-purchase .money .detail .righttitle{color:#ff7d18;display:inline-block;cursor:pointer;line-height:1;transform:translateY(-1px);}
.xshop-purchase .money .detail:hover .box{display:block;}
.xshop-purchase .money .detail .box{position:absolute;bottom:31px;right:0;left:0;z-index:201;display:none;}
.xshop-purchase .money .detail .box ul{padding:20px 20px 10px 20px;height:100%;border-radius:4px;background:#fff;position:relative;box-shadow:0px 0px 16px 1px rgb(0 0 0 / 10%);}
.xshop-purchase .money .detail .box ul .titles{margin-bottom:10px;font-size:14px;}
.xshop-purchase .money .detail .box ul li{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;}
.xshop-purchase .money .detail .box ul li:last-child{margin-bottom:0px;}
.xshop-purchase .money .detail .box ul li span{}
.xshop-purchase .money .detail .box ul li em{color:#FF7D18;}
.xshop-purchase .money .discount{float:right;display:inline-block;}
.xshop-purchase .money .discount a{border-radius:50px;color:#ff7d18;background:#fff0e1;padding:0 10px;height:22px;line-height:22px;font-size:12px;display:inline-block;}
.xshop-purchase .money .discount:hover .box{display:block;}
.xshop-purchase .money .discount .box{position:absolute;bottom:31px;right:0;left:0;z-index:201;display:none;}
.xshop-purchase .money .discount .box .title{margin-bottom:10px;}
.xshop-purchase .money .discount .box ul{padding:20px;height:100%;border-radius:4px;background:#fff;box-shadow:0px 0px 16px 1px rgb(0 0 0 / 10%);text-align:left;}
.xshop-purchase .money .discount .box ul li{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1;border-bottom:0px dashed #f4f4f4;list-style:none;padding-left:0;}
.xshop-purchase .money .discount .box ul li:after{display:none;}
.xshop-purchase .money .discount .box ul li:last-child{margin-bottom:0px;}
.xshop-purchase .money .discount .box ul li.vip{color:#FF7D18;}
.xshop-purchase .money .discount .box ul li.vip span:after{content:'';position:absolute;right:-11px;top:3px;height:5px;width:5px;background:#FF7D18;box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:50px;display:block;}
.xshop-purchase .money .discount .box ul li span{position:relative;}
.xshop-purchase .money .discount .box ul li p{line-height:1.5;margin-bottom:0;font-size:12px;}
.xshop-purchase .money .discount .box ul li p em{color:#ff7d18;margin-right:5px;}
.xshop-purchase .button{color:#fff;background-color:var(--primary-color);font-size:15px;border-radius:4px;line-height:50px;display:block;width:100%;transition:all .3s;margin-top:20px;}
.xshop-purchase .button:hover{opacity:.8;}
.xshop-purchase .vipbutton{background:#f5cc87;color:#473a09;}
/***********************卡密购买框***********************/
.xshop-purchase-card{}
.xshop-purchase-card .mailbox{margin-bottom:20px;}
.xshop-purchase-card .mailbox input{border-radius:4px;font-size:14px;}
.xshop-purchase-card .mailbox span{display:block;margin-top:10px;background:#f8f8f8;padding:8px 10px;border-radius:4px;font-size:12px;color:#999;}
.xshop-purchase-card .mailbox span i{line-height:1;margin-right:5px;font-size:15px!important;color:#ff9a5f;}
.xshop-purchase-card .desc{margin-top:10px;}
.xshop-purchase-card .desc span{text-align:center;display:inline-block;background:#f8f8f8;color:#999;padding:8px 16px;border-radius:4px;font-size:12px;line-height:2;}
.xshop-purchase-card .desc span a{color:var(--primary-color);margin-left:10px;display:inline-block;}
.xshop-purchase-card .desc span a i{margin-left:3px;font-size:16px!important;line-height:1;}
.xshop-purchase-card .desc span a i:before{content:"\edc6";}
.xshop-purchase-card .desc span a:hover i:before{content:"\edc5";}
/***********************实物购买框***********************/
.xshop-purchase-entity{}
.xshop-purchase-entity .address{margin-bottom:20px;}
.xshop-purchase-entity .address .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-purchase-entity .address .btns{display:flex;justify-content:space-between;background:#f5f5f5;color:#999;border-radius:4px;padding:8px 10px;}
.xshop-purchase-entity .address .btns span{width:100px;}
.xshop-purchase-entity .address .btns p{}
.xshop-purchase-entity .address .btns em{color:#666;font-size:14px;}
.xshop-purchase-entity .message{margin-bottom:20px;}
.xshop-purchase-entity .message .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-purchase-entity .message input{border-radius:4px;font-size:14px;}
/***********************游客购买框***********************/
.xshop-purchase-tourist{}
.xshop-purchase-tourist .desc{margin-top:10px;}
.xshop-purchase-tourist .desc span{text-align:center;display:inline-block;background:#f8f8f8;color:#999;padding:8px 16px;border-radius:4px;font-size:12px;line-height:2;}
.xshop-purchase-tourist .desc span a{color:var(--primary-color);margin-left:10px;display:inline-block;}
.xshop-purchase-tourist .desc span a i{margin-left:3px;font-size:16px!important;line-height:1;}
.xshop-purchase-tourist .desc span a i:before{content:"\edc6";}
.xshop-purchase-tourist .desc span a:hover i:before{content:"\edc5";}
/***********************下载框***********************/
.xshop-download{}
.xshop-download .xshop-modal-dialog{width:388px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-download .moduletitle{margin-bottom:50px;}
.xshop-download .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-download .moduletitle span i{font-size:26px!important;line-height:1;margin-right:5px;}
.xshop-download .moduletitle button{top:20px;right:20px;}
.xshop-download ul{list-style:none;overflow-y:auto;height:231px;}
.xshop-download ul::-webkit-scrollbar{width:5px;height:5px;background-color:#ededed;}
.xshop-download ul::-webkit-scrollbar-track{background-color:#fff;}
.xshop-download ul::-webkit-scrollbar-thumb{background-color:#ededed;border-radius:10px}
.xshop-download ul li{margin-bottom:20px;text-align:center;}
.xshop-download ul li p{margin-bottom:10px;}
.xshop-download ul li a{display:inline-block;color:#fff;background:var(--primary-color);font-size:15px;border-radius:50px;line-height:46px;width:80%;}
.xshop-download ul li a:active{transform:scale(0.95);box-shadow:0 1px 4px -1px var(--shadow);}
.xshop-download ul li a:hover{opacity:.8;}
.xshop-download ul li span{display:block;margin-top:13px;color:#888;font-size:14px;}
.xshop-download ul li span em{display:inline-block;color:var(--primary-color);background:rgba(0,132,255,.1);border:1px dashed var(--primary-color);font-size:12px;border-radius:4px;padding:2px 10px;margin-left:5px;cursor:pointer;word-break:break-all;}
.xshop-download .desc{margin-top:20px;text-align:center;}
.xshop-download .desc span{border:solid 1px #ff8400;padding:2px 10px;color:#ff8400;text-align:center;display:inline-block;border-radius:4px;font-size:12px;margin-bottom:10px;line-height:2;}
.xshop-download .desc p{text-align:center;display:block;background:#f8f8f8;color:#999;padding:8px 16px;border-radius:4px;font-size:12px;}
.xshop-download .desc p em{color:var(--primary-color);display:inline-block;font-weight:600;margin-left:3px;}
/***********************隐藏内容-通用***********************/
.xshop-hide{border-radius:4px;background-color:rgb(239 246 255);border:1px dashed #90c0ff;margin:20px 0;padding:30px 20px;text-align:center;position:relative;}
.xshop-hide .tag{position:absolute;top:20px;left:20px;color:var(--primary-color);background:rgba(0,132,255,.1);padding:5px 10px;border-radius:50px;font-size:12px;}
.xshop-hide .tag i{line-height:1;background:rgb(168 209 255);color:var(--primary-color);border-radius:50px;padding:3px;margin-right:5px;}
.xshop-hide .icon{margin-bottom:15px;}
.xshop-hide .icon i{color:var(--primary-color);background:rgba(0,132,255,.1);border-radius:100px;line-height:1;padding:20px;font-size:50px !important;}
.xshop-hide .desc{margin-bottom:20px;}
.xshop-hide .desc .info{color:#5e6e81;font-size:16px;display:block;}
.xshop-hide .desc .info em{color:#FF7D18;margin:0 5px;font-weight:600;}
.xshop-hide .desc .discount{display:inline-block;position:relative;margin-top:10px;transition:all .3s;}
.xshop-hide .desc .discount a{color:#FF7D18;border:1px solid #FF7D18;border-radius:50px;padding:2px 10px;font-size:12px;}
.xshop-hide .desc .discount:hover .box{display:block;}
.xshop-hide .desc .discount .box{position:absolute;top:30px;left:50%;transform:translateX(-50%);z-index:201;display:none;transition:all .3s;}
.xshop-hide .desc .discount .box .title{margin-bottom:10px;}
.xshop-hide .desc .discount .box ul{padding:20px;height:100%;width:205px;border-radius:4px;background:#fff;position:relative;box-shadow:0px 0px 16px 1px rgb(0 0 0 / 10%);text-align:left;}
.xshop-hide .desc .discount .box ul:before{content:" ";position:absolute;width:0;height:0;left:50%;transform:translateX(-50%);top:-16px;border:10px solid transparent;border-bottom-color:#fff;}
.xshop-hide .desc .discount .box ul li{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1;border-bottom:0px dashed #f4f4f4;list-style:none;padding-left:0;}
.xshop-hide .desc .discount .box ul li:after{display:none;}
.xshop-hide .desc .discount .box ul li:last-child{margin-bottom:0px;}
.xshop-hide .desc .discount .box ul li.vip{color:#FF7D18;}
.xshop-hide .desc .discount .box ul li.vip span:after{content:'';position:absolute;right:-11px;top:3px;height:5px;width:5px;background:#FF7D18;box-shadow:3px 0px 10px -1px var(--primary-color);border-radius:50px;display:block;}
.xshop-hide .desc .discount .box ul li span{position:relative;}
.xshop-hide .desc .discount .box ul li p{line-height:1.5;margin-bottom:0;font-size:12px;}
.xshop-hide .desc .discount .box ul li p em{color:var(--primary-color);margin-right:5px;}
.xshop-hide .btns{display:flex;justify-content:center;align-items:center;}
.xshop-hide .btns button,.xshop-hide .btns a{color:#fff!important;background-color:var(--primary-color);font-size:14px;border-radius:4px;line-height:38px;transition:all .3s;padding:0 28px;border:0;cursor:pointer;text-decoration:none;display:inline-block;}
.xshop-hide .btns > :nth-child(2){margin-left:10px;}
.xshop-hide .btns button:hover,.xshop-hide .btns a:hover{opacity:.8;}
.xshop-hide .btns .vip{background:#f5cc87;color:#473a09!important;}
.xshop-hide .number{display:inline-block;margin-top:10px;color:#999;font-size:14px;}
.xshop-hide .number i,.xshop-hide .number svg{line-height:1;font-size:16px!important;margin-right:5px;color:#ff5200;}
.xshop-hide .number em{color:var(--primary-color);margin:0 3px;}
.xshop-hide .tag svg{margin-right:5px;background:rgb(168 209 255);padding:3px;border-radius:50px;box-sizing:content-box;vertical-align:-1px;}
.xshop-hide .icon svg{color:var(--primary-color);background:rgba(0,132,255,.1);border-radius:100px;padding:20px;box-sizing:content-box;}
/*隐藏内容-付费*/
.xshop-payment-hide{}
/*隐藏内容-登录*/
.xshop-login-hide{}
/*隐藏内容-评论*/
.xshop-comment-hide{}
/*底部购买-下载*/
.xshop-down-hide{}
/***********************隐藏内容-已解锁***********************/
.xshop-hide-content{border-radius:4px;background-color:rgb(239 246 255);border:1px dashed #90c0ff;margin:20px 0;padding:20px;position:relative;}
.xshop-hide-content .tag{position:absolute;top:20px;left:20px;color:var(--primary-color);background:rgba(0,132,255,.1);padding:5px 10px;border-radius:50px;font-size:12px;}
.xshop-hide-content .tag i{line-height:1;background:rgb(168 209 255);color:var(--primary-color);border-radius:50px;padding:3px;margin-right:5px;}
.xshop-hide-content .content{margin-top:40px;}
.xshop-hide-content .content p{font-size:15px;}
/***********************隐藏内容-相册***********************/
.xshop-album{margin:20px 0;text-align:center;}
.xshop-album .desc{border-radius:4px;background-color:rgb(239 246 255);border:1px dashed #90c0ff;padding:10px;position:relative;display:flex;align-items:center;justify-content:space-between;}
.xshop-album .desc .info{color:#5e6e81;font-size:14px;display:inline-block;}
.xshop-album .desc .info i{margin-right:5px;line-height:1;font-size:18px!important;}
.xshop-album .desc .info b{color:var(--primary-color);margin:0 5px;}
.xshop-album .desc .info em{color:#FF7D18;margin:0 5px;font-weight:600;}
.xshop-album .desc button{color:var(--primary-color);border:1px solid var(--primary-color);background-color:rgb(255 255 255 / 0%);border-radius:4px;line-height:33px;transition:all .3s;font-size:14px;padding:0 20px;}
.xshop-album .desc button:hover{background-color:var(--primary-color);color:#fff;}
.xshop-album .desc button.vip{background:#f5cc87;color:#473a09;border:1px solid #f5cc87;}
/*付费相册图片网格*/
.xshop-album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0;margin:15px 0;list-style:none;}
.xshop-album-grid li{margin:0;list-style:none;position:relative;overflow:hidden;border-radius:4px;}
.xshop-album-grid li img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3;}
.xshop-album-grid li.is-lock{pointer-events:none;background:#f0f2f5;min-height:100px;}
/* 锁定图为服务端输出的占位图（真实 URL 不在页面中），不再做模糊/隐藏处理 */
.xshop-album-grid li.is-lock img{opacity:.9;}
@media (max-width:640px){.xshop-album-grid{grid-template-columns:repeat(2,1fr);}}
/* 视频购买遮罩样式见文件后部“视频遮罩：免费/付费”区块（.xshop-video-gate / .xshop-video-hide__*） */
/***********************悬赏采纳***********************/
.xshop-dialog-public{}
.xshop-dialog-public .xshop-modal-dialog{width:360px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:360px 190px;background-repeat:no-repeat;}
.xshop-dialog-public .moduletitle{text-align:center;margin-bottom:30px;}
.xshop-dialog-public .moduletitle span{font-size:24px;font-weight:bold;color:#1b2337;}
.xshop-dialog-public p{text-align:center;margin-bottom:30px;font-size:15px;}
.xshop-dialog-public .btns{text-align:center;}
.xshop-dialog-public .btns .xshop-button-default{margin-right:20px;background-color:#ededed;color:#999;border:1px solid transparent;width:auto;height:auto;border-radius:4px;width:100px;}
.xshop-dialog-public .btns .xshop-button-default:hover{opacity:.8;}
.xshop-dialog-public .btns .xshop-button-primary{background:var(--primary-color);border-radius:4px;width:100px;}
.xshop-dialog-public .btns .xshop-button-primary:hover{opacity:.8;}
/***********************商城中心模块***********************/
.member-module{position:relative;}
.member-module .member-sign{position:absolute;top:20px;left:20px;color:var(--primary-color);background:rgba(0,132,255,.1);border-radius:50px;padding:3px 15px;font-size:12px;}
.member-module .member-sign:hover{color:#fff;background:var(--primary-color);}
.member-module .member-img{display:block;margin-bottom:8px;padding-top:30px;}
.member-module .member-img .img{display:inline-block;position:relative;}
.member-module .member-img .img img{padding:6px;background-color:rgb(2 110 255 / 12%);border-radius:100%!important;}
.member-module .member-img .img i{position:absolute;right:12px;bottom:6px;width:16px;height:16px;background-image:url(../../assets/img/xshop-member-icon.png);display:inline-block;background-size:contain;background-repeat:no-repeat;}
.member-module .member-text{padding:0 30px 30px 30px;}
.member-module .member-text .member-name{display:block;margin:0;font-size:1.25rem;line-height:1.4;font-weight:bolder;}
.member-module .member-text .member-desc-v{margin:20px 0;display:inline-block;color:#ff6a00;font-size:12px;line-height:1.5;background:rgb(255 129 0 / 12%);border-radius:50px;padding:5px 20px;}
.member-module .member-text .member-desc-n{margin:20px 0;display:inline-block;color:#999;font-size:12px;line-height:1.5;background:rgb(0 0 0 / 5%);border-radius:50px;padding:5px 20px;}
.member-module .member-text .member-desc-v i,.member-module .member-text .member-desc-n i{line-height:1;margin-right:5px;font-size:16px!important;}
.member-module .member-text .member-desc-n a{color:#ff6a00;margin-left:5px;}
.member-module .member-text .member-btn1{color:#fff!important;border:1px solid var(--primary-color);background:var(--primary-color);font-size:14px;border-radius:4px;padding:10px 0;display:block;}
.member-module .member-text .member-btn1:hover{opacity:.8;color:#fff;}
.member-module .member-text .member-btn2{color:var(--primary-color)!important;border:1px solid var(--primary-color);font-size:14px;border-radius:4px;padding:10px 0;display:block;}
.member-module .member-text .member-btn2:hover{opacity:.8;color:#fff;}
/*用户菜单*/
.member-data{margin-bottom:20px!important;}
.member-nav{text-align:center;list-style:none}
.member-nav li{}
.member-nav li a{font-size:15px;padding:16px 0;display:block;border-left:2px solid transparent;}
.member-nav li a:hover{color:var(--primary-color)!important;}
.member-nav .active{}
.member-nav .active a{color:var(--primary-color)!important;background-image:linear-gradient(270deg,rgb(213 231 255 / 16%),rgb(123 180 255 / 18%) 51%,rgb(213 231 255 / 10%));border-color:var(--primary-color);}
/*商城中心*/
.member-center{margin-bottom:24px;}
.member-center .top{}
.member-center .top .left{height:100%;}
.member-center .top .left .above{background-image:url(../../assets/img/xshop-member-center-above.png);position:relative;padding:52px 30px;border-top-left-radius:6px;border-top-right-radius:6px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.member-center .top .left .above .img{}
.member-center .top .left .above .img img{border-radius:50px;height:66px;width:66px;padding:5px;background:rgb(255 255 255 / 33%);}
.member-center .top .left .above .name{display:inline-block;margin-top:10px;}
.member-center .top .left .above .name a{font-size:18px;display:inline-block;color:#250000;font-weight:bold;}
.member-center .top .left .above .name em{display:inline-block;background:rgb(244 221 186);border-radius:50px;padding:2px 10px 2px 6px;font-size:12px;color:#250000;transform:translateY(-2px);margin-left:6px;}
.member-center .top .left .above .name em i{background:#e1b97b;color:#fff;font-size:12px!important;border-radius:50px;padding:2px;transform:translateY(-1px);margin-right:5px;line-height:1;}
.member-center .top .left .above p{color:#444;margin-top:3px;font-size:12px;}
.member-center .top .left .below{padding:0 32px;border-radius:0 0 6px 6px;height:57px;line-height:57px;background:#f4ddba;display:flex;align-items:center;}
.member-center .top .left .below span{font-size:14px;color:#3f2114;flex:1;}
.member-center .top .left .below a{padding:0 22px;height:30px;font-size:14px;font-weight:600;line-height:30px;text-align:center;background:#f5cc87;color:#473a09;border-radius:50px;}
.member-center .top .left .below a:hover{background:#f7d5a1;}
.member-center .top .right{padding:20px;border-radius:var(--border-radius-sm);}
.member-center .top .right .title{margin-bottom:20px;align-items:center;}
.member-center .top .right .title span{font-size:16px;font-weight:600;color:var(--text-primary);}
.member-center .top .right .title a{color:var(--text-muted);font-size:12px;}
.member-center .top .right .title a i{line-height:1;font-size:16px!important;margin-right:3px;}
.member-center .top .right .title a:hover{color:var(--theme-color);}
.member-center .top .right .item{padding:20px;border-radius:var(--border-radius-sm);}
.member-center .top .right .item1{background-image:-webkit-linear-gradient( 62deg,#aaf5ea 0%,#e7fffb 100%);}
.member-center .top .right .item1 span{font-size:22px;font-weight:600;color:#01474f;}
.member-center .top .right .item1 span em{margin-left:5px;color:#529192;font-size:12px;font-weight:400;}
.member-center .top .right .item1 p{margin:10px 0 15px 0;color:#529192;font-size:14px;}
.member-center .top .right .item2{background-image:-webkit-linear-gradient( 62deg,#fcf6e5 0%,#fffaf2 100%);}
.member-center .top .right .item2 span{font-size:22px;font-weight:600;color:#973e06;}
.member-center .top .right .item2 span em{margin-left:5px;color:#ba7e54;font-size:12px;font-weight:400;}
.member-center .top .right .item2 p{margin:10px 0 15px 0;color:#ba7e54;font-size:14px;}
.member-center .top .right .item1 .btn1{padding:3px 15px;border:1px solid #33d3ca;background-image:-webkit-linear-gradient( 62deg,#08c0c5 0%,#33d3ca 100%);border-radius:4px;color:#fff;margin-right:5px;font-size:14px;}
.member-center .top .right .item1 .btn2{border:1px solid #08c0c5;padding:3px 15px;border-radius:4px;color:#08c0c5;font-size:14px;}
.member-center .top .right .item2 .btn1{padding:3px 15px;border:1px solid #ffc689;background-image:-webkit-linear-gradient( 62deg,#ff9550 0%,#ffc689 100%);border-radius:4px;color:#fff;margin-right:5px;font-size:14px;}
.member-center .top .right .item2 .btn2{border:1px solid #ffc689;padding:3px 15px;border-radius:4px;color:#ff9550;font-size:14px;}
.member-center .middle{}
.member-center .middle .item{padding:30px 20px;border-radius:var(--border-radius-sm);align-items:center;background-color:var(--bg-card);color:var(--text-primary);}
.member-center .middle .item1{background-image:url(../../assets/img/xshop-member-center-middle-item1.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.member-center .middle .item2{background-image:url(../../assets/img/xshop-member-center-middle-item2.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.member-center .middle .item3{background-image:url(../../assets/img/xshop-member-center-middle-item3.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.member-center .middle .item4{background-image:url(../../assets/img/xshop-member-center-middle-item4.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.member-center .middle .item i{width:40px;height:40px;margin-right:11px;}
.member-center .middle .item1 i{background:url(../../assets/img/xshop-member-center-middle-item1-i.png) no-repeat;background-size:cover;}
.member-center .middle .item2 i{background:url(../../assets/img/xshop-member-center-middle-item2-i.png) no-repeat;background-size:cover;}
.member-center .middle .item3 i{background:url(../../assets/img/xshop-member-center-middle-item3-i.png) no-repeat;background-size:cover;}
.member-center .middle .item4 i{background:url(../../assets/img/xshop-member-center-middle-item4-i.png) no-repeat;background-size:cover;}
.member-center .middle .item span{font-size:14px;}
.member-center .middle .item p{font-weight:600;}
.member-center .bottom{padding:20px;border-radius:var(--border-radius-sm);}
.member-center .bottom .item{min-height:204px;}
.member-center .bottom .item .title{font-size:16px;font-weight:600;color:var(--text-primary);}
.member-center .bottom .item .more{color:var(--text-muted);font-size:12px;background:var(--bg-hover);border-radius:50px;padding:3px 10px;}
.member-center .bottom .item .more i{line-height:1;font-size:12px!important;transform:translateY(0px);margin-left:3px;}
.member-center .bottom .item .more:hover{color:var(--text-tertiary);background:var(--border-primary);}
.member-center .bottom .item ul{}
.member-center .bottom .item ul li{margin-top:15px;align-items:center;}
.member-center .bottom .item ul li a{color:var(--text-secondary);font-size:14px;}
.member-center .bottom .item ul li a:hover{color:var(--theme-color);}
.member-center .bottom .item ul li span{padding-left:20px;font-size:12px;color:var(--text-muted);}
.member-center .bottom .item .empty{text-align:center;}
.member-center .bottom .item .empty i{background-image:url(../../assets/img/xingliu-member-empty.svg);background-repeat:no-repeat;background-position:center;background-size:contain;display:block;min-height:150px;margin-right:auto!important;margin-left:auto!important;}
.member-center .bottom .item .empty p{color:var(--text-tertiary);font-size:14px;}
.member-center .xshop-background-default{background:var(--bg-card);}
/*我的资产*/
.member-property{}
.member-property .top{padding:30px;}
.member-property .top span.title{font-size:18px;font-weight:600;color:#434343;display:block;margin-bottom:20px;}
.member-property .top .box{padding:30px;border-radius:4px;position:relative;}
.member-property .top .box .title{color:#fff;font-size:16px;margin-bottom:20px;position:relative;z-index:1;}
.member-property .top .box .title:after{content:"";position:absolute;top:12px;left:0px;width:78px;height:12px;border-radius:12px;z-index:-1;}
.member-property .top .box span{display:inline-block;font-size:35px;font-weight:600;color:#fff;line-height:1;font-family:impact;}
.member-property .top .box em{display:inline-block;margin-left:10px;color:#fff;}
.member-property .top .box p{display:block;margin-top:10px;color:#fff;font-size:12px;}
.member-property .top .balance{background-color:#3B83FD;}
.member-property .top .balance:after{content:"";position:absolute;bottom:0;right:0;background-image:url(../../assets/img/xshop-member-balance.png);background-repeat:no-repeat;background-size:100% 100%;width:71px;height:62px;}
.member-property .top .balance a{color:#3B83FD;background:#fff;font-size:14px;border-radius:4px;padding:6px 26px;display:inline-block;position:absolute;right:20px;top:66px;}
.member-property .top .balance a:hover{opacity:.8;}
.member-property .top .balance .title:after{}
.member-property .top .integral{background-image:-webkit-linear-gradient( -17deg,#fc973d 0%,#ffc490 100%);}
.member-property .top .integral:after{content:"";position:absolute;bottom:0;right:0;background-image:url(../../assets/img/xshop-member-integral.png);background-repeat:no-repeat;background-size:100% 100%;width:71px;height:62px;}
.member-property .top .integral a{color:#fc983e;background:#fff;font-size:14px;border-radius:4px;padding:6px 26px;display:inline-block;position:absolute;right:20px;top:66px;}
.member-property .top .integral a:hover{opacity:.8;}
.member-property .task{margin-top:30px;}
.member-property .task ul{}
.member-property .task ul li{}
.member-property .task ul li .box{align-items:center;background:#f8f8f8;padding:20px;}
.member-property .task ul li .box i{border-radius:50px;background:#ebebeb;padding:6px;line-height:1;margin-right:10px;transform:translateY(0px);}
.member-property .task ul li .box span{}
.member-property .task ul li .box p{font-size:12px;color:#f25125;margin-right:10px;}
.member-property .task ul li .box a{color:#fff;background:var(--primary-color);font-size:12px;border-radius:50px;padding:3px 15px;display:inline-block;}
.member-property .bottom{border-radius:4px;padding:30px;}
.member-property .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;}
.member-property .bottom .title a{font-size:14px;color:#434343;margin-right:20px;display:inline-block;}
.member-property .bottom .title a:hover{color:var(--primary-color);}
.member-property .bottom .title a.current{border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
/*我的资产-记录*/
.member-property .bottom .record{margin-top:30px;}
.member-property .bottom .record .box{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-property .bottom .record .box .header{display:flex;background-color:#f9f9f9;box-shadow:inherit;}
.member-property .bottom .record .box .header .header-1,.member-property .bottom .record .box .header .header-2,.member-property .bottom .record .box .header .header-3,.member-property .bottom .record .box .header .header-4{width:25%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-property .bottom .record .box .list{}
.member-property .bottom .record .box .list li{display:flex;}
.member-property .bottom .record .box .list li .list-1,.member-property .bottom .record .box .list li .list-2,.member-property .bottom .record .box .list li .list-3,.member-property .bottom .record .box .list li .list-4{width:25%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;}
.member-property .bottom .record .box .list li .list-2 .increase{color:#0ec302;}
.member-property .bottom .record .box .list li .list-2 .decrease{color:#e30000;}
/*我的订单*/
.member-order{}
.member-order .top{padding:30px;}
.member-order .top span.title{font-size:18px;font-weight:600;color:#434343;display:block;margin-bottom:20px;}
.member-order .top .box{padding:30px;border-radius:4px;position:relative;}
.member-order .top .box .title{color:#fff;font-size:16px;margin-bottom:20px;position:relative;z-index:1;}
.member-order .top .box span{display:inline-block;font-size:35px;font-weight:600;color:#fff;line-height:1;font-family:impact;}
.member-order .top .box em{display:inline-block;margin-left:10px;color:#fff;}
.member-order .top .box p{display:block;margin-top:10px;color:#fff;font-size:12px;}
.member-order .top .purchase{background:-webkit-linear-gradient( -17deg,#13c07e 0%,#4edda7 100%);}
.member-order .top .purchase:after{content:"";position:absolute;bottom:0;right:0;background-image:url(../../assets/img/xshop-member-balance.png);background-repeat:no-repeat;background-size:100% 100%;width:71px;height:62px;}
.member-order .top .vip{background-image:-webkit-linear-gradient( -17deg,#fc973d 0%,#ffc490 100%);}
.member-order .top .vip:after{content:"";position:absolute;bottom:0;right:0;background-image:url(../../assets/img/xshop-member-order-vip.png);background-repeat:no-repeat;background-size:100% 100%;width:71px;height:62px;}
.member-order .bottom{border-radius:4px;padding:30px;}
.member-order .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;}
.member-order .bottom .title a{font-size:14px;color:#434343;margin-right:20px;display:inline-block;}
.member-order .bottom .title a:hover{color:var(--primary-color);}
.member-order .bottom .title a.current{border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
/*我的订单-购买记录*/
.member-order .bottom .commodity{margin-top:30px;}
.member-order .bottom .commodity .box{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-order .bottom .commodity .box .header{display:flex;background-color:#f9f9f9;box-shadow:inherit;}
.member-order .bottom .commodity .box .header .header-1,.member-order .bottom .commodity .box .header .header-2,.member-order .bottom .commodity .box .header .header-3,.member-order .bottom .commodity .box .header .header-4,.member-order .bottom .commodity .box .header .header-5{width:15%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-order .bottom .commodity .box .header .header-1{width:40%;}
.member-order .bottom .commodity .box .list{}
.member-order .bottom .commodity .box .list li{display:flex;}
.member-order .bottom .commodity .box .list li .list-1,.member-order .bottom .commodity .box .list li .list-2,.member-order .bottom .commodity .box .list li .list-3,.member-order .bottom .commodity .box .list li .list-4,.member-order .bottom .commodity .box .list li .list-5{width:15%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;align-items:center;display:flex;justify-content:center;}
.member-order .bottom .commodity .box .list li .list-1{width:40%;}
.member-order .bottom .commodity .box .list li .list-5 button{color:#fff;background:var(--primary-color);font-size:14px;border-radius:50px;line-height:32px;padding:0px 12px;display:inline-block;}
.member-order .bottom .commodity .box .list li .list-5 button:hover{opacity:.8;}
/*我的订单-购买记录-订单详情*/
.xshop-order-details{}
.xshop-order-details .xshop-modal-dialog{width:660px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:660px 190px;background-repeat:no-repeat;}
.xshop-order-details .moduletitle{margin-bottom:45px;}
.xshop-order-details .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-order-details .moduletitle button{top:17px;right:20px;}
.xshop-order-details .module{background:#fff;padding:30px;border-radius:4px;-webkit-box-shadow:0 0 20px 0 rgb(0 0 0 / 5%);box-shadow:0 0 20px 0 rgb(0 0 0 / 5%);}
.xshop-order-details .module .title{display:block;margin-bottom:15px;font-size:16px;}
.xshop-order-details .module .title i{line-height:1;font-size:20px!important;margin-right:6px;color:var(--primary-color);}
.xshop-order-details .module .list{background:#f8f8f8;padding:10px;border-radius:4px;}
.xshop-order-details .module .list span{color:#999;margin-right:5px;display:inline-block;font-size:12px;}
.xshop-order-details .module .list p{display:inline-block;font-size:12px;}
.xshop-order-details .module .list p em{color:var(--primary-color);}
.xshop-order-details .module .list a{color:var(--primary-color);font-size:12px;}
.xshop-order-details .module .item{background:#f8f8f8;padding:10px;border-radius:4px;font-size:12px;}
.xshop-order-details .module .item span{color:#999;margin-bottom:5px;display:block;}
.xshop-order-details .module .item p{display:block;}
.xshop-order-details .module .downbtn{margin-top:20px;}
.xshop-order-details .module .downbtn a{color:#fff !important;border:1px solid var(--primary-color);background:var(--primary-color);font-size:15px;border-radius:4px;padding:12px 0;display:block;text-align:center;}
.xshop-order-details .module .downbtn a:hover{opacity:.8;}
.xshop-order-details .module .downbtn a i{font-size:17px !important;margin-right:5px;}
/*我的订单-购买记录-订单详情-物流信息*/
.xshop-order-logistics{}
.xshop-order-logistics .xshop-modal-dialog{width:460px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-order-logistics .moduletitle{margin-bottom:45px;}
.xshop-order-logistics .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-order-logistics .moduletitle button{top:17px;right:20px;}
.xshop-order-logistics .module{list-style:none;overflow-y:auto;height:300px;}
.xshop-order-logistics .module::-webkit-scrollbar{width:6px;height:6px;background-color:#ccc;}
.xshop-order-logistics .module::-webkit-scrollbar-track{background-color:#fff;}
.xshop-order-logistics .module::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}
/*我的订单-会员记录*/
.member-order .bottom .vip{margin-top:30px;}
.member-order .bottom .vip .box{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-order .bottom .vip .box .header{display:flex;background-color:#f9f9f9;box-shadow:inherit;}
.member-order .bottom .vip .box .header .header-1,.member-order .bottom .vip .box .header .header-2,.member-order .bottom .vip .box .header .header-3,.member-order .bottom .vip .box .header .header-4{width:25%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-order .bottom .vip .box .list{}
.member-order .bottom .vip .box .list li{display:flex;}
.member-order .bottom .vip .box .list li .list-1,.member-order .bottom .vip .box .list li .list-2,.member-order .bottom .vip .box .list li .list-3,.member-order .bottom .vip .box .list li .list-4{width:25%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;}
.member-order .bottom .vip .box .list li .list-2 .increase{color:#0ec302;}
.member-order .bottom .vip .box .list li .list-2 .decrease{color:#e30000;}
/*我的卡券*/
.member-card{}
.member-card .top{padding:30px;}
.member-card .top span.title{font-size:18px;font-weight:600;color:#434343;display:block;margin-bottom:20px;}
.member-card .top .box{padding:30px;border-radius:4px;position:relative;}
.member-card .top .item1{background-color:#fcedeb;}
.member-card .top .item2{background-color:#faf3d4;}
.member-card .top .item1,.member-card .top .item2{background-image:url(../../assets/img/xshop-member-promotion.png);background-repeat:no-repeat;background-size:100% 100%;}
.member-card .top .box .title{color:#666;font-size:16px;margin-bottom:20px;position:relative;z-index:1;}
.member-card .top .box span{display:inline-block;font-size:35px;font-weight:600;line-height:1;font-family:impact;}
.member-card .top .item1 span{color:#eb5858;}
.member-card .top .item2 span{color:#f69a47;}
.member-card .top .box span em{display:inline-block;margin-left:10px;font-size:12px;font-weight:400;color:inherit;}
.member-card .top .box p{display:block;margin-top:10px;font-size:12px;}
.member-card .bottom{border-radius:4px;padding:30px;}
.member-card .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;}
.member-card .bottom .title a{font-size:14px;color:#434343;margin-right:20px;display:inline-block;}
.member-card .bottom .title a:hover{color:var(--primary-color);}
.member-card .bottom .title a.current{border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
.member-card .bottom .coupon{}
.member-card .bottom .coupon .box{}
.member-card .bottom .coupon .box .nav{margin:30px 0;}
.member-card .bottom .coupon .box .nav a{padding:5px 20px;border-radius:4px;display:inline-block;margin-right:20px;color:#888;background:rgb(165 165 165 / 11%);font-size:14px;}
.member-card .bottom .coupon .box .nav a:last-child{margin-right:0px;}
.member-card .bottom .coupon .box .nav a:hover{color:var(--primary-color);background:rgba(0,132,255,.1);}
.member-card .bottom .coupon .box .nav a.current{color:var(--primary-color);background:rgba(0,132,255,.1);}
.member-card .bottom .coupon .box ul{}
.member-card .bottom .coupon .box ul li{}
.member-card .bottom .coupon .box ul li .to{border-radius:10px;background:#fff5f6;position:relative;overflow:hidden;}
.member-card .bottom .coupon .box ul li .to em{width:140px;height:28px;line-height:28px;font-size:12px;background:#ffe8d6;position:absolute;right:-44px;top:3px;text-align:center;-webkit-transform:rotate(36deg);}
.member-card .bottom .coupon .box ul li .to .value{text-align:center;border-top-right-radius:10px;border-bottom-right-radius:10px;background-image:-webkit-linear-gradient( 270deg,#ff6c54 0%,#ff4a35 100%);}
.member-card .bottom .coupon .box ul li .to .value p{font-weight:600;color:#fff;font-size:28px;display:block;margin-top:28px;}
.member-card .bottom .coupon .box ul li .to .value a{background:#fff;color:#e13b29;padding:0 15px;display:inline-block;height:28px;line-height:28px;border-radius:50px;margin-top:5px;transition:.4s;text-align:center;box-shadow:0 4px 9px 0 rgb(224 30 15 / 26%);}
.member-card .bottom .coupon .box ul li .to .value a:hover{transform:translateY(-4px);}
.member-card .bottom .coupon .box ul li .to .desc{padding:20px 20px 20px 0px;}
.member-card .bottom .coupon .box ul li .to .desc .title{color:#e13b29;font-size:15px;}
.member-card .bottom .coupon .box ul li .to .desc p{margin-bottom:3px;font-size:12px;}
.member-card .bottom .coupon .box ul li .to .desc p:last-child{margin-bottom:0px;}
/*我的下载*/
.member-download{}
.member-download .top{padding:30px;}
.member-download .top span.title{font-size:18px;font-weight:600;color:#434343;display:block;margin-bottom:20px;}
.member-download .top .box{padding:30px;border-radius:4px;position:relative;overflow:hidden;background-color:var(--primary-color);}
.member-download .top .box:after{content:"";position:absolute;right:-20px;bottom:-10px;width:110px;height:110px;border-radius:100px;background-color:rgba(245,245,245,0.1);}
.member-download .top .box:before{content:"";position:absolute;right:-40px;top:10px;width:100px;height:100px;border-radius:100px;background-color:rgba(245,245,245,0.1);}
.member-download .top .box .title{color:#fff;font-size:16px;margin-bottom:20px;}
.member-download .top .box span{display:inline-block;font-size:35px;font-weight:600;color:#fff;line-height:1;font-family:impact;}
.member-download .top .box em{display:inline-block;margin-left:10px;color:#fff;}
.member-download .top .box p{display:block;margin-top:10px;color:#fff;font-size:12px;}
/*我的下载-记录*/
.member-download .bottom{border-radius:4px;padding:30px;}
.member-download .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;margin-bottom:30px;}
.member-download .bottom .title span{font-size:14px;display:inline-block;border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
.member-download .bottom .box{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-download .bottom .box .header{display:flex;background-color:#f9f9f9;box-shadow:inherit;}
.member-download .bottom .box .header .header-1,.member-download .bottom .box .header .header-2,.member-download .bottom .box .header .header-3,.member-download .bottom .box .header .header-4{border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-download .bottom .box .header .header-1{width:40%;}
.member-download .bottom .box .header .header-3{width:10%;}
.member-download .bottom .box .header .header-2,.member-download .bottom .box .header .header-4{width:25%;}
.member-download .bottom .box .list{}
.member-download .bottom .box .list li{display:flex;}
.member-download .bottom .box .list li .list-1,.member-download .bottom .box .list li .list-2,.member-download .bottom .box .list li .list-3,.member-download .bottom .box .list li .list-4{border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;align-items:center;display:flex;justify-content:center;}
.member-download .bottom .box .list li .list-1{width:40%;}
.member-download .bottom .box .list li .list-3{width:10%;}
.member-download .bottom .box .list li .list-2,.member-download .bottom .box .list li .list-4{width:25%;}
/*我的推广*/
.member-promotion{}
.member-promotion .top{padding:30px;}
.member-promotion .top span.title{font-size:18px;font-weight:600;color:#434343;display:block;margin-bottom:20px;}
.member-promotion .top .box{padding:30px;border-radius:4px;position:relative;min-height:102px;}
.member-promotion .top .item1{background-color:#e0eaf7;}
.member-promotion .top .item2{background-color:#faf3d4;}
.member-promotion .top .item3{background-color:#fcedeb;}
.member-promotion .top .item1,.member-promotion .top .item2,.member-promotion .top .item3{background-image:url(../../assets/img/xshop-member-promotion.png);background-repeat:no-repeat;background-size:100% 100%;}
.member-promotion .top .box .title{color:#666;font-size:12px;}
.member-promotion .top .box span{font-size:35px;font-family:impact;line-height:1;display:block;margin-top:20px;margin-bottom:8px;}
.member-promotion .top .item1 span{color:#3580e6;}
.member-promotion .top .item2 span{color:#f69a47;}
.member-promotion .top .item3 span{color:#eb5858;}
.member-promotion .top .box p{display:inline-block;font-size:12px;margin-right:20px;}
.member-promotion .top .box p:last-child{margin-right:0;}
.member-promotion .top .box span em{display:inline-block;margin-left:10px;font-size:12px;color:inherit;}
/*推广链接*/
.member-promotion .top .link{background:#f6f6f6;border-radius:8px;position:relative;margin:30px 0;padding:15px;}
.member-promotion .top .link:after{content:"";position:absolute;bottom:0;right:10px;background-image:url(../../assets/img/xshop-member-promotion-link.png);background-repeat:no-repeat;background-size:100% 100%;width:275px;height:105px;}
.member-promotion .top .link .module{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;}
.member-promotion .top .link .module .title{font-size:12px;color:#999;line-height:43px;padding:0 15px 0 5px;}
.member-promotion .top .link .module .input{margin-right:15px;border:none;padding:0 10px;border-radius:8px;font-size:13px;color:#333;width:260px;height:43px;}
.member-promotion .top .link .module .input input{border:none;padding:0 10px;border-radius:8px;font-size:13px;color:#333;width:260px;height:43px;}
.member-promotion .top .link .module .input input:focus{outline:none;}
.member-promotion .top .link .module .button1{display:inline-block;vertical-align:middle;height:43px;line-height:43px;border:1px solid transparent;padding:0 20px;background-color:#fff;color:#3580e6;white-space:nowrap;text-align:center;font-size:14px;border-radius:8px;margin-right:15px;cursor:pointer;transition:all .3s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.member-promotion .top .link .module .button1:hover{opacity:.9;}
.member-promotion .top .link .module .button2{display:inline-block;vertical-align:middle;height:43px;line-height:43px;border:1px solid transparent;padding:0 20px;background-color:#3580e6;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
.member-promotion .top .link .module .button2:hover{opacity:.9;}
/*我的推广-记录*/
.member-promotion .bottom{border-radius:4px;padding:30px;}
.member-promotion .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;}
.member-promotion .bottom .title a{font-size:14px;color:#434343;margin-right:20px;display:inline-block;}
.member-promotion .bottom .title a:hover{color:var(--primary-color);}
.member-promotion .bottom .title a.current{border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
.member-promotion .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;margin-bottom:30px;}
.member-promotion .bottom .title span{font-size:14px;display:inline-block;border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
/*推广奖励*/
.member-promotion .bottom .reward{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-promotion .bottom .reward .header{display:flex;background-color:#f9f9f9;}
.member-promotion .bottom .reward .header .header-1,.member-promotion .bottom .reward .header .header-2,.member-promotion .bottom .reward .header .header-3{width:33.33333333%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-promotion .bottom .reward .list{}
.member-promotion .bottom .reward .list li{display:flex;}
.member-promotion .bottom .reward .list li .list-1,.member-promotion .bottom .reward .list li .list-2,.member-promotion .bottom .reward .list li .list-3{width:33.33333333%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;align-items:center;display:flex;justify-content:center;}
/*推广用户*/
.member-promotion .bottom .promotion{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-promotion .bottom .promotion .header{display:flex;background-color:#f9f9f9;}
.member-promotion .bottom .promotion .header .header-1,.member-promotion .bottom .promotion .header .header-2,.member-promotion .bottom .promotion .header .header-3,.member-promotion .bottom .promotion .header .header-4{width:25%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-promotion .bottom .promotion .list{}
.member-promotion .bottom .promotion .list li{display:flex;}
.member-promotion .bottom .promotion .list li .list-1,.member-promotion .bottom .promotion .list li .list-2,.member-promotion .bottom .promotion .list li .list-3,.member-promotion .bottom .promotion .list li .list-4{width:25%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;align-items:center;display:flex;justify-content:center;word-break:break-all;}
/*推广佣金*/
.member-promotion .bottom .commission{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-promotion .bottom .commission .header{display:flex;background-color:#f9f9f9;}
.member-promotion .bottom .commission .header .header-1,.member-promotion .bottom .commission .header .header-2,.member-promotion .bottom .commission .header .header-3,.member-promotion .bottom .commission .header .header-4,.member-promotion .bottom .commission .header .header-5,.member-promotion .bottom .commission .header .header-6{width:calc(100% * 1 / 6.001);border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-promotion .bottom .commission .list{}
.member-promotion .bottom .commission .list li{display:flex;}
.member-promotion .bottom .commission .list li .list-1,.member-promotion .bottom .commission .list li .list-2,.member-promotion .bottom .commission .list li .list-3,.member-promotion .bottom .commission .list li .list-4,.member-promotion .bottom .commission .list li .list-5,.member-promotion .bottom .commission .list li .list-6{width:calc(100% * 1 / 6.001);border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;align-items:center;display:flex;justify-content:center;word-break:break-all;}
/*推广说明*/
.member-promotion .desc{padding:20px;}
.member-promotion .desc .title{border-bottom:#f8f8f8 1px solid;height:40px;margin-bottom:30px;color:#434343;}
.member-promotion .desc .title span{border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);display:inline-block;}
.member-promotion .desc .content{line-height:2;color:#999;}
/*我的收益*/
.member-income{}
.member-income .top{padding:30px;}
.member-income .top span.title{font-size:18px;font-weight:600;color:#434343;display:block;margin-bottom:20px;}
.member-income .top .box{padding:30px;border-radius:4px;position:relative;min-height:102px;}
.member-income .top .item1{background-color:#e0eaf7;}
.member-income .top .item2{background-color:#faf3d4;}
.member-income .top .item1,.member-income .top .item2{background-image:url(../../assets/img/xshop-member-promotion.png);background-repeat:no-repeat;background-size:100% 100%;}
.member-income .top .item1 a,.member-income .top .item2 a{color:#fff;font-size:14px;border-radius:4px;padding:6px 26px;display:inline-block;position:absolute;right:20px;top:66px;}
.member-income .top .item1 a{background:#3b83fd;}
.member-income .top .item2 a{background:#f69a47;}
.member-income .top .item1 a:hover,.member-income .top .item2 a:hover{opacity:.8;}
.member-income .top .box .title{color:#666;font-size:12px;}
.member-income .top .box span{font-size:35px;font-family:impact;line-height:1;display:block;margin-top:20px;margin-bottom:8px;}
.member-income .top .item1 span{color:#3580e6;}
.member-income .top .item2 span{color:#f69a47;}
.member-income .top .box p{display:inline-block;font-size:12px;margin-right:20px;}
.member-income .top .box p:last-child{margin-right:0;}
.member-income .top .record1,.member-income .top .record2,.member-income .top .record3{background:#f5f7fd;padding:20px;border-radius:4px;}
.member-income .top .record1 .title,.member-income .top .record2 .title,.member-income .top .record3 .title{margin-bottom:10px;color:#7D8592;}
.member-income .top .record1 span,.member-income .top .record2 span,.member-income .top .record3 span{font-size:20px;color:#3D4A5D;font-family:impact;display:block;}
/*我的收益-记录*/
.member-income .bottom{border-radius:4px;padding:30px;}
.member-income .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;}
.member-income .bottom .title a{font-size:14px;color:#434343;margin-right:20px;display:inline-block;}
.member-income .bottom .title a:hover{color:var(--primary-color);}
.member-income .bottom .title a.current{border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
.member-income .bottom .title{border-bottom:#f8f8f8 1px solid;height:40px;margin-bottom:30px;}
.member-income .bottom .title span{font-size:14px;display:inline-block;border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);}
/*收益记录*/
.member-income .bottom .income{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-income .bottom .income .header{display:flex;background-color:#f9f9f9;box-shadow:inherit;}
.member-income .bottom .income .header .header-1,.member-income .bottom .income .header .header-2,.member-income .bottom .income .header .header-3,.member-income .bottom .income .header .header-4,.member-income .bottom .income .header .header-5{width:20%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-income .bottom .income .list{}
.member-income .bottom .income .list li{display:flex;}
.member-income .bottom .income .list li .list-1,.member-income .bottom .income .list li .list-2,.member-income .bottom .income .list li .list-3,.member-income .bottom .income .list li .list-4,.member-income .bottom .income .list li .list-5{width:20%;border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;align-items:center;display:flex;justify-content:center;word-break:break-all;}
/*提现记录*/
.member-income .bottom .withdrawal{border-top:1px solid #eee;border-left:1px solid #eee;}
.member-income .bottom .withdrawal .header{display:flex;background-color:#f9f9f9;box-shadow:inherit;}
.member-income .bottom .withdrawal .header .header-1,.member-income .bottom .withdrawal .header .header-2,.member-income .bottom .withdrawal .header .header-3,.member-income .bottom .withdrawal .header .header-4,.member-income .bottom .withdrawal .header .header-5,.member-income .bottom .withdrawal .header .header-6{width:calc(100% * 1 / 6.001);border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;}
.member-income .bottom .withdrawal .list{}
.member-income .bottom .withdrawal .list li{display:flex;}
.member-income .bottom .withdrawal .list li .list-1,.member-income .bottom .withdrawal .list li .list-2,.member-income .bottom .withdrawal .list li .list-3,.member-income .bottom .withdrawal .list li .list-4,.member-income .bottom .withdrawal .list li .list-5,.member-income .bottom .withdrawal .list li .list-6{width:calc(100% * 1 / 6.001);border-right:1px solid #eee;border-bottom:1px solid #eee;font-size:14px;padding:15px;text-align:center;color:#999;align-items:center;display:flex;justify-content:center;}
.member-income .bottom .withdrawal .list li .list-4 .true{color:#67c23a;}
.member-income .bottom .withdrawal .list li .list-4 .false{color:#f56c6c;}
/*提现说明*/
.member-income .desc{padding:20px;}
.member-income .desc .title{border-bottom:#f8f8f8 1px solid;height:40px;margin-bottom:30px;color:#434343;}
.member-income .desc .title span{border-bottom:var(--primary-color) 2px solid;height:39px;color:var(--primary-color);display:inline-block;}
.member-income .desc .content{line-height:2;color:#999;}
/*我的认证*/
.member-authentication{padding-bottom:30px;}
.member-authentication .bg{border-radius:4px;height:260px;background-image:url(../../assets/img/xshop-member-authentication-bg.png)}
.member-authentication .bg .title{margin-top:60px;}
.member-authentication .bg .title h1{font-size:36px;font-weight:600;color:#fff;margin-bottom:10px;}
.member-authentication .bg .title p{color:#fff;}
.member-authentication .module{padding:30px;margin:-80px 100px 70px 100px;box-shadow:0px 3px 43px 0px rgb(123 175 255 / 20%);border-radius:20px;position:relative;}
.member-authentication .module .front{background-size:cover;background-repeat:no-repeat;width:315px;height:222px;background-image:url(../../assets/img/xshop-member-authentication-front.png)}
.member-authentication .module .behind{background-size:cover;background-repeat:no-repeat;width:315px;height:222px;background-image:url(../../assets/img/xshop-member-authentication-behind.png)}
.member-authentication .box{margin-top:30px;}
.member-authentication .box form{}
.member-authentication .box form label{}
.member-authentication .box form input{}
.member-authentication .box .btn{text-align:center;margin-top:30px;}
.member-authentication .box .btn a{display:inline-block;height:50px;line-height:50px;background-color:#fc5e20;background:linear-gradient(
90deg,rgba(255,111,8,1) 0%,rgba(250,74,61,1) 100%);border-radius:4px;padding:0 60px;color:#fff;font-size:16px;}
.member-authentication .box .btn p{color:#999;margin-top:10px;font-size:12px;}
.member-authentication .module ul{}
.member-authentication .module ul li{margin-bottom:20px;}
.member-authentication .module ul li:last-child{margin-bottom:0px;}
.member-authentication .module ul li span{display:inline-block;margin-right:20px;}
.member-authentication .module ul li p{display:inline-block;}
.member-authentication .module ul em{background:#116aff2e;color:#126bff;display:block;text-align:center;padding:10px;border-radius:4px;}
/***********************开通会员框***********************/
.xshop-svip{}
.xshop-svip .xshop-modal-dialog{width:768px;padding:0;border-radius:4px;background-color:#FFF2E5;background-image:url(../../assets/img/xshop-member-svip.png);background-size:100% auto;background-repeat:no-repeat;}
.xshop-svip .xshop-modal-dialog .top{padding:30px;border-radius:4px 4px 0px 0px;}
.xshop-svip .xshop-modal-dialog .top .moduletitle{text-align:center;margin-bottom:20px;}
.xshop-svip .xshop-modal-dialog .top .moduletitle span{font-size:20px;font-weight:600;color:#752A00;margin-bottom:10px;display:block;}
.xshop-svip .xshop-modal-dialog .top .moduletitle p{color:#752A00;font-size:14px;}
.xshop-svip .xshop-modal-dialog .top .moduletitle button{top:17px;right:20px;}
.xshop-svip .xshop-modal-dialog .top .package{padding:20px;border-radius:4px;margin-bottom:10px;}
.xshop-svip .xshop-modal-dialog .top .package ul{}
.xshop-svip .xshop-modal-dialog .top .package ul li{}
.xshop-svip .xshop-modal-dialog .top .package ul li button{background-color:rgb(255 255 255 / 0%);border:2px solid #eee;color:#434343;padding:30px 10px 20px 10px;border-radius:4px;line-height:1;width:100%;text-align:center;position:relative;}
.xshop-svip .xshop-modal-dialog .top .package ul li button.select{border:2px solid #FF7D17;background-color:#FFFBF8;}
.xshop-svip .xshop-modal-dialog .top .package ul li button.select p{color:#ff7d18;}
.xshop-svip .xshop-modal-dialog .top .package ul li button span{font-size:15px;}
.xshop-svip .xshop-modal-dialog .top .package ul li button span.time{color:#999;font-size:12px;margin-top:15px;display:block;}
.xshop-svip .xshop-modal-dialog .top .package ul li button p{display:block;margin:15px 0 20px 0;font-size:30px;font-weight:600;}
.xshop-svip .xshop-modal-dialog .top .package ul li button em{background:#FFF5EA;color:#ff7d18;padding:5px 10px;display:inline-block;border-radius:50px;line-height:1.5;}
.xshop-svip .xshop-modal-dialog .top .package ul li button .tag{position:absolute;top:-2px;left:-2px;height:24px;line-height:24px;text-align:center;background:linear-gradient(102.51deg,#ff451d 3.76%,#ff6f32 93.18%);border-radius:4px 0 8px 0;color:#fff;font-size:14px;font-weight:400;padding:0 12px;}
.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left-out,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right-out,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right{display:block;width:35px;height:35px;line-height:40px;background:#fff;color:#666;box-shadow:0 2px 6px 0 rgb(0 0 0 / 10%);border-radius:50%;text-align:center;}
.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left-out,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left{z-index:1;left:-38px;margin:0;transform:translateY(-50%) translateY(0px);}
.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right-out,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right{z-index:1;right:-38px;margin:0;transform:translateY(-50%) translateY(0px);}
.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left-out i,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right-out i,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left i,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right i{line-height:1;font-size:25px!important;}
.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left-out:hover,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right-out:hover,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-left:hover,.xshop-svip .xshop-modal-dialog .top .package .xshop-position-center-right:hover{color:#111;}
.xshop-svip .xshop-modal-dialog .top .desc{padding:20px;border-radius:4px;margin-bottom:10px;}
.xshop-svip .xshop-modal-dialog .top .desc span{color:#333;margin-bottom:10px;font-weight:700;font-size:14px;line-height:18px;display:block;}
.xshop-svip .xshop-modal-dialog .top .desc p{font-size:12px;color:#666;line-height:2;}
.xshop-svip .xshop-modal-dialog .top .way{padding:20px;border-radius:4px;}
.xshop-svip .xshop-modal-dialog .top .way ul{display:flex;flex-flow:nowrap;align-items:center;justify-content:center;background-color:#FAFAFA;border-radius:4px;padding:12px;}
.xshop-svip .xshop-modal-dialog .top .way ul li{width:100%;display:flex;margin-right:10px;background:#fff;}
.xshop-svip .xshop-modal-dialog .top .way ul li:last-child{margin-right:0px;}
.xshop-svip .xshop-modal-dialog .top .way ul li button{display:flex;height:46px;line-height:1;font-size:14px;background:#fff;color:#202020;width:100%;padding:0 20px;border-radius:4px;justify-content:flex-start;align-items:center;position:relative;}
.xshop-svip .xshop-modal-dialog .top .way ul li button.select{}
.xshop-svip .xshop-modal-dialog .top .way ul li button i{font-size:20px !important;margin-right:6px;}
.xshop-svip .xshop-modal-dialog .top .way ul li button i.xshopicon-wechat-pay-fill{color:#22ac38;}
.xshop-svip .xshop-modal-dialog .top .way ul li button i.xshopicon-alipay-fill{color:#226bf3;}
.xshop-svip .xshop-modal-dialog .top .way ul li button i.xshopicon-wallet-3-fill{color:#ff8a16;}
.xshop-svip .xshop-modal-dialog .top .way ul li button span{}
.xshop-svip .xshop-modal-dialog .top .way ul li button .icon{width:20px;height:20px;border-radius:50%;overflow:hidden;border:1px solid #E0E0E0;position:absolute;right:20px;}
.xshop-svip .xshop-modal-dialog .top .way ul li button.select .icon{background:url(../../assets/img/xshop-member-svip-selected.png) no-repeat;background-size:100%;border:none;}
.xshop-svip .xshop-modal-dialog .top .way .coupon{margin-bottom:20px;padding:10px;background:#fafafa;border-radius:4px;}
.xshop-svip .xshop-modal-dialog .top .way .coupon i{font-size:20px!important;transform:translateY(0px);color:#ff8a16;}
.xshop-svip .xshop-modal-dialog .top .way .coupon input{border-radius:4px 0px 0px 4px;border:1px solid #e5e5e5;font-size:14px;}
.xshop-svip .xshop-modal-dialog .top .way .coupon button{width:100%;line-height:40px;background:#ffe4c9;color:#ff8a16;border-radius:0px 4px 4px 0px;font-size:14px;transition:all .3s;}
.xshop-svip .xshop-modal-dialog .top .way .coupon button:hover{background:#ffdcb9;}
.xshop-svip .xshop-modal-dialog .bottom{padding:16px 30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #f3f3f3;border-radius:0px 0px 4px 4px;}
.xshop-svip .xshop-modal-dialog .bottom .money{}
.xshop-svip .xshop-modal-dialog .bottom .money span{color:#333;font-size:20px;font-weight:600;}
.xshop-svip .xshop-modal-dialog .bottom .money p{color:#FF7D18;font-size:26px;font-weight:600;display:inline-block;line-height:1;}
.xshop-svip .xshop-modal-dialog .bottom .money p span{color:#FF7D18;font-size:26px;font-weight:600;display:inline-block;line-height:1;}
.xshop-svip .xshop-modal-dialog .bottom .money em{border-radius:50px;color:#ff7d18;background:#fff0e1;padding:0 10px;height:20px;line-height:20px;font-size:12px;display:inline-block;margin-left:10px;transform:translateY(-4px);}
.xshop-svip .xshop-modal-dialog .bottom button{width:200px;height:63px;line-height:63px;background:linear-gradient(270deg,#FF7500 0%,#FF9A45 100%);border-radius:4px;font-weight:700;font-size:20px;color:#fff;transition:all .3s;}
.xshop-svip .xshop-modal-dialog .bottom button:hover{background:linear-gradient(270deg,#FF9A45 0%,#FF7500 100%);}
/***********************账户充值框***********************/
.xshop-recharge{}
.xshop-recharge .xshop-modal-dialog{width:460px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-recharge .xshop-modal-dialog .moduletitle{margin-bottom:30px;}
.xshop-recharge .xshop-modal-dialog .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-recharge .xshop-modal-dialog .moduletitle button{top:17px;right:20px;}
.xshop-recharge .xshop-modal-dialog .package{margin-bottom:20px;}
.xshop-recharge .xshop-modal-dialog .package .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-recharge .xshop-modal-dialog .package .title i{line-height:1;font-size:18px!important;margin-left:5px;color:#ff5200;}
.xshop-recharge .xshop-modal-dialog .package ul{}
.xshop-recharge .xshop-modal-dialog .package ul li{}
.xshop-recharge .xshop-modal-dialog .package ul li button{background:rgb(255 255 255 / 0%);border:1px solid rgb(0 0 0 / 6%);color:#434343;padding:15px 10px;border-radius:4px;line-height:1;width:100%;}
.xshop-recharge .xshop-modal-dialog .package ul li button.select{border:1px solid var(--primary-color);}
.xshop-recharge .xshop-modal-dialog .package ul li button span{display:block;font-weight:600;font-size:16px;margin-bottom:10px;}
.xshop-recharge .xshop-modal-dialog .package ul li button em{color:var(--primary-color);background:rgba(0,132,255,.1);padding:5px 10px;display:inline-block;margin-bottom:10px;border-radius:50px;font-size:12px;}
.xshop-recharge .xshop-modal-dialog .package ul li button p{}
.xshop-recharge .xshop-modal-dialog .money{margin-bottom:20px;}
.xshop-recharge .xshop-modal-dialog .money .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-recharge .xshop-modal-dialog .money input{border-radius:4px;}
.xshop-recharge .xshop-modal-dialog .way{}
.xshop-recharge .xshop-modal-dialog .way .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-recharge .xshop-modal-dialog .way ul{display:flex;flex-flow:nowrap;align-items:center;justify-content:center;}
.xshop-recharge .xshop-modal-dialog .way ul li{width:100%;display:flex;margin-right:10px;}
.xshop-recharge .xshop-modal-dialog .way ul li:last-child{margin-right:0px;}
.xshop-recharge .xshop-modal-dialog .way ul li button{display:flex;align-items:center;justify-content:center;height:45px;line-height:1;font-size:12px;background:rgb(255 255 255 / 0%);border:1px solid rgb(0 0 0 / 6%);color:#434343;width:100%;padding:0;border-radius:4px;}
.xshop-recharge .xshop-modal-dialog .way ul li button.select{border:1px solid var(--primary-color);}
.xshop-recharge .xshop-modal-dialog .way ul li button i{font-size:20px !important;margin-right:5px;}
.xshop-recharge .xshop-modal-dialog .way ul li button i.xshopicon-alipay-fill{color:#226bf3;}
.xshop-recharge .xshop-modal-dialog .way ul li button i.xshopicon-wechat-pay-fill{color:#22ac38;}
.xshop-recharge .xshop-modal-dialog .way ul li button i.xshopicon-bank-card-fill{color:var(--primary-color);}
.xshop-recharge .xshop-modal-dialog .way ul li button span{}
.xshop-recharge .xshop-modal-dialog .button{color:#fff;background:var(--primary-color);font-size:15px;border-radius:4px;line-height:50px;display:block;width:100%;transition:all .3s;margin-top:20px;}
.xshop-recharge .xshop-modal-dialog .button:hover{opacity:.8;}
/***********************积分兑换框***********************/
.xshop-exchange{}
.xshop-exchange .xshop-modal-dialog{width:460px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-exchange .xshop-modal-dialog .moduletitle{}
.xshop-exchange .xshop-modal-dialog .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-exchange .xshop-modal-dialog .moduletitle button{top:17px;right:20px;}
.xshop-exchange .xshop-modal-dialog .number{margin-top:50px;text-align:center;}
.xshop-exchange .xshop-modal-dialog .number .title{display:block;color:#999;margin-bottom:20px;text-align:center;font-size:16px;}
.xshop-exchange .xshop-modal-dialog .number input{border-radius:4px;width:80%;display:flex;align-content:center;align-items:center;justify-content:center;margin:0 auto;}
.xshop-exchange .xshop-modal-dialog .number span{text-align:center;display:inline-block;margin-top:10px;background:#f8f8f8;padding:8px 16px;border-radius:50px;font-size:12px;}
.xshop-exchange .xshop-modal-dialog .number span p{color:var(--primary-color);margin:0 10px;display:inline-block;}
.xshop-exchange .xshop-modal-dialog .button{color:#fff;background:var(--primary-color);font-size:15px;border-radius:4px;line-height:50px;display:block;width:100%;transition:all .3s;margin-top:20px;}
.xshop-exchange .xshop-modal-dialog .button:hover{opacity:.8;}
/***********************卡密充值框***********************/
.xshop-cards{}
.xshop-cards .xshop-modal-dialog{width:460px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-cards .xshop-modal-dialog .moduletitle{}
.xshop-cards .xshop-modal-dialog .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-cards .xshop-modal-dialog .moduletitle button{top:17px;right:20px;}
.xshop-cards .xshop-modal-dialog .number{margin-top:50px;text-align:center;}
.xshop-cards .xshop-modal-dialog .number .title{display:block;color:#999;margin-bottom:20px;text-align:center;font-size:16px;}
.xshop-cards .xshop-modal-dialog .number input{border-radius:4px;width:80%;display:flex;align-content:center;align-items:center;justify-content:center;margin:0 auto;}
.xshop-cards .xshop-modal-dialog .number span{text-align:center;display:inline-block;margin-top:10px;background:#f8f8f8;padding:8px 16px;border-radius:50px;font-size:12px;line-height:2;}
.xshop-cards .xshop-modal-dialog .number span a{color:var(--primary-color);margin-left:10px;display:inline-block;}
.xshop-cards .xshop-modal-dialog .number span a i{margin-left:3px;font-size:16px!important;line-height:1;}
.xshop-cards .xshop-modal-dialog .number span a i:before{content:"\edc6";}
.xshop-cards .xshop-modal-dialog .number span a:hover i:before{content:"\edc5";}
.xshop-cards .xshop-modal-dialog .button{color:#fff;background:var(--primary-color);font-size:15px;border-radius:4px;line-height:50px;display:block;width:100%;transition:all .3s;margin-top:20px;}
.xshop-cards .xshop-modal-dialog .button:hover{opacity:.8;}
/***********************收益提现框***********************/
.xshop-extract{}
.xshop-extract .xshop-modal-dialog{width:460px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-extract .xshop-modal-dialog .moduletitle{margin-bottom:30px;display:block;}
.xshop-extract .xshop-modal-dialog .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-extract .xshop-modal-dialog .moduletitle button{top:17px;right:20px;}
.xshop-extract .xshop-modal-dialog .way{margin-bottom:20px;}
.xshop-extract .xshop-modal-dialog .way .title{display:block;color:#999;margin-bottom:10px;}
.xshop-extract .xshop-modal-dialog .way ul{display:flex;flex-flow:nowrap;align-items:center;justify-content:center;}
.xshop-extract .xshop-modal-dialog .way ul li{width:100%;display:flex;margin-right:10px;}
.xshop-extract .xshop-modal-dialog .way ul li:last-child{margin-right:0px;}
.xshop-extract .xshop-modal-dialog .way ul li button{display:flex;align-items:center;justify-content:center;height:45px;line-height:1;font-size:12px;background:rgb(255 255 255 / 0%);border:1px solid rgb(0 0 0 / 6%);color:#434343;width:100%;padding:0;border-radius:4px;}
.xshop-extract .xshop-modal-dialog .way ul li button.select{border:1px solid var(--primary-color);}
.xshop-extract .xshop-modal-dialog .way ul li button i{font-size:20px !important;margin-right:5px;}
.xshop-extract .xshop-modal-dialog .way ul li button i.xshopicon-alipay-fill{color:#226bf3;}
.xshop-extract .xshop-modal-dialog .way ul li button i.xshopicon-wallet-3-fill{color:var(--primary-color);}
.xshop-extract .xshop-modal-dialog .way ul li button span{}
.xshop-extract .xshop-modal-dialog .info{margin-bottom:20px;}
.xshop-extract .xshop-modal-dialog .info .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-extract .xshop-modal-dialog .info input{margin-bottom:10px;border-radius:4px;}
.xshop-extract .xshop-modal-dialog .info input:last-child{margin-bottom:0px;}
.xshop-extract .xshop-modal-dialog .money{margin-bottom:10px;}
.xshop-extract .xshop-modal-dialog .money .title{display:block;color:#999;margin-bottom:10px;font-size:14px;}
.xshop-extract .xshop-modal-dialog .money input{border-radius:4px;}
.xshop-extract .xshop-modal-dialog .money span{text-align:center;display:inline-block;margin-top:10px;background:#f8f8f8;padding:8px 16px;border-radius:50px;font-size:12px;line-height:2;}
.xshop-extract .xshop-modal-dialog .attention{color:var(--primary-color);background:rgba(0,132,255,.1);padding:8px 10px;border-radius:4px;margin-bottom:20px;font-size:12px;}
.xshop-extract .xshop-modal-dialog .attention span{margin-right:20px;}
.xshop-extract .xshop-modal-dialog .attention span:last-child{margin-right:00px;}
.xshop-extract .xshop-modal-dialog .attention span em{margin-left:10px;font-weight:600;color:#ff4a6c;}
.xshop-extract .xshop-modal-dialog .desc{padding:20px;border-radius:4px;background:#f8f8f8;}
.xshop-extract .xshop-modal-dialog .desc span{color:#333;margin-bottom:10px;font-weight:700;font-size:14px;line-height:18px;display:block;}
.xshop-extract .xshop-modal-dialog .desc p{font-size:12px;color:#666;line-height:2;}
.xshop-extract .xshop-modal-dialog .button{color:#fff;background:var(--primary-color);font-size:15px;border-radius:4px;line-height:50px;display:block;width:100%;transition:all .3s;margin-top:20px;}
.xshop-extract .xshop-modal-dialog .button:hover{opacity:.8;}
/***********************签到框***********************/
.xshop-sign{}
.xshop-sign .xshop-modal-dialog{width:460px;border-radius:4px;background-image:url(../../assets/img/xshop-recharge.png);background-size:460px 190px;background-repeat:no-repeat;}
.xshop-sign .moduletitle{margin-bottom:30px;display:block;}
.xshop-sign .moduletitle span{position:absolute;z-index:1010;top:20px;left:30px;font-size:18px;font-weight:600;color:#434343;}
.xshop-sign .moduletitle button{top:17px;right:20px;}
.xshop-sign .number{margin-bottom:20px;}
.xshop-sign .number span{font-size:26px;font-weight:600;color:#333;}
.xshop-sign .number span em{font-size:14px;color:#333;margin-left:5px;}
.xshop-sign .list{box-shadow:0 0 20px 0 rgb(0 0 0 / 5%);background:#fff;padding:20px;border-radius:4px;position:relative;}
.xshop-sign .list .title{display:block;margin-bottom:20px;font-size:14px;font-weight:600;color:#333;}
.xshop-sign .list .title em{margin:0 5px;color:var(--primary-color);}
.xshop-sign .list .rule{}
.xshop-sign .list .rule span{color:#999;font-size:14px;}
.xshop-sign .list .rule:hover .box{display:block;}
.xshop-sign .list .rule .box{position:absolute;top:60px;left:0;right:0;z-index:201;display:none;}
.xshop-sign .list .rule .box p{padding:20px;height:100%;border-radius:4px;background:#fff;position:relative;box-shadow:0px 0px 16px 1px rgb(0 0 0 / 10%);color:#666;font-size:14px;}
.xshop-sign .list .rule .box p i{margin-right:5px;color:var(--primary-color);font-size:18px!important;line-height:1;}
.xshop-sign .list ul{display:flex;flex-flow:nowrap;align-items:center;justify-content:center;}
.xshop-sign .list ul li{width:100%;margin-right:10px;font-size:12px;text-align:center;}
.xshop-sign .list ul li:last-child{margin-right:0px;}
.xshop-sign .list ul li .integral{background:#f8f8f8;padding:5px;border-radius:2px;}
.xshop-sign .list ul li .integral p{color:var(--primary-color);}
.xshop-sign .list ul li .integral span{margin-top:10px;color:#999;}
.xshop-sign .list ul li .currency{background:#f8f8f8;padding:5px;margin-top:10px;border-radius:2px;}
.xshop-sign .list ul li .currency p{color:#ff8a16;}
.xshop-sign .list ul li .currency span{margin-top:10px;color:#999;}
.xshop-sign .list ul li.complete{}
.xshop-sign .list ul li.complete .integral{background:rgba(0,132,255,.1);}
.xshop-sign .list ul li.complete .currency{background:rgb(255 138 22 / 16%);}
.xshop-sign .list ul li .date{font-size:12px;margin-top:6px;color:#999;}
.xshop-sign .button{color:#fff;background:var(--primary-color);font-size:15px;border-radius:4px;line-height:50px;display:block;width:100%;transition:all .3s;margin-top:20px;}
.xshop-sign .button.correct{opacity:.6;cursor:not-allowed;}
/*页面*/
.member-main{margin-top:20px;}
.member-content{min-height:883px;margin-bottom:20px!important;}
.member-page-title{padding:20px;}
.member-page-title span{color:#434343;font-size:18px;font-weight:600;}
/*内容为空*/
.member-empty{text-align:center;margin-bottom:200px;}
.member-empty i{background-image:url(../../assets/img/xingliu-member-empty.svg);background-repeat:no-repeat;background-position:center;background-size:contain;display:block;min-height:366px;margin-right:auto!important;margin-left:auto!important;}
.member-empty p{color:#999;}
/*分页*/
.paginate{text-align:center;margin:40px 0 20px 0 !important;}
.paginate .page-numbers{background:#fff;display:inline-block;padding:0 16px;height:40px;line-height:40px;font-size:15px;margin:0 6px;border-radius:6px;color:#666;transition:all .3s;-webkit-box-shadow:0 2px 10px 0 #d8dde6;box-shadow:0 2px 10px 0 #d8dde6;}
.paginate .page-numbers:hover{background:var(--primary-color);color:#fff;}
.paginate .current{background:var(--primary-color);color:#fff;}
/***********************抽奖活动***********************/
.xshop-lottery-modal{}
.xshop-lottery-modal .xshop-modal-dialog{width:390px;padding:0;background:rgb(255 255 255 / 0%);}
.xshop-lottery-modal .xshop-modal-close-default{top:0px;right:0px;color:rgb(255 255 255 / 42%);background:rgb(0 0 0 / 22%);border-radius:50px;padding:10px;width:30px;height:30px;}
.xshop-lottery-modal .xshop-modal-close-default:hover{color:#fff;}
.xshop-lottery-modal .module{display:block;margin-top:20px;background:rgb(0 0 0 / 44%);padding:20px;border-radius:4px;font-size:12px;}
.xshop-lottery-modal .module span{display:block;margin-bottom:10px;color:#fff;}
.xshop-lottery-modal .module p{line-height:2;color:#c1c1c1;}
.xshop-lottery-modal .module p em{color:var(--primary-color);margin:0 10px;display:inline-block;}
/***********************手机端***********************/
@media screen and (max-width:900px){/*商城中心*/
    .member-nav{list-style:none;white-space:nowrap;overflow-x:auto !important;}
.member-nav::-webkit-scrollbar{display:none;}
.member-nav li{display:inline-block;}
.member-nav li a{padding:14px 8px;}
.member-nav .active a{border-color:rgb(19 192 126 / 0%);}
.member-center .top .left .above{padding:20px;}
.member-center .top .left .below{height:50px;line-height:50px;padding:0 20px;}
.member-center .top .left .below span{font-size:12px;}
.member-center .top .left .below a{padding:0 15px;}
.member-center .middle .item{padding:20px 20px;}
.member-center .middle .item i{width:25px;height:25px;margin-right:10px;}
/*我的资产*/
    .member-property .top .box{padding:20px;}
.member-property .top .box span{font-size:25px;}
/*我的订单*/
    .member-order .top .box{padding:20px;}
.member-order .top .box span{font-size:25px;}
.member-order .bottom .commodity .box .header{display:none;}
.member-order .bottom .commodity .box .list li{display:inline;}
.member-order .bottom .commodity .box .list li .list-1,.member-order .bottom .commodity .box .list li .list-2,.member-order .bottom .commodity .box .list li .list-3,.member-order .bottom .commodity .box .list li .list-4,.member-order .bottom .commodity .box .list li .list-5{display:block;padding:15px 0;width:100%;}
.xshop-order-details .module{padding:10px;}
/*我的下载*/
    .member-download .top .box{padding:20px;}
.member-download .top .box span{font-size:25px;}
/*我的卡券*/
    .member-card .top .box{padding:20px;}
.member-card .top .box span{font-size:25px;}
.member-card .bottom .coupon .box .nav a{margin-right:10px;}
/*我的推广*/
    .member-promotion .top .link:after{display:none;}
.member-promotion .top .link .module .input{margin-right:0;padding:0;width:100%;display:block;margin-bottom:10px;}
.member-promotion .top .box{padding:20px;}
.member-promotion .top .box span{font-size:25px;}
/*我的收益*/
    .member-income .top .box span{font-size:20px;}
/*分页*/
    .paginate{margin:20px 0!important;}
.paginate .page-numbers{padding:0 12px;height:30px;line-height:30px;font-size:12px;}
/*为空*/
    .member-empty{margin-bottom:80px;}
.member-empty i{min-height:230px;}
/*会员弹窗*/
    .xshop-svip .xshop-modal-dialog .top{padding:20px;}
.xshop-svip .xshop-modal-dialog .top .moduletitle span{font-size:15px;}
.xshop-svip .xshop-modal-dialog .top .moduletitle p{font-size:12px;}
.xshop-svip .xshop-modal-dialog .top .package{padding:15px;}
.xshop-svip .xshop-modal-dialog .top .package ul li button span{font-size:14px;}
.xshop-svip .xshop-modal-dialog .top .package ul li button p{font-size:14px;}
.xshop-svip .xshop-modal-dialog .top .package ul li button em{font-size:12px;border-radius:4px;}
.xshop-svip .xshop-modal-dialog .top .desc{padding:15px;}
.xshop-svip .xshop-modal-dialog .top .way{padding:15px;}
.xshop-svip .xshop-modal-dialog .top .way .coupon{padding:0;}
.xshop-svip .xshop-modal-dialog .top .way .coupon i{font-size:16px!important;}
.xshop-svip .xshop-modal-dialog .top .way .coupon input{font-size:12px;}
.xshop-svip .xshop-modal-dialog .top .way .coupon button{line-height:40px;font-size:12px;padding:0;}
.xshop-svip .xshop-modal-dialog .top .way .coupon button v{display:none;}
.xshop-svip .xshop-modal-dialog .top .way ul{flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-10px;justify-content:inherit;}
.xshop-svip .xshop-modal-dialog .top .way ul li{padding-left:10px;width:50%;box-sizing:border-box;max-width:100%;margin-right:0;}
.xshop-svip .xshop-modal-dialog .top .way ul li button{padding:0 10px;}
.xshop-svip .xshop-modal-dialog .top .way ul li button .icon{width:15px;height:15px;right:10px;}
.xshop-svip .xshop-modal-dialog .bottom .money span{font-size:14px;}
.xshop-svip .xshop-modal-dialog .bottom .money p{font-size:14px;}
.xshop-svip .xshop-modal-dialog .bottom .money p span{font-size:14px;}
.xshop-svip .xshop-modal-dialog .bottom button{width:100px;height:35px;line-height:30px;font-weight:400;font-size:14px;}
.xshop-svip .xshop-modal-dialog .bottom{padding:16px 20px;}
/*充值弹窗*/
    .xshop-recharge .xshop-modal-dialog .button{line-height:40px;}
.xshop-cards .xshop-modal-dialog .button{line-height:40px;}
/*积分弹窗*/
    .xshop-exchange .xshop-modal-dialog .button{line-height:40px;}
/*提现弹窗*/
    .xshop-extract .xshop-modal-dialog .button{line-height:40px;}
/*购买框*/
    .xshop-purchase .button{line-height:40px;}
/*隐藏内容*/
    .xshop-hide .icon i{padding:20px;font-size:30px !important;}
.xshop-hide .btns button,.xshop-hide .btns a{font-size:12px;line-height:32px;}
/*视频课程*/
    .xshop-video-module{height:100%!important;}
.xshop-video-purchase-no{height:300px!important;}
.xshop-video-hide .icon i{font-size:15px !important;}
.xshop-video-hide .desc .info{font-size:12px;}
.xshop-video-hide .btns button,.xshop-video-hide .btns a{font-size:12px;line-height:32px;}
.xshop-video-hide .number{display:none;}
}
/***********************暗黑***********************/
.night .member-module .member-text .member-desc-n{background:var(--xshop-ahbg);}
.night .member-property .top span.title{color:#aaa;}
.night .member-property .bottom .title{border-bottom:var(--xshop-ahmk) 1px solid;}
.night .member-property .bottom .title a{color:#aaa;}
.night .member-property .bottom .record .box .header{background-color:var(--xshop-ahbg);}
.night .member-property .bottom .record .box{border-top:1px solid var(--xshop-ahbg);border-left:1px solid var(--xshop-ahbg);}
.night .member-property .bottom .record .box .header .header-1,.night .member-property .bottom .record .box .header .header-2,.night .member-property .bottom .record .box .header .header-3,.night .member-property .bottom .record .box .header .header-4{border-right:1px solid var(--xshop-ahmk);border-bottom:1px solid var(--xshop-ahmk);color:#aaa;}
.night .member-property .bottom .record .box .list li .list-1,.night .member-property .bottom .record .box .list li .list-2,.night .member-property .bottom .record .box .list li .list-3,.night .member-property .bottom .record .box .list li .list-4{border-right:1px solid var(--xshop-ahbg);border-bottom:1px solid var(--xshop-ahbg);}
.night .member-order .top span.title{color:#aaa;}
.night .member-order .bottom .title{border-bottom:var(--xshop-ahmk) 1px solid;}
.night .member-order .bottom .title a{color:#aaa;}
.night .member-order .bottom .commodity .box{border-top:1px solid var(--xshop-ahbg);border-left:1px solid var(--xshop-ahbg);}
.night .member-order .bottom .commodity .box .header{background-color:var(--xshop-ahbg);}
.night .member-order .bottom .commodity .box .header .header-1,.night .member-order .bottom .commodity .box .header .header-2,.night .member-order .bottom .commodity .box .header .header-3,.night .member-order .bottom .commodity .box .header .header-4,.night .member-order .bottom .commodity .box .header .header-5{border-right:1px solid var(--xshop-ahmk);border-bottom:1px solid var(--xshop-ahmk);color:#aaa;}
.night .member-order .bottom .commodity .box .list li .list-1,.night .member-order .bottom .commodity .box .list li .list-2,.night .member-order .bottom .commodity .box .list li .list-3,.night .member-order .bottom .commodity .box .list li .list-4,.night .member-order .bottom .commodity .box .list li .list-5{border-right:1px solid var(--xshop-ahbg);border-bottom:1px solid var(--xshop-ahbg);}
.night .member-order .bottom .vip .box{border-top:1px solid var(--xshop-ahbg);border-left:1px solid var(--xshop-ahbg);}
.night .member-order .bottom .vip .box .header{background-color:var(--xshop-ahbg);}
.night .member-order .bottom .vip .box .header .header-1,.night .member-order .bottom .vip .box .header .header-2,.night .member-order .bottom .vip .box .header .header-3,.night .member-order .bottom .vip .box .header .header-4{border-right:1px solid var(--xshop-ahmk);border-bottom:1px solid var(--xshop-ahmk);color:#aaa;}
.night .member-order .bottom .vip .box .list li .list-1,.night .member-order .bottom .vip .box .list li .list-2,.night .member-order .bottom .vip .box .list li .list-3,.night .member-order .bottom .vip .box .list li .list-4{border-right:1px solid var(--xshop-ahbg);border-bottom:1px solid var(--xshop-ahbg);}
.night .member-download .top span.title{color:#aaa;}
.night .member-download .bottom .title{border-bottom:var(--xshop-ahmk) 1px solid;}
.night .member-download .bottom .box{border-top:1px solid var(--xshop-ahbg);border-left:1px solid var(--xshop-ahbg);}
.night .member-download .bottom .box .header{background-color:var(--xshop-ahbg);}
.night .member-download .bottom .box .header .header-1,.night .member-download .bottom .box .header .header-2,.night .member-download .bottom .box .header .header-3,.night .member-download .bottom .box .header .header-4{border-right:1px solid var(--xshop-ahmk);border-bottom:1px solid var(--xshop-ahmk);color:#aaa;}
.night .member-download .bottom .box .list li .list-1,.night .member-download .bottom .box .list li .list-2,.night .member-download .bottom .box .list li .list-3,.night .member-download .bottom .box .list li .list-4{border-right:1px solid var(--xshop-ahbg);border-bottom:1px solid var(--xshop-ahbg);}
.night .member-card .top span.title{color:#aaa;}
.night .member-card .bottom .title{border-bottom:var(--xshop-ahmk) 1px solid;}
.night .member-card .bottom .title a{color:#aaa;}
.night .member-card .bottom .coupon .box .nav a{color:#aaa;}
.night .member-promotion .top span.title{color:#aaa;}
.night .member-promotion .bottom .title{border-bottom:var(--xshop-ahmk) 1px solid;}
.night .member-promotion .bottom .title a{color:#aaa;}
.night .member-income .top span.title{color:#aaa;}
.night .member-income .bottom .title{border-bottom:var(--xshop-ahmk) 1px solid;}
.night .member-income .bottom .title a{color:#aaa;}
.night .member-income .bottom .income{border-top:1px solid var(--xshop-ahbg);border-left:1px solid var(--xshop-ahbg);}
.night .member-income .bottom .income .header{background-color:var(--xshop-ahbg);}
.night .member-income .bottom .income .header .header-1,.night .member-income .bottom .income .header .header-2,.night .member-income .bottom .income .header .header-3,.night .member-income .bottom .income .header .header-4,.night .member-income .bottom .income .header .header-5{border-right:1px solid var(--xshop-ahmk);border-bottom:1px solid var(--xshop-ahmk);color:#aaa;}
.night .member-income .bottom .income .list li .list-1,.night .member-income .bottom .income .list li .list-2,.night .member-income .bottom .income .list li .list-3,.night .member-income .bottom .income .list li .list-4,.night .member-income .bottom .income .list li .list-5{border-right:1px solid var(--xshop-ahbg);border-bottom:1px solid var(--xshop-ahbg);}
.night .member-income .bottom .withdrawal{border-top:1px solid var(--xshop-ahbg);border-left:1px solid var(--xshop-ahbg);}
.night .member-income .bottom .withdrawal .header{background-color:var(--xshop-ahbg);}
.night .member-income .bottom .withdrawal .header .header-1,.night .member-income .bottom .withdrawal .header .header-2,.night .member-income .bottom .withdrawal .header .header-3,.night .member-income .bottom .withdrawal .header .header-4,.night .member-income .bottom .withdrawal .header .header-5,.night .member-income .bottom .withdrawal .header .header-6{border-right:1px solid var(--xshop-ahmk);border-bottom:1px solid var(--xshop-ahmk);color:#aaa;}
.night .member-income .bottom .withdrawal .list li .list-1,.night .member-income .bottom .withdrawal .list li .list-2,.night .member-income .bottom .withdrawal .list li .list-3,.night .member-income .bottom .withdrawal .list li .list-4,.night .member-income .bottom .withdrawal .list li .list-5,.night .member-income .bottom .withdrawal .list li .list-6{border-right:1px solid var(--xshop-ahbg);border-bottom:1px solid var(--xshop-ahbg);}
.night .xshop-download .moduletitle span{color:#aaa;}
.night .xshop-download ul li p{margin-bottom:10px;color:#aaa;}
.night .xshop-download .desc p{background:var(--xshop-ahmk);}
.night .xshop-purchase .moduletitle span{color:#aaa;}
.night .xshop-purchase .info .title{color:#aaa;}
.night .xshop-purchase .info .number p{color:#999;}
.night .xshop-purchase .way ul li button{background:var(--xshop-ahmk);color:#aaa;}
.night .xshop-purchase .money .price{color:#aaa;}
.night .xshop-purchase .coupon input{border:1px solid var(--xshop-ahmk);}
.night .xshop-purchase-entity .address .btns{background:var(--xshop-ahmk);}
.night .xshop-purchase .package ul li button{background:var(--xshop-ahmk);color:#aaa;}
.night .xshop-album .desc{background-color:var(--xshop-ahbg);border:1px dashed #404040;}
.night .xshop-album .desc .info{color:#aaa;}
.night .xshop-purchase .info .number span{color:#999;}
.night .xshop-purchase-entity .message input{background:var(--xshop-ahmk);}
.night .xshop-purchase-entity .address .btns em{color:#999;}
.night .xshop-purchase-card .mailbox span{background:var(--xshop-ahmk);}
.night .xshop-purchase-card .mailbox input{background:var(--xshop-ahmk);}
.night .xshop-hide{border-radius:4px;background-color:var(--xshop-ahbg);border:1px dashed #404040;}
.night .xshop-hide .desc .info{color:#aaa;}
/* ------------------------------------------------------------------
 * 详情页购买框（Product::singleBoxHtml）
 * ------------------------------------------------------------------ */
.xshop-box {
    margin: 28px 0;
    padding: 20px 24px;
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}
.xshop-box__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    font-size: 13px;
    color: #888;
}
.xshop-box__type {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    color: var(--xshop-primary, #6d4dfc);
    background: rgba(109, 77, 252, .08);
}
.xshop-box__price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 16px;
    color: #ff4d2e;
}
.xshop-box__price em {
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
}
.xshop-box__price #priceinfo {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}
.xshop-box__price #priceinfo:empty::before {
    content: "免费";
    font-size: 30px;
    font-weight: 700;
}
.xshop-box__unit {
    font-size: 13px;
    color: #999;
}
.xshop-vip-tag {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    color: #b8860b;
    background: linear-gradient(135deg, rgba(255, 200, 60, .18), rgba(255, 160, 30, .18));
}
.xshop-vip-tag--free {
    color: #ff4d2e;
    background: rgba(255, 77, 46, .08);
}
.xshop-box__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.xshop-box__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 150px;
    padding: 10px 26px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    transition: all .2s ease;
}
.xshop-box__btn--buy {
    color: #fff;
    background: linear-gradient(135deg, var(--xshop-primary, #6d4dfc), var(--xshop-primary-light, #9b7bff));
    box-shadow: 0 4px 14px rgba(109, 77, 252, .35);
}
.xshop-box__btn--buy:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(109, 77, 252, .45);
}
.xshop-box__btn--vip {
    color: #b8860b;
    background: linear-gradient(135deg, rgba(255, 200, 60, .15), rgba(255, 160, 30, .15));
}
.xshop-box__btn--vip:hover {
    color: #b8860b;
    transform: translateY(-1px);
}
.xshop-member-box {
    display: none;
}
.xshop-member-box:has(*) {
    display: block;
}

/***********************商城弹窗（xshop-pop）***********************/
.xshop-pop {
    width: 400px;
    max-width: 94vw;
    border-radius: 10px;
    padding: 30px 28px 26px;
    background: #fff;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .12);
}
.xshop-pop--center {
    width: 320px;
    text-align: center;
}
.xshop-pop__title {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 600;
    color: #434343;
    line-height: 1.4;
    padding-right: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xshop-pop__info {
    margin: 0 0 16px;
    font-size: 13px;
    color: #999;
    line-height: 1.8;
}
.xshop-pop__info p {
    margin: 4px 0;
}
.xshop-pop__info em,
.xshop-pop__tips em {
    font-style: normal;
    color: var(--xshop-primary, #6d4dfc);
    font-weight: 600;
}
.xshop-pop__tips {
    margin: 14px 0 10px;
    font-size: 14px;
    color: #999;
    line-height: 1.8;
}
.xshop-pop__skus {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 16px;
}
.xshop-pop__skus .product-sku-select,
.xshop-pop__skus .svip-select,
.xshop-pop__skus .recharge-pay-money {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 58px;
    padding: 10px 6px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
    transition: all .2s ease;
    text-align: center;
}
.xshop-pop__skus .product-sku-select span,
.xshop-pop__skus .svip-select span,
.xshop-pop__skus .recharge-pay-money span {
    display: block;
    max-width: 100%;
    font-size: 13px;
    color: #434343;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xshop-pop__skus .product-sku-select em,
.xshop-pop__skus .svip-select em,
.xshop-pop__skus .recharge-pay-money em {
    font-style: normal;
    font-size: 12px;
    color: #999;
}
.xshop-pop__skus .product-sku-select.select,
.xshop-pop__skus .svip-select.select,
.xshop-pop__skus .recharge-pay-money.select {
    border-color: var(--xshop-primary, #6d4dfc);
    background: rgba(109, 77, 252, .06);
}
.xshop-pop__skus .product-sku-select.select em,
.xshop-pop__skus .svip-select.select em,
.xshop-pop__skus .recharge-pay-money.select em {
    color: var(--xshop-primary, #6d4dfc);
    font-weight: 600;
}
.xshop-pop__skus .recharge-pay-money {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
}
.xshop-pop__skus .recharge-pay-money em {
    width: 100%;
}
.xshop-form-area {
    margin-bottom: 4px;
}
.xshop-form-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}
.xshop-form-row > label {
    flex: 0 0 64px;
    padding-top: 8px;
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}
.xshop-form-row input[type="text"],
.xshop-form-row input[type="email"],
.xshop-form-row input[type="number"] {
    flex: 1;
    min-width: 0;
    height: 36px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 13px;
    color: #434343;
    outline: none;
    transition: border-color .2s;
}
.xshop-form-row textarea {
    flex: 1;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 13px;
    color: #434343;
    outline: none;
    resize: vertical;
    transition: border-color .2s;
}
.xshop-form-row input:focus,
.xshop-form-row textarea:focus {
    border-color: var(--xshop-primary, #6d4dfc);
}
.xshop-quantity {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}
.xshop-quantity button {
    width: 26px;
    height: 26px;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    background: #fff;
    color: #666;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    outline: none;
}
.xshop-quantity button:hover {
    border-color: var(--xshop-primary, #6d4dfc);
    color: var(--xshop-primary, #6d4dfc);
}
.xshop-quantity input {
    width: 44px;
    height: 28px;
    border: none;
    text-align: center;
    font-size: 14px;
    color: #434343;
    outline: none;
    background: transparent;
}
.xshop-payments {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: 10px;
}
.xshop-payments > div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 6px;
    font-size: 13px;
    color: #434343;
    cursor: pointer;
    transition: all .2s ease;
}
.xshop-payments > div.select {
    border-color: var(--xshop-primary, #6d4dfc);
    background: rgba(109, 77, 252, .06);
    color: var(--xshop-primary, #6d4dfc);
    font-weight: 600;
}
.xshop-coupon-line {
    flex: 1;
    display: flex;
    gap: 8px;
}
.xshop-coupon-line input {
    flex: 1;
    min-width: 0;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 12px;
    outline: none;
}
.xshop-coupon-line input:focus {
    border-color: var(--xshop-primary, #6d4dfc);
}
.xshop-coupon-line button {
    flex: 0 0 auto;
    padding: 0 14px;
    line-height: 32px;
    border: none;
    border-radius: 6px;
    background: rgba(109, 77, 252, .1);
    color: var(--xshop-primary, #6d4dfc);
    font-size: 12px;
    cursor: pointer;
    transition: all .2s;
}
.xshop-coupon-line button:hover {
    background: var(--xshop-primary, #6d4dfc);
    color: #fff;
}
.xshop-discount-code {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #52c41a;
}
.xshop-discounts {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin: 6px 0 10px;
    font-size: 13px;
    color: #999;
    min-height: 20px;
}
.xshop-discounts span em {
    font-style: normal;
    color: var(--xshop-primary, #6d4dfc);
    font-weight: 600;
}
.xshop-vip-discount {
    list-style: none;
    margin: 0 0 16px;
    padding: 10px 14px;
    border-radius: 8px;
    background: #f8f8f8;
}
.xshop-vip-discount li {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #999;
    line-height: 2;
}
.xshop-vip-discount li span {
    flex: 1;
}
.xshop-vip-discount li p {
    margin: 0 8px 0 0;
    color: var(--xshop-primary, #6d4dfc);
}
.xshop-vip-discount li p em {
    font-style: normal;
    font-weight: 600;
}
.xshop-vip-discount__free {
    font-style: normal;
    font-size: 11px;
    color: #fa8c16;
    background: rgba(250, 140, 22, .08);
    border-radius: 4px;
    padding: 1px 6px;
    white-space: nowrap;
}
.xshop-pop__quota {
    flex-basis: 100%;
    margin: 0 0 8px;
    font-size: 12px;
    color: #999;
    line-height: 1.6;
}
.xshop-pop__quota b {
    color: var(--xshop-primary, #6d4dfc);
    font-weight: 600;
}
.xshop-pop__quota--novip b {
    color: #fa8c16;
}
.xshop-pop__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f0f0f0;
    flex-wrap: wrap;
}
.xshop-pop__footer .submit-xshop-product-tip {
    width: 100%;
    margin: 0 0 4px;
    font-size: 12px;
    color: #fa8c16;
}
.xshop-pop__price {
    font-size: 15px;
    color: #434343;
    font-weight: 600;
}
.xshop-pop__more {
    flex-basis: 100%;
    text-align: center;
}
.xshop-qr {
    width: 188px;
    height: 188px;
    margin: 0 auto;
    padding: 8px;
    border-radius: 8px;
    background: #f8f8f8;
    box-shadow: 0 3px 15px 3px rgba(146, 146, 146, .1);
}
.xshop-qr img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
}
.xshop-download-list {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
}
.xshop-download-list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    border-radius: 8px;
    background: #f8f8f8;
    font-size: 13px;
    color: #434343;
}
.xshop-download-list li span {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xshop-download-list li a {
    flex: 0 0 auto;
    padding: 4px 16px;
    font-size: 12px;
    border-radius: 999px;
}
.xshop-card-content {
    margin-top: 10px;
    padding: 14px;
    border-radius: 8px;
    background: #f8f8f8;
}
.xshop-card-content h4 {
    margin: 0 0 8px;
    font-size: 13px;
    color: #434343;
}
.xshop-card-content pre {
    margin: 0;
    padding: 10px;
    border-radius: 6px;
    background: #262626;
    color: #7ee787;
    font-size: 12px;
    line-height: 1.8;
    white-space: pre-wrap;
    word-break: break-all;
    user-select: all;
}

/* 通用按钮 */
.xshop-btn-primary,
.xshop-btn-vip,
.xshop-btn-plain {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 9px 22px;
    border: none;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s ease;
}
.xshop-btn-primary {
    color: #fff;
    background: linear-gradient(135deg, var(--xshop-primary, #6d4dfc), var(--xshop-primary-light, #9b7bff));
    box-shadow: 0 4px 14px rgba(109, 77, 252, .3);
}
.xshop-btn-primary:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(109, 77, 252, .4);
}
.xshop-btn-vip {
    color: #b8860b;
    background: linear-gradient(135deg, rgba(255, 200, 60, .18), rgba(255, 160, 30, .18));
}
.xshop-btn-vip:hover {
    color: #b8860b;
    transform: translateY(-1px);
}
.xshop-btn-plain {
    color: #666;
    background: #f5f5f7;
}
.xshop-btn-plain:hover {
    color: var(--xshop-primary, #6d4dfc);
    background: rgba(109, 77, 252, .08);
}

/* 提现弹窗 */
#xshop-extract .withdraw-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    padding: 8px 16px;
    margin: 0 8px 12px 0;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 6px;
    font-size: 13px;
    color: #434343;
    cursor: pointer;
    transition: all .2s;
}
#xshop-extract .withdraw-type.select {
    border-color: var(--xshop-primary, #6d4dfc);
    background: rgba(109, 77, 252, .06);
    color: var(--xshop-primary, #6d4dfc);
    font-weight: 600;
}
#withdraw-real-money,
#withdraw-site-money {
    margin: 10px 0;
    font-size: 13px;
    color: #999;
}
#withdraw-real-money em,
#withdraw-site-money em {
    font-style: normal;
    color: var(--xshop-primary, #6d4dfc);
    font-weight: 600;
}

/***********************用户中心（/shop/）***********************/
/* 容器留白/限宽由主题统一容器 .x-container 提供，这里只补充页面专属上下留白 */
.x-container--member {
    padding-top: 10px;
    padding-bottom: 40px;
}
.xshop-member-sidebar {
    min-width: 0;
}
.xshop-member-module {
    position: relative;
    margin-bottom: 20px;
    padding: 28px 20px 22px;
    border-radius: var(--border-radius);
    background: var(--bg-card);
    box-shadow: var(--shadow-sm);
    text-align: center;
}
.xshop-sign-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 5px 14px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--theme-color), var(--color-link-hover));
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    transition: all .2s;
}
.xshop-sign-btn:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}
.xshop-member-avatar {
    width: 84px;
    height: 84px;
    margin: 6px auto 12px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 0 3px var(--bg-hover);
}
.xshop-member-avatar img {
    width: 100%;
    height: 100%;
    display: block;
}
.xshop-member-name {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xshop-member-vip {
    margin: 0;
    font-size: 12px;
    color: var(--text-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}
.xshop-member-vip--none {
    color: var(--color-warning);
}
.xshop-member-vip .xshop-btn-vip {
    padding: 3px 12px;
    font-size: 12px;
}
.xshop-member-navbox {
    margin-bottom: 20px;
    padding: 10px 0;
    border-radius: var(--border-radius);
    background: var(--bg-card);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.xshop-member-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.xshop-member-nav li a {
    display: block;
    padding: 11px 24px;
    font-size: 14px;
    color: var(--text-secondary);
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: all .2s;
}
.xshop-member-nav li a:hover {
    color: var(--theme-color);
    background: var(--bg-hover);
}
.xshop-member-nav li.active a {
    color: var(--theme-color);
    font-weight: 600;
    border-left-color: var(--theme-color);
    background: var(--bg-hover);
}
.xshop-member-content {
    min-width: 0;
}
.xshop-member-content > .xshop-panel:first-child {
    margin-top: 0;
}

/* 内容面板 */
.xshop-panel {
    margin-bottom: 20px;
    padding: 20px 24px;
    border-radius: var(--border-radius);
    background: var(--bg-card);
    box-shadow: var(--shadow-sm);
}
.xshop-panel h3 {
    margin: 0 0 16px;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    border-left: 4px solid var(--theme-color);
    line-height: 1.4;
}
.xshop-panel--center {
    text-align: center;
    padding: 48px 24px;
}
.xshop-panel--center p {
    margin: 0 0 14px;
    color: var(--text-tertiary);
    font-size: 14px;
}
/* 表格 */
.xshop-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    color: var(--text-secondary);
}
.xshop-table th {
    padding: 10px 8px;
    text-align: left;
    font-weight: 600;
    color: var(--text-primary);
    background: var(--bg-secondary);
    white-space: nowrap;
}
.xshop-table th:first-child {
    border-radius: 6px 0 0 6px;
}
.xshop-table th:last-child {
    border-radius: 0 6px 6px 0;
}
.xshop-table td {
    padding: 11px 8px;
    border-bottom: 1px dashed var(--border-secondary);
    word-break: break-all;
}
.xshop-table tr:last-child td {
    border-bottom: none;
}
.xshop-table td a {
    color: var(--theme-color);
    text-decoration: none;
}
.xshop-table td a:hover {
    text-decoration: underline;
}
.xshop-empty {
    text-align: center;
    color: var(--text-muted);
    padding: 28px 0 !important;
}
.xshop-up {
    color: var(--color-success);
    font-weight: 600;
}
.xshop-down {
    color: var(--color-danger);
    font-weight: 600;
}

/* 分页 */
.xshop-pager {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 16px;
}
.xshop-pager a {
    min-width: 32px;
    padding: 5px 10px;
    border-radius: 6px;
    background: var(--bg-hover);
    color: var(--text-secondary);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    transition: all .2s;
}
.xshop-pager a:hover {
    color: var(--theme-color);
    background: var(--bg-hover);
}
.xshop-pager a.xshop-pager__cur {
    color: #fff;
    background: var(--theme-color);
    font-weight: 600;
}

/* 推广链接 */
.xshop-coupon-line #promotion-link {
    flex: 1;
    min-width: 0;
    height: 34px;
    padding: 0 10px;
    border: 1px dashed var(--border-primary);
    border-radius: 6px;
    background: var(--bg-secondary);
    font-size: 12px;
    color: var(--text-tertiary);
}

/* 移动端 */
@media (max-width: 960px) {
    .x-container--member {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .xshop-panel {
        padding: 16px;
    }
    .xshop-table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .xshop-pop__skus {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* =================================================================
 * 幸运转盘抽奖（短代码 [xshop-lottery]）
 * =============================================================== */
.xshop-lottery-wrap {
    max-width: 380px;
    margin: 30px auto;
    text-align: center;
}
.xshop-lottery-status {
    margin-bottom: 14px;
    font-size: 14px;
    color: #7a7a7a;
}
.xshop-lottery-status em {
    font-style: normal;
    color: var(--xshop-primary, #ff5f8f);
    font-weight: 700;
    margin: 0 2px;
}
.xshop-lottery-wrap #xshop-lottery {
    display: flex;
    justify-content: center;
}
.xshop-lottery-msg {
    display: none;
    margin-top: 16px;
    padding: 10px 18px;
    border-radius: 8px;
    background: #fff4f8;
    color: var(--xshop-primary, #ff5f8f);
    font-size: 14px;
}
.xshop-lottery-msg.is-show {
    display: inline-block;
}

/* 列表价格角标（archive 列表卡片） */
.article-item__price {
    margin-left: 8px;
    padding: 1px 10px;
    border-radius: 20px;
    background: color-mix(in srgb, var(--primary-color, #4d6bfe) 10%, transparent);
    color: var(--primary-color, #4d6bfe);
    font-size: 12px;
    font-weight: 700;
}

/* =================================================================
 * VIP套餐展示页（/shop/vip）—— 重设计版
 * Hero渐变区 + 层次化套餐卡片 + 暗黑模式
 * =============================================================== */

/* ----- Hero 渐变标题区 ----- */
.xshop-vip-page {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.xshop-vip-hero {
    position: relative;
    padding: 36px 28px;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: linear-gradient(135deg, #6366f1 0%, #818cf8 55%, #c4b5fd 100%);
    color: #fff;
    isolation: isolate;
}
.xshop-vip-hero__glow {
    position: absolute;
    inset: -40% -20% auto auto;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(255,255,255,.28) 0%, transparent 65%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}
.xshop-vip-hero__glow::after {
    content: "";
    position: absolute;
    inset: 20% auto auto -30%;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(255,255,255,.15) 0%, transparent 65%);
    border-radius: 50%;
}
.xshop-vip-hero__content {
    position: relative;
    z-index: 1;
}
.xshop-vip-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    background: rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
    border: 1px solid rgba(255,255,255,.25);
    margin-bottom: 14px;
}
.xshop-vip-hero__title {
    font-size: 26px;
    font-weight: 800;
    margin: 0 0 8px;
    letter-spacing: .5px;
    text-shadow: 0 1px 2px rgba(0,0,0,.08);
}
.xshop-vip-hero__subtitle {
    margin: 0;
    font-size: 14px;
    color: rgba(255,255,255,.82);
    line-height: 1.6;
}
.xshop-vip-hero__current {
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.xshop-vip-hero__current-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.22);
    font-size: 13px;
    font-weight: 500;
    border: 1px solid rgba(255,255,255,.3);
}
.xshop-vip-hero__current-badge strong {
    font-weight: 700;
    margin-left: 2px;
}
.xshop-vip-hero__current-expire {
    font-size: 12px;
    color: rgba(255,255,255,.7);
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(255,255,255,.1);
}

/* ----- 套餐卡片（flex-wrap 自适应数量） ----- */
.xshop-vip-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* ----- 单张卡片 ----- */
.xshop-vip-card {
    position: relative;
    flex: 1 1 calc(25% - 14px);
    min-width: 230px;
    max-width: 320px;
    background: var(--bg-card);
    border: 1px solid var(--border-secondary);
    border-radius: var(--border-radius);
    padding: 28px 22px 22px;
    text-align: center;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.xshop-vip-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0,0,0,.08);
    border-color: color-mix(in srgb, var(--theme-color) 40%, var(--border-secondary));
}

/* 角标标签（后台 tags 字段） */
.xshop-vip-card__corner-tag {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 3px 10px;
    border-radius: 20px;
    background: var(--bg-secondary);
    color: var(--text-tertiary);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .5px;
}

/* 推荐丝带（featured 且非 current） */
.xshop-vip-card__ribbon {
    position: absolute;
    top: 10px;
    left: -32px;
    transform: rotate(-45deg);
    width: 110px;
    padding: 4px 0;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
    text-align: center;
    background: linear-gradient(90deg, #f59e0b, #f97316);
    box-shadow: 0 2px 8px rgba(249,115,22,.35);
    z-index: 2;
}

/* Featured 卡片突出 */
.xshop-vip-card--featured {
    border-color: var(--theme-color);
    box-shadow: 0 6px 20px -6px color-mix(in srgb, var(--theme-color) 35%, transparent);
    transform: scale(1.02);
}
.xshop-vip-card--featured:hover {
    transform: translateY(-6px) scale(1.02);
}

/* 当前等级卡片 */
.xshop-vip-card--current {
    border-color: var(--theme-color);
    background: linear-gradient(180deg,
        color-mix(in srgb, var(--theme-color) 7%, var(--bg-card)) 0%,
        var(--bg-card) 40%);
    box-shadow: 0 4px 18px -6px color-mix(in srgb, var(--theme-color) 28%, transparent);
}
.xshop-vip-card--current::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--theme-color), #818cf8, var(--theme-color));
}

/* 卡片头部（名称+有效期+下载数合并） */
.xshop-vip-card__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}
.xshop-vip-card__name {
    font-size: 18px;
    font-weight: 800;
    color: var(--text-primary);
    letter-spacing: .5px;
}
.xshop-vip-card__validity {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    color: var(--text-tertiary);
    background: var(--bg-secondary);
    padding: 4px 12px;
    border-radius: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
.xshop-vip-card__dot {
    color: var(--text-muted);
    padding: 0 2px;
}

/* 价格区 */
.xshop-vip-card__price {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 3px;
    margin: 18px 0 14px;
}
.xshop-vip-card__currency {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-secondary);
    margin-right: 2px;
}
.xshop-vip-card__price-num {
    font-size: 44px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, #6366f1, #a5b4fc);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 描述区 */
.xshop-vip-card__desc {
    font-size: 12px;
    color: var(--text-tertiary);
    line-height: 1.7;
    margin-bottom: 14px;
    padding: 10px 12px;
    background: var(--bg-secondary);
    border-radius: var(--border-radius-sm);
    text-align: left;
    flex: 1;
}

/* 底部按钮 */
.xshop-vip-card__footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    margin-top: auto;
}
.xshop-vip-card__current-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    color: var(--theme-color);
    font-weight: 600;
}
.xshop-vip-card__footer .xshop-btn-primary {
    width: 100%;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border: none;
    transition: all .2s ease;
    background: linear-gradient(135deg, var(--theme-color), #7c3aed);
    color: #fff;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--theme-color) 30%, transparent);
}
.xshop-vip-card__footer .xshop-btn-primary:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-color) 45%, transparent);
}

/* Featured 卡片按钮金色 */
.xshop-vip-card--featured .xshop-vip-card__footer .xshop-btn-primary {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    box-shadow: 0 2px 8px rgba(249,115,22,.35);
}

/* =============================================
 * 暗黑模式覆盖
 * ============================================= */
html[data-theme="dark"] .xshop-vip-hero {
    background: linear-gradient(135deg, #4338ca 0%, #6366f1 55%, #818cf8 100%);
}
html[data-theme="dark"] .xshop-vip-card--current {
    background: linear-gradient(180deg,
        color-mix(in srgb, #6366f1 14%, var(--bg-card)) 0%,
        var(--bg-card) 40%);
}
html[data-theme="dark"] .xshop-vip-card__ribbon {
    box-shadow: 0 2px 10px rgba(249,115,22,.3);
}

/* =============================================
 * 响应式
 * ============================================= */
@media (max-width: 1100px) {
    .xshop-vip-card {
        flex: 1 1 calc(50% - 9px);
    }
}
@media (max-width: 720px) {
    .xshop-vip-cards {
        flex-direction: column;
    }
    .xshop-vip-card {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .xshop-vip-hero {
        padding: 28px 22px;
    }
    .xshop-vip-hero__title {
        font-size: 20px;
    }
    .xshop-vip-card--featured {
        transform: none;
    }
    .xshop-vip-card--featured:hover {
        transform: translateY(-6px);
    }
}

/* =============================================
 * 样式5 视频课程（视频盒 + 目录/信息/讨论课程列）
 * ============================================= */
.xshop-shop5-video-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    align-items: stretch;
}
.xshop-shop5-video-left {
    flex: 0 0 calc(66.666% - 10px);
    min-width: 0;
}
/* 视频页下方正文区与视频行左右比例对齐：主栏 2/3、侧栏 1/3（侧栏不再放信息属性卡） */
.single-body.xshop-single-body--shop5-video {
    grid-template-columns: minmax(0, calc(66.666% - 10px)) minmax(0, 1fr);
}
.xshop-video-s {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 260px;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.xshop-video-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #000;
}
/* 视频遮罩：免费（立即播放）/ 付费（立即支付） */
.xshop-video-gate {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.xshop-video-gate__bg {
    position: absolute;
    inset: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.xshop-video-gate__bg.is-blur {
    filter: blur(18px);
    transform: scale(1.12);
}
.xshop-video-gate__bg--empty {
    background: #0b0b0d;
}
.xshop-video-hide {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, .42);
}
.xshop-video-gate--pay .xshop-video-hide {
    background: rgba(0, 0, 0, .6);
}
.xshop-video-hide__icon {
    margin-bottom: 18px;
    line-height: 1;
}
.xshop-video-hide__icon svg {
    display: block;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, .35));
}
.xshop-video-hide__desc {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.xshop-video-hide__info {
    font-size: 16px;
    line-height: 1.5;
}
.xshop-video-hide__info em {
    margin: 0 4px;
    color: #ff7d18;
    font-weight: 600;
    font-style: normal;
}
.xshop-video-hide__discount {
    margin-top: 10px;
}
.xshop-video-hide__discount a {
    display: inline-block;
    color: #ff7d18;
    border: 1px solid #ff7d18;
    border-radius: 50px;
    padding: 2px 12px;
    font-size: 12px;
    line-height: 1.6;
}
.xshop-video-hide__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
}
.xshop-video-hide__btns button,
.xshop-video-hide__btns a {
    min-width: 132px;
    height: 40px;
    line-height: 40px;
    padding: 0 26px;
    border: 0;
    border-radius: 5px;
    font-size: 15px;
    color: #fff;
    background: #ff2d55;
    cursor: pointer;
    text-decoration: none;
    transition: opacity .25s;
}
.xshop-video-hide__btns button:hover,
.xshop-video-hide__btns a:hover {
    opacity: .85;
    color: #fff;
}
.xshop-video-hide__btns .xshop-video-btn-vip {
    background: #f5cc87;
    color: #473a09;
}
.xshop-video-hide__btns .xshop-video-btn-vip:hover {
    color: #473a09;
}
.xshop-video-hide__btns button[disabled] {
    opacity: .55;
    cursor: not-allowed;
}
.xshop-video-hide__quota {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .72);
}
.xshop-video-hide__quota--tip {
    color: #ffb199;
}
.xshop-video-hide__number {
    display: inline-flex;
    align-items: center;
    margin-top: 12px;
    font-size: 14px;
    color: #9a9a9a;
}
.xshop-video-hide__number i {
    display: inline-flex;
    margin-right: 6px;
    line-height: 1;
}
.xshop-video-hide__number em {
    margin: 0 3px;
    color: #ff2d55;
    font-style: normal;
}

/* ckplayer / DPlayer 播放器容器 */
.xshop-video-s .ckplayer-video,
.xshop-video-s .article-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.xshop-video-s .ckplayer-video-real,
.xshop-video-s .dplayer-video-real {
    width: 100%;
    height: 100%;
}
.xshop-video-s .article-video .dplayer {
    height: 100% !important;
}

/* 课程列 */
.xshop-video-list {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 0px solid #eceef4;
    border-radius: 10px;
    overflow: hidden;
}
.xshop-video-list-author {
    display: flex;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #f1f2f6;
}
.xshop-video-list-author__avatar img {
    border-radius: 50%;
}
.xshop-video-list-author__info {
    flex: 1;
    min-width: 0;
}
.xshop-video-list-author__name {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    text-decoration: none;
}
.xshop-video-list-author__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}

.xshop-video-list-liebiao {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}
.xshop-video-list-liebiao-title {
    display: flex;
    gap: 6px;
    margin: 0;
    padding: 12px 16px 0;
    list-style: none;
}
.xshop-video-list-liebiao-title li a {
    display: inline-block;
    padding: 6px 14px;
    font-size: 13px;
    color: #666;
    border-radius: 999px;
    text-decoration: none;
}
.xshop-video-list-liebiao-title li.xshop-active a {
    color: #fff;
    background: linear-gradient(135deg, #6d4dfc, #9b7bff);
}
.xshop-video-list-liebiao-box {
    flex: 1;
    margin: 0;
    padding: 12px 16px 16px;
    list-style: none;
    overflow-y: auto;
}
.xshop-video-list-liebiao-box > li {
    display: none;
}
.xshop-video-list-liebiao-box > li.xshop-active {
    display: block;
}

/* 章节目录（仅作用于目录 tab 的课时行，避免命中信息 tab 内嵌套 div） */
.xshop-video-list-liebiao-box .xshop-video-tab--mulu > div {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 8px;
}
.xshop-video-list-liebiao-box .xshop-video-tab--mulu > div.xshop-video-list-liebiao-s {
    background: #f4f1ff;
}
.xshop-video-list-liebiao-box li div a.btn-xshop-purchase-change-video {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 13px;
    color: #666;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xshop-video-list-liebiao-box li div a.btn-xshop-purchase-change-video i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    font-style: normal;
    color: #999;
    background: #f0f1f5;
    border-radius: 50%;
}
.xshop-video-list-liebiao-box li div a.btn-xshop-purchase-change-video.xshop-video-list-liebiao-d {
    color: #6d4dfc;
    font-weight: 600;
}
.xshop-video-list-liebiao-box li div a.btn-xshop-purchase-change-video.xshop-video-list-liebiao-d i {
    color: #fff;
    background: #6d4dfc;
}
.xshop-video-list-liebiao-box li div a.video_link_play {
    flex: 0 0 auto;
    padding: 3px 12px;
    font-size: 12px;
    color: #999;
    background: #f5f6fa;
    border-radius: 999px;
    text-decoration: none;
}
.xshop-video-list-liebiao-box li div a.video_link_play.xshop-video-list-liebiao-d {
    color: #fff;
    background: #6d4dfc;
}

/* 信息 Tab */
.xshop-video-list-xinxi-down a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    background: linear-gradient(135deg, #6d4dfc, #9b7bff);
}
.xshop-video-list-xinxi-title {
    margin: 14px 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
}
.xshop-video-list-xinxi-tim {
    padding: 7px 0;
    font-size: 12px;
    color: #666;
    border-bottom: 1px dashed #f0f1f5;
}
.xshop-video-list-xinxi-tim span {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.xshop-video-list-xinxi-tim p {
    margin: 0;
    color: #999;
    text-align: right;
}

/* 讨论 Tab */
.xshop-video-list-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
}
.xshop-video-list-form__textarea {
    width: 100%;
    padding: 10px;
    font-size: 13px;
    font-family: inherit;
    border: 1px solid #e8eaf0;
    border-radius: 8px;
    resize: vertical;
}
.xshop-video-list-form__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: linear-gradient(135deg, #6d4dfc, #9b7bff);
}
.xshop-video-discuss {
    max-height: 240px;
    margin: 14px 0 0;
    padding: 10px 0 0;
    list-style: none;
    border-top: 1px solid #f1f2f6;
    overflow: auto;
}
.xshop-video-discuss__item {
    display: flex;
    gap: 10px;
    padding: 8px 0;
}
.xshop-video-discuss__avatar img {
    border-radius: 50%;
}
.xshop-video-discuss__name {
    font-size: 12px;
    font-weight: 600;
    color: #333;
}
.xshop-video-discuss__name span {
    margin-left: 8px;
    font-weight: 400;
    color: #bbb;
}
.xshop-video-discuss__text {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
}

@media (max-width: 960px) {
    .xshop-shop5-video-row {
        flex-direction: column;
    }
    .xshop-shop5-video-left {
        flex-basis: auto;
    }
    .single-body.xshop-single-body--shop5-video {
        grid-template-columns: 1fr;
    }
    .xshop-video-hide__icon {
        margin-bottom: 12px;
    }
    .xshop-video-hide__icon svg {
        width: 54px;
        height: 54px;
    }
    .xshop-video-hide__info {
        font-size: 13px;
    }
    .xshop-video-hide__btns {
        margin-top: 12px;
    }
    .xshop-video-hide__btns button,
    .xshop-video-hide__btns a {
        min-width: 108px;
        height: 34px;
        line-height: 34px;
        padding: 0 18px;
        font-size: 13px;
    }
    .xshop-video-hide__number {
        display: none;
    }
}
/* 暗色主题 */
html[data-theme="dark"] .xshop-video-list {
    background: var(--bg-card, #1c1c22);
    border-color: #2d2d36;
}
html[data-theme="dark"] .xshop-video-list-author {
    border-bottom-color: #2d2d36;
}
html[data-theme="dark"] .xshop-video-list-liebiao-box li div a.btn-xshop-purchase-change-video,
html[data-theme="dark"] .xshop-video-list-xinxi-tim,
html[data-theme="dark"] .xshop-video-discuss__text {
    color: #b7b9c4;
}
html[data-theme="dark"] .xshop-video-list-liebiao-box li div a.btn-xshop-purchase-change-video i,
html[data-theme="dark"] .xshop-video-list-liebiao-box li div a.video_link_play {
    background: #2a2a33;
}
html[data-theme="dark"] .xshop-video-list-liebiao-box li div.xshop-video-list-liebiao-s {
    background: rgba(109, 77, 252, .14);
}
html[data-theme="dark"] .xshop-video-discuss {
    border-top-color: #2d2d36;
}

/* ==================== L1~L7 差异修复样式 ==================== */
/* L1 顶部面包屑容器 */
.xshop-single-crumb-wrap {
    margin: 4px 0 14px;
}
.single-body .xshop-single-crumb-wrap {
    margin: 0 0 16px;
}

/* L2 样式1价格区点赞/收藏 */
.xshop-shop1-dzsc {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}
.xshop-dzsc-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 14px;
    font-size: 13px;
    line-height: 1;
    color: #8a8f9c;
    background: #f3f4f8;
    border-radius: 999px;
    transition: all .2s ease;
}
.xshop-dzsc-btn:hover {
    color: var(--xshop-primary, #6d4dfc);
    background: rgba(109, 77, 252, .08);
}
.xshop-dzsc-btn.is-active {
    color: #fff;
    background: var(--xshop-primary, #6d4dfc);
}

/* L6 免费下载：触发按钮 + 弹窗 */
.xshop-down-toggle {
    margin-top: 20px;
    text-align: center;
}
.xshop-down-toggle__btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 34px;
    font-size: 14px;
    color: var(--xshop-primary, #6d4dfc);
    background: rgba(109, 77, 252, .08);
    border: 1px solid rgba(109, 77, 252, .25);
    border-radius: 999px;
    transition: all .2s ease;
}
.xshop-down-toggle__btn:hover {
    color: #fff;
    background: var(--xshop-primary, #6d4dfc);
    border-color: var(--xshop-primary, #6d4dfc);
}
/* 商城内页：资源下载按钮由 JS 迁入文末 .article-actions 操作条，样式与其他操作按钮对齐 */
.article-actions .xshop-down-toggle--embed {
    margin: 0;
    display: inline-flex;
    align-items: center;
}
.article-actions .xshop-down-toggle--embed .xshop-down-toggle__btn {
    padding: 10px 25px;
    border-color: transparent;
    color: #fff !important;
    background: linear-gradient(90deg, var(--theme-color), var(--color-link-hover));
    box-shadow: 0 5px 10px 0 rgba(79, 70, 229, .3);
}
.article-actions .xshop-down-toggle--embed .xshop-down-toggle__btn:hover {
    opacity: .88;
    color: #fff;
    border-color: transparent;
    box-shadow: 0 5px 14px 0 rgba(79, 70, 229, .4);
}
@media (max-width: 768px) {
    .article-actions .xshop-down-toggle--embed .xshop-down-toggle__btn {
        padding: 8px 18px;
        font-size: 13px;
    }
    .article-actions .xshop-down-toggle--embed .xshop-down-toggle__btn svg {
        width: 18px;
        height: 18px;
    }
}
.xshop-down-modal {
    border-radius: 12px;
    max-width: 460px;
    padding: 26px 28px 24px !important;
}
.xshop-down-modal__title {
    margin: 0 0 18px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: var(--xshop-text, #23262f);
}
.xshop-down-modal__row {
    margin: 0;
    padding: 10px 0;
    font-size: 13px;
    line-height: 1.7;
    color: #6b7080;
    border-bottom: 1px solid #eef0f4;
    word-break: break-all;
}
.xshop-down-modal__row b {
    color: var(--xshop-text, #23262f);
    font-weight: 600;
}
.xshop-down-modal__foot {
    margin: 22px 0 0;
    text-align: center;
}
.xshop-down-modal__btn {
    display: inline-block;
    padding: 9px 42px;
    font-size: 14px;
    color: #fff;
    background: var(--xshop-primary, #6d4dfc);
    border-radius: 999px;
    transition: opacity .2s ease;
}
.xshop-down-modal__btn:hover {
    opacity: .88;
    color: #fff;
}

/* 暗色主题适配 */
html[data-theme="dark"] .xshop-dzsc-btn {
    color: #9a9daa;
    background: #26262e;
}
html[data-theme="dark"] .xshop-dzsc-btn:hover {
    color: var(--xshop-primary-light, #9b7bff);
    background: rgba(109, 77, 252, .16);
}
html[data-theme="dark"] .xshop-down-toggle__btn {
    color: var(--xshop-primary-light, #9b7bff);
    background: rgba(109, 77, 252, .14);
    border-color: rgba(155, 123, 252, .3);
}
html[data-theme="dark"] .xshop-down-modal {
    background: #1c1c22;
}
html[data-theme="dark"] .xshop-down-modal__title {
    color: #e8e9f0;
}
html[data-theme="dark"] .xshop-down-modal__row {
    color: #9a9daa;
    border-bottom-color: #2d2d36;
}
html[data-theme="dark"] .xshop-down-modal__row b {
    color: #e8e9f0;
}

/* ==========================================================================
   商城内页样式8：AI提示词（布局同商城5）
   视频行：左视频 2/3（16:9） + 右提示词列 1/3（提示词/目录/信息属性 TAB）
   ========================================================================== */

/* ---------- 视频（商城5视频行左列） ---------- */
.xshop-prompt-media-wrap {
    min-width: 0;
    height: 100%;
}
.xshop-prompt-media {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #f4f5f7;
    border-radius: 10px;
    overflow: hidden;
}
.xshop-prompt-media img,
.xshop-prompt-media video,
.xshop-prompt-media iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    background: #000;
}
.xshop-prompt-media--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b7bcc8;
}
.xshop-prompt-media__placeholder {
    display: inline-flex;
}

/* ---------- 右列 TAB 面板（复用商城5课程列 .xshop-video-list 结构） ---------- */
/* 右列绝对定位填充右 1/3：脱离文档流，行高仅由左视频 16:9 决定，
   右列由此获得确定高度，内部 flex/滚动链可解析（避免长文本撑高整行） */
.xshop-shop5-video-row {
    position: relative;
}
.xshop-prompt-list {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: calc(33.333% - 10px);
}
/* 面板框改为纵向 flex：当前面板用 flex:1 占满（替代对百分比高度的依赖） */
.xshop-prompt-list .xshop-prompt-tabs__panels {
    display: flex;
    flex-direction: column;
}
/* 当前面板纵向撑满：声明固定、提示词框占满剩余高度内部滚动、操作按钮钉在底部 */
.xshop-prompt-list .xshop-prompt-tabs__panels > li.xshop-active {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* 声明 */
.xshop-prompt-card__notice {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
    padding: 11px 13px;
    background: #f6f7f9;
    border-radius: 10px;
    color: #8b8f99;
    font-size: 12.5px;
    line-height: 1.7;
}
.xshop-prompt-card__notice-icon {
    flex: 0 0 auto;
    display: inline-flex;
    margin-top: 1px;
    color: #aab0bd;
}

.xshop-prompt-card__body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

/* 提示词框：高度跟随右列（与视频等高），内部滚动 */
.xshop-prompt-body {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    border: 1px solid #eef0f4;
    border-radius: 12px;
    overflow: hidden;
}
.xshop-prompt-text {
    height: 100%;
    overflow-y: auto;
    padding: 14px 16px;
    background: #fcfcfd;
    font-size: 14px;
    line-height: 1.85;
    color: #3d414b;
    white-space: pre-wrap;
    word-break: break-word;
}
.xshop-prompt-text::-webkit-scrollbar {
    width: 5px;
}
.xshop-prompt-text::-webkit-scrollbar-thumb {
    background: #dfe2ea;
    border-radius: 999px;
}

/* 锁定态渐变遮罩与 pill */
.xshop-prompt-body--locked .xshop-prompt-text {
    color: #5a5f6c;
}
.xshop-prompt-fade {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 62%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(252, 252, 253, 0) 0%, #fcfcfd 80%);
}
.xshop-prompt-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
}
.xshop-prompt-overlay__pill {
    position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    max-width: 92%;
    height: 42px;
    padding: 0 24px;
    border: 0;
    border-radius: 999px;
    background: #2c2620;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 10px 26px rgba(20, 16, 10, .24);
    transition: opacity .2s ease;
}
.xshop-prompt-overlay__pill:hover {
    opacity: .9;
    color: #fff;
}
.xshop-prompt-overlay__pill--vip {
    background: linear-gradient(135deg, #f6d17c, #eab34c);
    color: #4a3705;
}
.xshop-prompt-overlay__pill--vip:hover {
    color: #4a3705;
}

/* 操作按钮：分享（珊瑚描边）+ 主按钮（黄色） */
.xshop-prompt-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 12px;
    margin-top: 14px;
}
.xshop-prompt-btn {
    flex: 1 1 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1.5px solid transparent;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, opacity .2s ease;
}
.xshop-prompt-btn svg {
    flex: 0 0 auto;
}
.xshop-prompt-btn--share {
    background: #fff;
    color: #ff5a3d;
    border-color: #ffb4a3;
}
.xshop-prompt-btn--share:hover {
    background: #fff6f4;
    border-color: #ff5a3d;
}
.xshop-prompt-btn--main {
    background: #ffdd1a;
    color: #3a2c00;
}
.xshop-prompt-btn--main:hover {
    background: #ffd300;
}
.xshop-prompt-btn--vip {
    background: linear-gradient(135deg, #f6d17c, #eab34c);
    color: #4a3705;
}
.xshop-prompt-btn--vip:hover {
    color: #4a3705;
    opacity: .94;
}

/* 目录 TAB：轻量行列表（外层框统一滚动） */
.xshop-prompt-dir__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.xshop-prompt-dir__item + .xshop-prompt-dir__item {
    margin-top: 5px;
}
.xshop-prompt-dir__item.is-active {
    background: #f4f1ff;
    border-radius: 10px;
}
.xshop-prompt-dir__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    font-size: 13px;
    color: #555;
    text-decoration: none;
    border-radius: 10px;
    transition: background .2s ease;
}
.xshop-prompt-dir__link:hover {
    background: #f6f7fb;
}
.xshop-prompt-dir__item.is-active .xshop-prompt-dir__link {
    color: #6d4dfc;
    font-weight: 600;
}
.xshop-prompt-dir__index {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #9a9eaa;
    background: #ebedf4;
    border-radius: 50%;
}
.xshop-prompt-dir__item.is-active .xshop-prompt-dir__index {
    color: #fff;
    background: #6d4dfc;
}
.xshop-prompt-dir__name {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xshop-prompt-dir__status {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    white-space: nowrap;
}
.xshop-prompt-dir__status--done {
    color: #2fbf71;
}
.xshop-prompt-dir__status--pay {
    color: #ff7d18;
}
.xshop-prompt-dir__status--free {
    color: #a0a5b0;
}

/* 信息属性 TAB */
.xshop-prompt-attrs__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.xshop-prompt-attrs__list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 11px 0;
    font-size: 13px;
    border-bottom: 1px dashed #e9ebf1;
}
.xshop-prompt-attrs__list li:first-child {
    padding-top: 4px;
}
.xshop-prompt-attrs__list li:last-child {
    border-bottom: 0;
}
.xshop-prompt-attrs__label {
    flex: 0 0 auto;
    color: #9a9eaa;
}
.xshop-prompt-attrs__value {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #4a4f5a;
    text-align: right;
}

/* ---------- 响应式（视频行折叠后右列恢复静态、高度由内容决定） ---------- */
@media (max-width: 960px) {
    .xshop-prompt-list {
        position: static;
        width: auto;
    }
    .xshop-prompt-list .xshop-prompt-tabs__panels > li.xshop-active {
        height: auto;
    }
    .xshop-prompt-list .xshop-prompt-card__body {
        flex: 0 0 auto;
    }
    .xshop-prompt-list .xshop-prompt-body {
        flex: 0 0 auto;
        height: clamp(240px, 52vh, 420px);
    }
}

/* ---------- 暗色主题 ---------- */
html[data-theme="dark"] .xshop-prompt-media {
    background: #26262e;
}
html[data-theme="dark"] .xshop-prompt-media--empty {
    color: #5c5f6b;
}
html[data-theme="dark"] .xshop-prompt-tabs__nav li a {
    color: #9a9daa;
}
html[data-theme="dark"] .xshop-prompt-tabs__nav li a:hover {
    background: #26262e;
}
html[data-theme="dark"] .xshop-prompt-card__notice {
    background: #26262e;
    color: #9a9daa;
}
html[data-theme="dark"] .xshop-prompt-body {
    border-color: #2c2c36;
}
html[data-theme="dark"] .xshop-prompt-text {
    background: #18181e;
    color: #e8e9f0;
}
html[data-theme="dark"] .xshop-prompt-body--locked .xshop-prompt-text {
    color: #a9adba;
}
html[data-theme="dark"] .xshop-prompt-fade {
    background: linear-gradient(to bottom, rgba(24, 24, 30, 0) 0%, #18181e 80%);
}
html[data-theme="dark"] .xshop-prompt-text::-webkit-scrollbar-thumb {
    background: #383842;
}
html[data-theme="dark"] .xshop-prompt-btn--share {
    background: transparent;
    color: #ff7a5f;
    border-color: rgba(255, 122, 95, .45);
}
html[data-theme="dark"] .xshop-prompt-btn--share:hover {
    background: rgba(255, 90, 61, .1);
    border-color: #ff7a5f;
}
html[data-theme="dark"] .xshop-prompt-dir__item.is-active {
    background: #2a2540;
}
html[data-theme="dark"] .xshop-prompt-dir__link {
    color: #b9bdc9;
}
html[data-theme="dark"] .xshop-prompt-dir__link:hover {
    background: #23232b;
}
html[data-theme="dark"] .xshop-prompt-dir__index {
    background: #2d2d37;
    color: #9a9daa;
}
html[data-theme="dark"] .xshop-prompt-dir__status--free {
    color: #7e8290;
}
html[data-theme="dark"] .xshop-prompt-attrs__list li {
    border-bottom-color: #2c2c36;
}
html[data-theme="dark"] .xshop-prompt-attrs__list li .xshop-prompt-attrs__label {
    color: #9a9daa;
}
html[data-theme="dark"] .xshop-prompt-attrs__list li .xshop-prompt-attrs__value {
    color: #e8e9f0;
}

/* ==========================================================================
   商城内页样式6：相册（.xg6）—— 1:1 还原 nova.aixzd.com/prompt/6173 全屏弹出层
   整层恒为 nova 暗色金系（不随主题翻转）：≥1200px fixed 弹出层（70% 黑底），
   body.xg6-detail-on 隐藏站点骨架；≤1199px 纵向堆叠自然滚动、头部吸顶
   ========================================================================== */

/* 弹出层页面：隐藏站点骨架（头部/横幅/底部/侧边栏/移动抽屉/移动底栏/回顶按钮），body 位移归零、画布固定为暗色 */
body.xg6-detail-on {
    padding-left: 0;
    padding-bottom: 0;
    background: #0d0f0f;
}
body.xg6-detail-on .site-header,
body.xg6-detail-on .site-banner,
body.xg6-detail-on .site-footer,
body.xg6-detail-on .xl-side-nav,
body.xg6-detail-on .mobile-nav,
body.xg6-detail-on .mobile-bottom-bar,
body.xg6-detail-on .back-to-top {
    display: none !important;
}
@media (min-width: 1200px) {
    body.xg6-detail-on {
        overflow: hidden;
    }
}

.xg6 {
    display: flex;
    align-items: stretch;
    gap: 30px;
    padding: 20px;
    min-height: 100vh;
    background: #0d0f0f;
}
@media (min-width: 1200px) {
    .xg6 {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 110;
        min-height: 0;
        background: rgba(0, 0, 0, 0.7);
    }
    body.admin-bar .xg6 {
        top: 32px;
    }
}
.xg6__main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}
.xg6__side {
    flex: 0 0 min(500px, 44vw);
    width: min(500px, 44vw);
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 30px 15px 30px 30px;
    border-radius: 10px;
    background: #111516;
    overflow: hidden;
}
.xg6__side > * {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #2e3436 transparent;
}

/* ---------- 左栏：标题头（标题 + 日期/图数 + Esc关闭窗口按钮，同行 42px） ---------- */
.xg6-head {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 0 0 auto;
    height: 42px;
    margin: 0;
}
.xg6-head__title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    font-size: clamp(22px, 1.1458vw, 26px);
    font-weight: 600;
    color: #dbd1c1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.xg6-head__title .single-article__badges {
    white-space: nowrap;
}
.xg6-head__title .xshop-badge {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 13px;
}
.xg6-head__meta {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 0 0 auto;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
}
.xg6-head__date,
.xg6-head__count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.xg6-head__count b {
    color: #e8e8e8;
    font-weight: 600;
}

/* ---------- Esc关闭窗口按钮 ---------- */
.xg6 .btn-detail-close {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    height: 42px;
    margin: 0;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 10px;
    background: #111516;
    color: #9ca3af;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.xg6 .btn-detail-close .btn-content,
.xg6 .btn-detail-close .txt,
.xg6 .btn-detail-close .icon {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-style: normal;
}
.xg6 .btn-detail-close .icon {
    gap: 0;
    line-height: 0;
}
.xg6 .btn-detail-close:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.16);
}

/* ---------- 左栏：幻灯片（弹出层内撑满标题行以下余高，图 max-height 自适应） ---------- */
.xg6-stage {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    margin-top: 20px;
}
.xg6-stage__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    gap: 10px;
}
.xg6-stage__viewer {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}
.xg6-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
}
.xg6-slide.is-current {
    display: flex;
}
.xg6-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
    object-fit: contain;
}
.xg6-stage__rail {
    flex: 0 0 64px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.xg6-thumbs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 286px;
    overflow-y: auto;
    scrollbar-width: none;
}
.xg6-thumbs::-webkit-scrollbar {
    display: none;
}
.xg6-thumb {
    position: relative;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
    border: 4px solid #1f2324;
    border-radius: 10px;
    background: #1f2324;
    overflow: hidden;
    cursor: pointer;
}
.xg6-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xg6-thumb:not(.is-current)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
}
.xg6-thumb.is-current {
    border-color: #ffd26f;
}
.xg6-count {
    display: flex;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
}
.xg6-count__cur {
    color: #f7cc95;
}
.xg6-navs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: #11151699;
    border: 1px solid #ffffff1a;
    border-radius: 6px;
    overflow: hidden;
}
.xg6-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.xg6-nav--prev {
    border-right: 1px solid #494544;
}
.xg6-nav:hover {
    background: #f7cc95;
    color: #000;
}

/* ---------- 右栏：提示词头（avatar + 药丸） ---------- */
.xg6-prompt__head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}
.xg6-prompt__avatar img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.xg6-prompt__pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    border: 1px solid #514b3b80;
    border-radius: 6px;
    background: #272722;
    color: #f2d28a;
    font-size: 13px;
    max-width: calc(100% - 42px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xg6-prompt__pill::before {
    content: '';
    position: absolute;
    left: -5px;
    top: 50%;
    width: 8px;
    height: 8px;
    background: #272722;
    border-left: 1px solid #514b3b80;
    border-bottom: 1px solid #514b3b80;
    transform: translateY(-50%) rotate(45deg);
}
/* 作者链接（头像+用户名 → 个人主页） */
.xg6-prompt__author {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
}
.xg6-prompt__author:hover .xg6-prompt__pill {
    border-color: #d1b474;
    color: #ffe9b8;
}
/* 编辑按钮（有权限时显示） */
.xg6-prompt__edit {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 28px;
    margin-left: auto;
    padding: 0 10px;
    border: 1px solid #ffffff14;
    border-radius: 8px;
    color: #9ca3af;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.2s ease, border-color 0.2s ease;
}
.xg6-prompt__edit:hover {
    color: #d1b474;
    border-color: #d1b47480;
}

/* ---------- 右栏：提示词卡（nova 单层平面卡，底色由 .xg6__side 承担） ---------- */
.xg6-prompt__card {
    background: transparent;
    border: 0;
    border-radius: 0;
}
.xg6-tabs {
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: 1px solid #262a2b;
}
.xg6-tabs:not([data-xg6-single]) {
    grid-template-columns: 1fr 1fr;
}
.xg6-tab {
    height: 60px;
    border: 0;
    background: transparent;
    color: #9ca3af;
    font-size: clamp(16px, 0.8333vw, 20px);
    cursor: pointer;
}
.xg6-tab.is-current {
    color: #d1b474;
    background: linear-gradient(180deg, #d1b47426, #d1b4744d);
}

/* pane：grid 布局 + display:contents 把 #xshop-prompt-s 子级提为直接项，用 order 重排
   期望顺序：正文(1) → 折叠钮/门(2) → 操作按钮(3) → 收藏(4) */
.xg6-pane {
    display: none;
}
.xg6-pane.is-current {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}
.xg6-pane #xshop-prompt-s {
    display: contents;
}
.xg6-pane .xshop-prompt-body {
    grid-column: 1 / -1;
    order: 1;
    position: relative;
    padding: 40px 0 0;
    margin: 0;
    background: transparent;
    border: 0;
}
.xg6-pane .xshop-prompt-text {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    font-size: 14px;
    line-height: 1.7;
    color: #d8d8d8e6;
    white-space: pre-wrap;
    word-break: break-word;
}
/* 游客态：隐藏预览正文（nova 未登录仅显示门） */
.xg6-pane .xshop-prompt-body--login {
    display: none;
}
/* 锁定态：隐藏覆盖药丸（主按钮已承担 CTA），保留预览文本 + 渐隐 */
.xg6-pane .xshop-prompt-body--locked .xshop-prompt-overlay {
    display: none;
}
.xg6-pane .xshop-prompt-body--locked .xshop-prompt-fade {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(17, 21, 22, 0), #111516);
}
.xg6-pane .xshop-prompt-body--locked .xshop-prompt-text {
    max-height: 240px;
    overflow: hidden;
}
/* 已解锁全文超长折叠 */
.xg6-pane .xshop-prompt-text.is-clamped {
    position: relative;
    max-height: 420px;
    overflow: hidden;
}
.xg6-pane .xshop-prompt-text.is-clamped::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 80px;
    background: linear-gradient(180deg, rgba(17, 21, 22, 0), #111516);
}
.xg6-clamp-toggle {
    grid-column: 1 / -1;
    order: 2;
    display: block;
    margin: 16px auto 0;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #ffffff1a;
    border-radius: 8px;
    background: transparent;
    color: #edcb82;
    font-size: 13px;
    cursor: pointer;
}

/* nova 门（渐变标题 + 三步骤） */
.xg6-gate {
    grid-column: 1 / -1;
    order: 2;
    padding: 18px 0 0;
    text-align: center;
}
.xg6-gate__title {
    font-size: clamp(26px, 1.3542vw, 30px);
    font-weight: 700;
    background: linear-gradient(90deg, #f7c570, #f7d591);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}
.xg6-gate__sub {
    margin-top: 10px;
    font-size: clamp(16px, 0.8333vw, 20px);
    color: #bcbcbc;
}
.xg6-gate__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.xg6-gate__items li {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    min-width: 0;
}
.xg6-gate__icon {
    line-height: 0;
}
.xg6-gate__name {
    color: #edcb82;
    font-size: 14px;
    font-weight: 600;
}
.xg6-gate__desc {
    color: #a6a39e;
    font-size: 12px;
    line-height: 1.5;
}

/* 操作按钮行（changePromptHtml 输出）+ 收藏 */
.xg6-pane .xshop-prompt-actions {
    order: 3;
    display: flex;
    gap: 10px;
    margin: 24px 0 40px;
    padding: 0;
    background: transparent;
    border: 0;
}
.xg6-pane .xshop-prompt-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    background: transparent;
    color: #edcb82;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}
.xg6-pane .xshop-prompt-btn--share {
    display: none;
}
.xg6-pane .xshop-prompt-btn--main {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    color: #000;
    background: linear-gradient(to right, #f2d28a, #d7a85b, #f2d28a, #d7a85b);
    background-size: 300% 100%;
    transition: background-position 0.5s ease;
}
.xg6-pane .xshop-prompt-btn--main:hover {
    background-position: 100% 0;
}
.xg6-favbar {
    order: 4;
    display: flex;
    margin: 24px 0 40px;
}
.xg6-fav {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #ffffff1a;
    border-radius: 10px;
    color: #edcb82;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.xg6-fav .count {
    opacity: 0.7;
}
.xg6-fav.is-active {
    border-color: #d9aa650d;
    background: #272621;
    color: #7e6844;
}

/* ---------- 右栏：参数信息 / 标签 / 使用建议 ---------- */
.xg6-section {
    margin-top: 15px;
}
.xg6-section__title {
    margin-bottom: 14px;
    font-size: clamp(18px, 0.9375vw, 22px);
    color: #9ca3af;
}
.xg6-params {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
.xg6-param {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 18px 14px;
    border: 1px solid #ffffff0f;
    border-radius: 10px;
    background: #ffffff08;
}
.xg6-param__icon {
    color: #897953;
    line-height: 0;
}
.xg6-param__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.xg6-param__title {
    font-size: clamp(12px, 0.625vw, 14px);
    color: #9ca3af;
}
.xg6-param__desc {
    font-size: 14px;
    font-weight: 600;
    color: #dad2c6;
    text-transform: capitalize;
    word-break: break-all;
}
@media (min-width: 750px) {
    .xg6-param {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }
}
/* 可点击卡（所属分类 / 演示地址） */
.xg6-param--link {
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.xg6-param--link .xg6-param__desc {
    color: #d1b474;
}
.xg6-param--link:hover {
    border-color: #d1b47466;
    background: #d1b4740f;
}
/* 资源信息评分（desc 为 1-5 时显示星星） */
.xg6-param__stars {
    display: inline-flex;
    gap: 2px;
    font-size: 13px;
    line-height: 1;
}
.xg6-param__stars i {
    font-style: normal;
    color: #ffffff26;
}
.xg6-param__stars i.on {
    color: #f2d28a;
}
/* 商城样式6自定义组件容器（主题设置 → 商城页自定义 → 商城样式6） */
.xg6-widgets {
    margin-top: 22px;
}
.xg6-widgets .shop-component-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.xg6-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}
.xg6-tag {
    display: inline-flex;
    align-items: center;
    height: 30px;
    padding: 0 8px;
    border: 1px solid #ffffff0f;
    border-radius: 6px;
    background: #1f1d19;
    color: #a09681;
    font-size: 13px;
    text-decoration: none;
}
.xg6-tag:hover {
    background: #2a271e;
    color: #fff1d4;
}
.xg6-guide {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.xg6-guide__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 20px;
    border: 1px solid #ffffff0f;
    border-radius: 10px;
    background: #ffffff08;
    color: #b3b3b3;
    font-size: 14px;
    line-height: 1.6;
}
.xg6-guide__index {
    flex: 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    border-radius: 50%;
    background: #f2d28a;
    color: #000;
    font-size: 11px;
    font-weight: 600;
}

/* ---------- 右栏：目录 pane（复用 renderShopPromptDirectory 结构，nova 化重样式） ---------- */
.xg6-pane .xshop-prompt-dir__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 20px 0;
    list-style: none;
}
.xg6-pane .xshop-prompt-dir__link {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #ffffff0f;
    border-radius: 10px;
    background: #ffffff08;
    color: #d8d8d8e6;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
}
.xg6-pane .xshop-prompt-dir__item.is-active .xshop-prompt-dir__link {
    border-color: #d1b47466;
    background: linear-gradient(180deg, #d1b47426, #d1b4744d);
    color: #d1b474;
}
.xg6-pane .xshop-prompt-dir__index {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f2d28a22;
    color: #d1b474;
    font-size: 12px;
}
.xg6-pane .xshop-prompt-dir__name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ---------- 非 prompt 回退（平面化：底色由 .xg6__side 承担） ---------- */
.xg6-fallback {
    padding: 0;
    color: #d8d8d8e6;
    font-size: 14px;
    line-height: 1.7;
}
.xg6-fallback__body > *:first-child {
    margin-top: 0;
}
.xg6-fallback__body > *:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   .xg6 响应式：≤1199px 纵向堆叠（自然滚动，头部吸顶）；≤749.5px 移动端紧凑
   ========================================================================== */
@media (max-width: 1199.98px) {
    .xg6 {
        flex-direction: column;
        gap: 20px;
        padding: 15px;
    }
    .xg6__side {
        flex: 1 1 auto;
        width: auto;
        padding: 20px 15px 20px 20px;
    }
    .xg6__side > * {
        overflow: visible;
    }
    .xg6-head {
        position: sticky;
        top: 0;
        z-index: 5;
        height: auto;
        min-height: 48px;
        margin: -15px -15px 0;
        padding: 10px 15px;
        background: #0d0f0f;
    }
    .xg6-stage {
        flex: 0 0 auto;
        padding-top: clamp(320px, var(--xg6-ratio, 133.333%), 70vh);
    }
}
@media (max-width: 999.98px) {
    .xg6-head__meta {
        display: none;
    }
}
@media (max-width: 749.5px) {
    .xg6 {
        gap: 15px;
        padding: 12px;
    }
    .xg6-head {
        gap: 10px;
        margin: -12px -12px 0;
        padding: 10px 12px;
    }
    .xg6-head__title {
        font-size: 18px;
    }
    .xg6 .btn-detail-close {
        padding: 0 13px;
    }
    .xg6 .btn-detail-close .btn-content {
        gap: 0;
    }
    .xg6 .btn-detail-close .txt {
        display: none;
    }
    .xg6-stage {
        padding-top: clamp(56vw, var(--xg6-ratio, 133.333%), 150vw);
    }
    .xg6-stage__inner {
        flex-direction: column;
    }
    .xg6-stage__rail {
        flex: 0 0 auto;
        flex-direction: row;
        align-items: center;
        gap: 8px;
    }
    .xg6-thumbs {
        flex: 1 1 auto;
        flex-direction: row;
        max-height: none;
        max-width: calc(100% - 150px);
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }
    .xg6-thumb {
        flex: 0 0 48px;
        border-width: 2px;
    }
    .xg6-count {
        flex: 0 0 auto;
    }
    .xg6-navs {
        flex: 0 0 auto;
    }
    .xg6__side {
        padding: 15px 12px 15px 15px;
    }
    .xg6-tab {
        height: 48px;
        font-size: 15px;
    }
    .xg6-pane .xshop-prompt-body {
        padding: 20px 0 0;
    }
    .xg6-pane .xshop-prompt-body--locked .xshop-prompt-text {
        max-height: 200px;
    }
    .xg6-gate {
        padding: 14px 0 0;
    }
    .xg6-gate__items {
        gap: 10px;
    }
    .xg6-gate__desc {
        font-size: 11px;
    }
    .xg6-pane .xshop-prompt-actions {
        margin: 20px 0 24px;
    }
    .xg6-favbar {
        margin: 20px 0 24px;
    }
    .xg6-pane .xshop-prompt-dir__list {
        padding: 15px 0;
    }
}