/* VIP 权益短代码样式（仿图二，适配主题配色） */

.yzk-vip-rights {
	background: var(--bg-gray, #f9fafb);
	padding: 24px 0 70px;
	/* 破除主题内容区限宽：让权益区以整页宽度展示 */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.yzk-vip-hero {
	padding: 38px 0 22px;
	background: radial-gradient(1200px 600px at 20% 0%, rgba(15, 118, 110, .12), transparent 60%),
		radial-gradient(900px 500px at 90% 20%, rgba(234, 88, 12, .12), transparent 55%);
	border: 1px solid var(--border-base, #e5e7eb);
	border-left: none;
	border-right: none;
}

.yzk-vip-hero__inner {
	/* 内层容器：尽量用满页面，但保留左右安全边距 */
	max-width: none;
	width: min(1920px, calc(100vw - 80px));
	margin: 0 auto;
	padding: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 18px;
	align-items: start;
}

.yzk-vip-title {
	font-size: 2.15rem;
	font-weight: 900;
	letter-spacing: -0.02em;
	margin: 0 0 10px;
	color: var(--text-dark, #111827);
	text-align: center;
}

.yzk-vip-subtitle {
	color: var(--text-gray, #4b5563);
	font-size: 1.05rem;
	margin: 0;
	text-align: center;
}

.yzk-vip-current {
	margin-top: 12px;
	color: var(--text-gray, #4b5563);
	font-size: .95rem;
	text-align: center;
}

.yzk-vip-hero__note {
	background: #fff;
	border: 1px solid var(--border-base, #e5e7eb);
	border-radius: 14px;
	box-shadow: var(--shadow-sm, 0 4px 6px -1px rgba(0,0,0,.05));
	padding: 16px;
}

.yzk-vip-note__title {
	font-weight: 900;
	margin-bottom: 6px;
	color: var(--text-dark, #111827);
}

.yzk-vip-note__text {
	color: var(--text-gray, #4b5563);
	font-size: .92rem;
	line-height: 1.7;
}

.yzk-vip-section {
	max-width: none;
	width: min(1920px, calc(100vw - 80px));
	margin: 0 auto;
	padding: 22px 0 0;
}
.yzk-vip-section.is-wide {
	max-width: none;
	width: min(1920px, calc(100vw - 80px));
}

.yzk-vip-grid {
	display: grid;
	/* 你希望的“横排四个” */
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	align-items: start;
}

.yzk-vip-card {
	background: #fff;
	border: 1px solid var(--border-base, #e5e7eb);
	border-radius: 16px;
	box-shadow: var(--shadow-sm, 0 4px 6px -1px rgba(0,0,0,.05));
	overflow: hidden;
	position: relative;
	/* 等高卡片：统一成后两个卡片的对齐效果 */
	display: flex;
	flex-direction: column;
	height: 100%;
}

.yzk-vip-card.is-current {
	border-color: rgba(15, 118, 110, .55);
	box-shadow: 0 16px 28px rgba(15, 118, 110, .14);
}

.yzk-vip-badge {
	position: absolute;
	top: 14px;
	right: 14px;
	background: rgba(37, 99, 235, .12);
	color: #2563eb;
	border: 1px solid rgba(37, 99, 235, .22);
	font-weight: 900;
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 999px;
}

.yzk-vip-card__head {
	padding: 18px 18px 14px;
	border-bottom: 1px solid var(--border-base, #e5e7eb);
	/* 头部高度统一：免费/包月也会占位，不会变矮 */
	min-height: 172px;
	display: flex;
	flex-direction: column;
}

.yzk-vip-plan {
	font-weight: 900;
	font-size: 1.05rem;
	margin-bottom: 6px;
	color: var(--text-dark, #111827);
}

.yzk-vip-desc {
	color: var(--text-muted, #94a3b8);
	font-size: .86rem;
	margin-bottom: 10px;
	min-height: 1.1em;
}

.yzk-vip-price {
	font-size: 2.15rem;
	font-weight: 900;
	letter-spacing: -0.02em;
	margin: 6px 0 2px;
	color: var(--text-dark, #111827);
}

.yzk-vip-price-sub {
	color: var(--text-muted, #94a3b8);
	font-size: .82rem;
	min-height: 1.1em;
}

.yzk-vip-cta {
	margin-top: 14px;
	margin-top: auto;
}

.yzk-vip-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 11px 12px;
	border-radius: 12px;
	font-weight: 900;
	border: 1px solid transparent;
	background: var(--primary-color, #0f766e);
	color: #fff;
	text-decoration: none;
}

.yzk-vip-btn:hover {
	filter: brightness(.96);
}

.yzk-vip-btn--disabled {
	background: #eef2f7;
	color: #64748b;
	border-color: #e5e7eb;
	cursor: not-allowed;
}

.yzk-vip-card--free .yzk-vip-btn { background: #111827; }
.yzk-vip-card--standard .yzk-vip-btn { background: #2563eb; }
.yzk-vip-card--pro .yzk-vip-btn { background: #ea580c; }
.yzk-vip-card--team .yzk-vip-btn { background: #0f172a; }

.yzk-vip-card__body {
	padding: 14px 18px 18px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.yzk-vip-sec + .yzk-vip-sec {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dashed rgba(148, 163, 184, .45);
}

.yzk-vip-sec__title {
	font-weight: 900;
	font-size: .95rem;
	margin-bottom: 10px;
	color: var(--text-dark, #111827);
}

.yzk-vip-list {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	/* 列表区域占满，底部对齐 */
	flex: 1;
}

.yzk-vip-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: .9rem;
}

.yzk-vip-item__label {
	color: var(--text-gray, #4b5563);
	line-height: 1.35;
}

/* 截图里红字高亮项 */
.yzk-vip-item.is-highlight .yzk-vip-item__label {
	color: #ef4444;
	font-weight: 900;
}

/* 更像截图：列表更紧凑一些 */
.yzk-vip-list--plain {
	gap: 9px;
}

.yzk-vip-item__val {
	flex-shrink: 0;
	text-align: right;
}

.yzk-vip-yes,
.yzk-vip-no {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 999px;
	font-weight: 900;
}

.yzk-vip-yes {
	background: rgba(16, 185, 129, .12);
	color: #10b981;
}

.yzk-vip-no {
	background: rgba(239, 68, 68, .12);
	color: #ef4444;
}

.yzk-vip-text {
	color: #0f172a;
	font-weight: 800;
	font-size: .88rem;
	white-space: nowrap;
}

@media (max-width: 1200px) {
	.yzk-vip-hero__inner { grid-template-columns: 1fr; }
	.yzk-vip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.yzk-vip-hero__inner,
	.yzk-vip-section,
	.yzk-vip-section.is-wide {
		width: calc(100vw - 32px);
	}
	.yzk-vip-grid { grid-template-columns: 1fr; }
	.yzk-vip-price { font-size: 1.9rem; }
}