/**
 * VAN 风格：列表角标 + 资源下载区价格样式（摘自 van_home.css / down.css）
 * 列表角标 HTML 由插件 Siwei_Corner_Marks 注入（含 siwei-corner-root 包裹层）。
 */

article.post-grid {
	position: relative;
}

.siwei-corner-mount {
	position: static;
}

/* 与 VAN 子主题 van_home.css 一致：铺满卡片顶部区域，角标相对封面定位 */
.siwei-corner-root {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	pointer-events: none;
}

.siwei-van-corners {
	position: relative;
	width: 100%;
	height: 100%;
}

/* 列表角标叠在封面右上角：主文案 + 普通价签纵向对齐右侧 */
.siwei-van-corners.siwei-corners-right {
	position: absolute;
	top: 10px;
	right: 10px;
	left: auto;
	width: auto;
	max-width: calc(100% - 16px);
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
	z-index: 5;
	box-sizing: border-box;
}

.siwei-corner-ico {
	display: inline-block;
	vertical-align: -2px;
	margin-right: 4px;
	filter: brightness(0) invert(1);
}

.siwei-tier-paid .siwei-corner-ico {
	filter: brightness(0) invert(0);
	opacity: 0.9;
}

.siwei-corner-txt {
	vertical-align: middle;
}

.siwei-price-unit,
.siwei-price-coin {
	font-style: normal;
	font-size: 11px;
	opacity: 0.95;
	margin: 0 1px;
}

