/* ==========================================================================
   年付优惠提示（数据驱动、服务端渲染）
   --------------------------------------------------------------------------
   用途：商品卡片角标「年付省N个月」+ 配置页周期标签「年（省N个月）」
   数据来源：shd_pricing 的 monthly / annually
             省月数 = 12 - 年付 / 月付，仅 ≥1 个月时显示
             （免试用 / 未开年付 / 年付无折扣的商品自动不显示）
   本文件是新文件名，天然绕开 CDN 的查询串缓存（见 AGENTS 第 13/107 条）。
   ========================================================================== */

/* 商品卡片：标题后的年付优惠角标（红底白字，促销醒目） */
.qsv-card-head h5 .qsv-annual-badge {
	display: inline-flex;
	align-items: center;
	margin-left: 6px;
	padding: 0 7px;
	height: 18px;
	border-radius: 9px;
	font-size: 11px;
	font-weight: 600;
	line-height: 18px;
	color: #fff;
	background: #e60012;
	border: 1px solid #e60012;
	vertical-align: 1px;
	white-space: nowrap;
}

/* 配置页：周期标签后的“（省N个月）”（红字加粗，跟在“年”后面） */
.qsv-cycle-save {
	color: #e60012 !important;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
}

@media (max-width: 480px) {
	.qsv-card-head h5 .qsv-annual-badge {
		height: 16px;
		line-height: 16px;
		padding: 0 5px;
		border-radius: 8px;
		font-size: 10px;
	}
}