/*
 * @Author: MUNIU
 * @Url: 16yc.cn
 * @Date: 2026-01-20 17:59:55
 * @LastEditTime: 2026-01-20 21:29:16
 * @Email: 21306562@qq.com
 * @Project: 木牛授权插件
 * @Description: 木牛多功能授权插件
 * @Remind: 使用盗版插件会存在各种未知风险。支持正版，从我做起！
 */

.zyxw {
	height: 120px;
	margin-right: 8px;
	width: calc(45% - 11px);
	display: inline-block
}

.zyxsw {
	height: 120px;
	margin-left: 8px;
	width: calc(55% - 11px);
	display: inline-block
}

@media (max-width:640px) {
	.zyxw {
		height: 120px;
		width: calc(100% - 0px);
		display: inline-block;
		margin-right: 0px
	}

	.zyxsw {
		height: 120px;
		width: calc(100% - 0px);
		display: inline-block;
		margin-left: 0px
	}
}


.muniu-badge-text {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	border: 1px solid #ccc;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 12px;
	height: 18px;
	line-height: 1.5;
	padding: 4px;
	margin-right: 3px;
}

.muniu-badge-text:after {
	position: absolute;
	content: " ";
	display: block;
	left: -100%;
	top: -5px;
	width: 15px;
	height: 145%;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	animation: sweepTitle 3s ease-in-out infinite;
	transform: rotate(28deg);
}

/**
 * 购买商品弹窗：与 mk-posts 一致（授权/配额弹窗布局）
 * 参考：mk-posts/inc/code/assets/css/mk-gather-modal.css
 */

/* 弹窗宽度 - 桌面端 653px，移动端自适应 */
@media (min-width: 768px) {
	.modal .modal-dialog.muniu-pay-modal {
		width: 653px;
		max-width: calc(100% - 40px);
		margin-left: auto;
		margin-right: auto;
	}
}

/* 套餐选择区域 - 卡片横向排列，最后一行居中 */
.muniu-pay-modal .charge-box {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

/* 套餐卡片 - 每行 4 个，与 mk-posts 一致；内容垂直居中，内容少时不会出现底部大片空白 */
.muniu-pay-modal .charge-box .product-box,
.muniu-pay-modal .charge-box .zib-widget {
	flex: 0 0 calc(25% - 8px);
	min-width: 180px;
	min-height: 150px;
	max-width: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	box-sizing: border-box;
}

/* 套餐卡片内名称/有效期/价格间距与 mk-posts 一致（主题无 mb8，此处写死保证效果） */
.muniu-pay-modal .muniu-package-card .muniu-card-name,
.muniu-pay-modal .muniu-package-card .muniu-card-duration {
	margin-bottom: 14px;
}

/* 移动端：弹窗全宽，一行 2 个套餐 */
@media (max-width: 767px) {
	.modal .modal-dialog.muniu-pay-modal {
		width: 100%;
		max-width: 100%;
	}
	.muniu-pay-modal .charge-box,
	.muniu-pay-modal .charge-box.mb20,
	.muniu-pay-modal .charge-box.mb10 {
		gap: 8px !important;
		justify-content: flex-start !important;
	}
	.muniu-pay-modal .charge-box .product-box,
	.muniu-pay-modal .charge-box .zib-widget,
	.muniu-pay-modal .charge-box .vip-product,
	.muniu-pay-modal .charge-box .zib-widget.vip-product,
	.muniu-pay-modal .charge-box .zib-widget.vip-product.product-box {
		flex: 0 0 calc(50% - 4px) !important;
		min-width: 0 !important;
		max-width: none !important;
		width: calc(50% - 4px) !important;
		box-sizing: border-box;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
/* 产品授权 tab 内隐藏主题自带的「没有更多内容了」提示 */
#user-tab-product .no-more.separator {
	display: none;
}