/* ---------- 列表角标：右上主标（含状态）+ 其下价签 ---------- */
.siwei-corners-right .tipss {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	z-index: 2;
	min-width: 60px;
	min-height: 20px;
	height: auto;
	padding: 0 8px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	font-size: 13px;
	border-radius: 10px;
	font-weight: 600;
	box-sizing: border-box;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 兼容旧结构（仅 siwei-van-corners 无 siwei-corners-right） */
.tipss {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	min-width: 60px;
	min-height: 20px;
	height: auto;
	padding: 0 8px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	font-size: 13px;
	border-radius: 10px;
	font-weight: 600;
	box-sizing: border-box;
	max-width: calc(100% - 90px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tipss i {
	font-size: 12px;
	font-weight: 600;
	margin-right: 4px;
}

/* 优先级：在 VAN 三色底上略作区分，不过度炫光 */
.siwei-tier-exclusive {
	background: linear-gradient(90deg, #7c5cff 0%, #ff416c 100%);
	color: #fff !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

/* 钻石专属：亮黄底深字，易辨认 */
.siwei-tier-exclusive-only {
	background: linear-gradient(180deg, #fff176 0%, #ffeb3b 55%, #fdd835 100%);
	color: #5d4a00 !important;
	border: 1px solid rgba(245, 180, 0, 0.65);
	box-shadow: 0 1px 4px rgba(234, 179, 8, 0.35);
	font-weight: 600;
}

.siwei-tier-exclusive-only .siwei-corner-ico {
	filter: brightness(0) saturate(100%);
	opacity: 0.88;
}

.siwei-tier-exclusive-only .siwei-corner-diamond {
	color: #5d4a00;
	opacity: 1;
}

.siwei-tier-permanent {
	background-color: #ff6b35;
	color: #fff !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.35);
}

.siwei-tier-vipfree {
	background-color: #ff416c;
	color: #fff !important;
}

.siwei-tier-paid {
	background-color: #f9c851;
	color: #5c4a10 !important;
}

.siwei-tier-free {
	background-color: #10c469;
	color: #fff !important;
}

/* 兼容旧类名（下载区等） */
.yellow {
	background-color: #f9c851;
}
.success {
	background-color: #10c469;
}
.orange {
	background-color: #ff416c;
}

/* 价格角：与主标同列贴右侧 */
.siwei-corners-right .tipss_down.siwei-price-chip {
	position: relative;
	right: auto;
	top: auto;
	display: block;
	margin-right: 0;
	z-index: 2;
	font-size: 12px;
	padding: 0.25em 0.8em;
	color: #fff;
	line-height: 1.2;
	font-weight: 600;
	background-color: #ff416c;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* 旧版「封面顶边」价签 */
.tipss_down.siwei-price-chip {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	margin-right: 0;
	z-index: 2;
	font-size: 12px;
	padding: 0.25em 0.8em;
	color: #fff;
	line-height: 1.2;
	font-weight: 600;
	background-color: #ff416c;
	border-radius: 0 0 0 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* ---------- 文章页下载区域：价格数字与 VIP 条 ---------- */
.zweir-price {
	color: #000;
}
.sellP {
	font-size: 13px;
	color: #ec1c2b;
}
.sellP em {
	font-size: 13px;
	color: #ec1c2b;
	font-style: normal;
	font-weight: 500;
}
.sellP #priceinfo {
	font-size: 22px;
	color: #ec1c2b;
	font-weight: bold;
}

.priceBtn .btn {
	display: inline-block;
	padding: 0.35rem 1.5rem;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
	vertical-align: middle;
	text-align: center;
	font-weight: 400;
	font-size: 0.875rem;
	line-height: 1.5;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	user-select: none;
}

.main_info_price {
	margin-top: 20px;
	display: flex;
}
.main_info_price_l {
	height: 57px;
	line-height: 50px;
	width: 210px;
	text-align: center;
	background-color: #ffefe9;
	margin-right: 8px;
	color: #999;
	font-size: 12px;
	position: relative;
}
.main_info_price_l span {
	color: #ff7726;
	font-size: 14px;
	font-weight: bold;
}
.main_info_price_l i {
	font-size: 24px;
	font-style: normal;
}
.main_info_price_r {
	width: 100%;
	height: 57px;
	line-height: 57px;
	color: #fff;
	font-size: 18px;
	padding-left: 24px;
	position: relative;
}

.yfx-shop1-dzsc {
	display: block;
	font-size: 12px;
	color: #666f80;
	text-align: center;
	padding-top: 26px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.yfx-shop1-dzsc .change-color {
	padding: 3px 10px;
	border-radius: 4px;
	color: #ff5473 !important;
	background: rgba(255, 84, 115, 0.1);
	margin-right: 10px !important;
	font-size: 12px;
}
.yfx-shop1-dzsc .change-color-sc {
	padding: 3px 10px;
	border-radius: 4px;
	color: #0084ff !important;
	background: rgba(0, 132, 255, 0.1);
	font-size: 12px;
}

/* 移动端资源页底部购买条 */
.app_shop_jg {
	background: #f6f6f6;
	position: relative;
	z-index: 8;
	padding: 10px 20px;
}
.app_shop_jg .app_shop_jg_se {
	font-size: 12px;
	color: #ec1c2b;
}
.app_shop_jg .app_shop_jg_se em {
	color: #ff6c00;
	font-style: normal;
}
.app_shop_jg .app_shop_jg_se #priceinfo {
	font-size: 26px;
	color: #ff6c00;
	font-weight: 700;
}
.app_shop_jg .p4 {
	display: block;
	font-size: 12px;
	color: #666f80;
	text-align: center;
}
.app_shop_jg .p4 .change-color-sc {
	padding: 2px 6px;
	border-radius: 4px;
	color: #0084ff !important;
	background: rgba(0, 132, 255, 0.1);
	margin-left: 4px !important;
	font-size: 12px;
}
.app_shop_jg .p4 .change-color {
	padding: 3px 10px;
	border-radius: 4px;
	color: #ff5473 !important;
	background: rgba(255, 84, 115, 0.1);
	margin-right: 10px !important;
	font-size: 12px;
}
.app_shop_vip {
	background: #f7e5e9;
	position: relative;
	z-index: 8;
	padding: 0 20px;
	margin: 0 auto;
	text-align: center;
}
.app_shop_vip_title {
	margin-left: 0;
	color: #ff5473;
	font-size: 12px;
	padding: 10px 0;
}