/**
 * RiPro 9.0 main.min.css 中 .post-buy-widget / .ri-down-warp 片段，限定在 .ripro-v90-sidebar-pay 上，
 * 用于覆盖 9.9 主题对 .ri-down-warp / .buy-box 等的新样式。
 *
 * 注意：手机端（主题判断宽度小于 992px）会把 .post-buy-widget 整块挪到 article.post-content 内，
 * 此时必须与 9.0 一致使用 position:relative + overflow:hidden + 蓝色虚线外框，
 * 右上角「下载」角标才能相对本卡片区定位；侧栏内仍用 position:static。
 *
 * 本文件由「RiPro 钻石会员扩展」内置（款式2：付费下载价目排列 → RiPro 9.0 侧栏），
 * 与独立插件 ripro-v90-download-ui 同源；请勿同时启用两套模板拦截。
 */

/* 仅侧边栏小工具区域：与 9.0 一致 */
.sidebar .post-buy-widget .ripro-v90-sidebar-pay.ri-down-warp {
	position: static;
}

/* 文章内容区（含手机端挪入的购买模块）：与 9.0 .post-content .ri-down-warp 一致 */
.post-content .post-buy-widget .ripro-v90-sidebar-pay.ri-down-warp,
.post-content .ripro-v90-sidebar-pay.ri-down-warp {
	margin: 1rem 0;
	position: relative;
	overflow: hidden;
	border-radius: 0.5rem;
	padding: 1.5rem 1rem;
	background-color: #fff;
	border: dashed 2px #03a9f4;
	box-sizing: border-box;
}

[data-bs-theme="dark"] .post-content .post-buy-widget .ripro-v90-sidebar-pay.ri-down-warp,
[data-bs-theme="dark"] .post-content .ripro-v90-sidebar-pay.ri-down-warp {
	background-color: #222529;
	border-color: #2a2c31;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-msg {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 2;
	height: 1.5rem;
	line-height: 1.5rem;
	width: 5.656rem;
	-webkit-transform: translate(38px, -8px) rotate(45deg);
	transform: translate(38px, -8px) rotate(45deg);
	text-align: center;
	font-size: 0.75rem;
	background-color: #0cbc87;
	color: #fff;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp {
	position: relative;
	width: 100%;
	text-align: center;
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: 0 auto;
	z-index: 1;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .copy-pwd {
	cursor: pointer;
	text-align: center;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .buy-title {
	color: #0cbc87;
	font-size: 1rem;
	margin-bottom: 1rem;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .buy-btns {
	margin-bottom: 1rem;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .buy-desc {
	color: #999;
	font-size: 1rem;
	margin-bottom: 1rem;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info {
	padding: 5px 10px;
	border-radius: 4px;
	position: relative;
	color: #666;
	width: 100%;
	border: 1px dashed #ffdd65;
	margin-top: 10px;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .vip-rete-tips {
	display: block;
	font-size: 0.75rem;
	color: rgba(214, 41, 62, 0.85);
	letter-spacing: 1px;
	text-align: center;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 0 10px 15px;
	font-size: 0.75rem;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item span i {
	display: none;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item sup {
	color: #ff9800;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.default {
	color: #d6293e;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.no {
	color: #595d69;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.vip {
	color: #0cbc87;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.boosvip {
	color: #f7c32e;
}

/* 钻石会员扩展注入的 li.price-item.diamond */
.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.diamond {
	color: #a0522d;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item::after,
.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item::before {
	content: "";
	position: absolute;
	top: 4px;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item::before {
	height: 100%;
	width: 1px;
	left: 5px;
	background: rgba(0, 0, 0, 0.19);
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item::after {
	left: 0;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 11px;
	height: 11px;
	background-color: #ff8f8f;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-width: 2px;
	border-style: solid;
	border-color: #fff;
	-o-border-image: initial;
	border-image: initial;
	border-radius: 50%;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.default::after {
	background-color: #d6293e;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.no::after {
	background-color: #595d69;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.vip::after {
	background-color: #0cbc87;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.boosvip::after {
	background-color: #f7c32e;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item.diamond::after {
	background-color: #a0522d;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item:last-child::before {
	display: none;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-desc {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	font-size: 0.875rem;
	padding: 0.5rem 1rem;
	background-color: #fff9e4;
	border-radius: 0.35rem;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-desc::after {
	content: "";
	position: absolute;
	bottom: -19px;
	left: 50%;
	margin-left: -10px;
	border-width: 10px;
	border-style: solid;
	border-color: #fff9e4 transparent transparent transparent;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-desc .prices-default {
	color: #d6293e;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-desc .prices-default > span {
	font-size: 1.5rem;
	font-weight: 600;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .buy-count {
	margin-top: 1rem;
	color: #8d9da9;
	font-size: 0.875rem;
}

.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .buy-count span {
	color: #03a9f4;
	margin: 0 2px;
}

/* 9.0 与 Tailwind/主题按钮宽度一致 */
.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .buy-btns .btn {
	width: 100%;
}

/* 小屏：强化虚线（部分 WebKit 在缩放后易吞 1px 虚线） */
@media (max-width: 991.98px) {
	.post-content .post-buy-widget .ripro-v90-sidebar-pay.ri-down-warp,
	.post-content .ripro-v90-sidebar-pay.ri-down-warp {
		border: dashed 2px #03a9f4;
	}

	.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info {
		border: 1px dashed #ffdd65 !important;
		border-style: dashed !important;
	}

	.ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item {
		font-size: 0.75rem;
	}
}

[data-bs-theme="dark"] .ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info .price-item::before {
	background: rgba(255, 255, 255, 0.19);
}

[data-bs-theme="dark"] .ripro-v90-sidebar-pay.ri-down-warp .down-buy-warp .prices-info::before {
	border-color: transparent transparent #191b1d transparent;
}