/**
 * 多吉云视频：播放器容器与付费墙样式
 *
 * 布局要点：宽度跟随父容器，高度只由宽高比决定（现代浏览器用 aspect-ratio，
 * 旧浏览器降级为 padding-bottom 方案），因此不会出现官方插件那种写死宽高的问题。
 */

.dogecos-video {
	--dogecos-ratio: 16 / 9;
	--dogecos-radius: 12px;
	/* 播放器/按钮主色：优先使用主题主色变量，未定义时回退默认蓝 */
	--dogecos-theme: var( --main-color, #2271b1 );
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 1.25em auto;
	box-sizing: border-box;
}

.dogecos-video * {
	box-sizing: border-box;
}

/* 播放器容器：宽高比决定高度，宽度跟随父容器；只保留上圆角，与底部信息栏连成一体 */
.dogecos-video-player {
	position: relative;
	width: 100%;
	aspect-ratio: var(--dogecos-ratio);
	border-radius: var(--dogecos-radius) var(--dogecos-radius) 0 0;
	overflow: hidden;
	background-color: #0b0b0f;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
	isolation: isolate;
}

/* 底部信息栏：下圆角，与视频无缝衔接（电视机底部信息区风格）
   分行排版：标题时长 / 状态价格 / 操作按钮，避免全部挤在一行 */
.dogecos-video-bar {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 10px 14px;
	border-radius: 0 0 var(--dogecos-radius) var(--dogecos-radius);
	font-size: 13px;
	line-height: 1.5;
	box-sizing: border-box;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
	margin-top: -1px; /* 消除与视频之间的缝隙，视觉上连成一体 */
}

.dogecos-bar-row {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.dogecos-bar-head {
	justify-content: space-between;
}

.dogecos-bar-head-left {
	display: flex;
	align-items: baseline;
	gap: 8px;
	min-width: 0;
}

.dogecos-bar-title {
	font-weight: 600;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

/* 时长：做成标题旁边的一枚小胶囊，等宽数字、低对比，作为次要信息 */
.dogecos-bar-duration {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex: 0 0 auto;
	padding: 1px 8px;
	border-radius: 999px;
	font-size: 11.5px;
	line-height: 1.7;
	letter-spacing: 0.2px;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	background: rgba( 255, 255, 255, 0.08 );
	color: inherit;
	opacity: 0.78;
}

.dogecos-bar-duration .dogecos-icon {
	width: 11px;
	height: 11px;
	opacity: 0.8;
}

.dogecos-duration-text {
	transform: translateY( -0.5px );
}

.dogecos-video-bar[data-skin="light"] .dogecos-bar-duration {
	background: rgba( 0, 0, 0, 0.05 );
}

.dogecos-video-bar[data-skin="primary"] .dogecos-bar-duration {
	background: rgba( 255, 255, 255, 0.2 );
	opacity: 0.95;
}

/* 标题与时长之间留出呼吸感，标题占主位 */
.dogecos-bar-head-left .dogecos-bar-title {
	margin-right: 2px;
}

/* 已购买 / 会员免费 等归属信息 */
.dogecos-bar-owned {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
	font-size: 12px;
	white-space: nowrap;
}

.dogecos-owned-label {
	font-weight: 600;
}

.dogecos-owned-time {
	opacity: 0.65;
}

/* 第二行：标签靠左、按钮靠右；放不下时整体换行 */
.dogecos-bar-main {
	justify-content: space-between;
	align-items: flex-end;
	gap: 10px;
	flex-wrap: wrap;
}

.dogecos-bar-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	flex: 1 1 auto;
	min-width: 0;
}

.dogecos-bar-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	flex: 0 0 auto;
	margin-left: auto; /* 按钮一律靠右 */
}

/* 内联 SVG 图标（不依赖 dashicons / 字体图标） */
.dogecos-icon {
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
	fill: currentColor;
}

.dogecos-bar-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	flex: 0 0 auto;
	padding: 2px 9px;
	border-radius: 10px;
	font-size: 12px;
	white-space: nowrap;
}

.dogecos-bar-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 15px;
	border-radius: 8px;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	transition: filter 0.2s ease, opacity 0.2s ease;
}

.dogecos-bar-btn:hover {
	filter: brightness( 1.08 );
	text-decoration: none;
}


/* ------------------------------------------------------------------
 * 细节动效（都遵循 prefers-reduced-motion）
 * ------------------------------------------------------------------ */
@keyframes dogecos-sheen {
	0% {
		transform: translateX( -120% );
	}
	60%,
	100% {
		transform: translateX( 220% );
	}
}

@keyframes dogecos-breathe {
	0%,
	100% {
		opacity: 1;
		transform: scale( 1 );
	}
	50% {
		opacity: 0.72;
		transform: scale( 0.92 );
	}
}

@keyframes dogecos-rise {
	from {
		opacity: 0;
		transform: translateY( 4px );
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* 底栏顶部一条极细高光，让视频与信息栏的衔接更利落 */
.dogecos-video-bar::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient( 90deg, transparent, rgba( 255, 255, 255, 0.22 ), transparent );
	pointer-events: none;
}

.dogecos-video-bar {
	position: relative;
}

.dogecos-video-bar .dogecos-bar-row {
	animation: dogecos-rise 0.26s ease-out both;
}

.dogecos-video-bar .dogecos-bar-row:nth-child( 2 ) {
	animation-delay: 0.04s;
}

/* 购买按钮：悬浮时一道掠光扫过 */
.dogecos-bar-btn.is-buy,
.dogecos-bar-btn.is-vip {
	position: relative;
	overflow: hidden;
}

.dogecos-bar-btn.is-buy::after,
.dogecos-bar-btn.is-vip::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 45%;
	background: linear-gradient( 100deg, transparent, rgba( 255, 255, 255, 0.34 ), transparent );
	transform: translateX( -120% );
	pointer-events: none;
}

.dogecos-bar-btn.is-buy:hover::after,
.dogecos-bar-btn.is-vip:hover::after {
	animation: dogecos-sheen 1.1s ease-out;
}

/* 会员图标轻微呼吸，提示"开通后免费" */
.dogecos-bar-price.is-vip-free .dogecos-icon {
	animation: dogecos-breathe 2.6s ease-in-out infinite;
}

/* 已购信息：对勾落位 */
.dogecos-bar-owned .dogecos-icon {
	animation: dogecos-rise 0.3s ease-out both;
}

@media ( prefers-reduced-motion: reduce ) {
	.dogecos-video-bar .dogecos-bar-row,
	.dogecos-bar-owned .dogecos-icon {
		animation: none;
	}
	.dogecos-bar-price.is-vip-free .dogecos-icon {
		animation: none;
	}
	.dogecos-bar-btn.is-buy:hover::after,
	.dogecos-bar-btn.is-vip:hover::after {
		animation: none;
	}
	.dogecos-play-gate:hover {
		transform: translate( -50%, -50% );
	}
}

/* ---- 底栏配色（后台可选） ---- */
.dogecos-video-bar[data-skin="dark"] {
	background: #16181d;
	color: #e9ecf2;
}
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-badge.is-warn {
	background: rgba(255, 176, 32, 0.18);
	color: #ffc65c;
}
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-badge.is-ok,
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-badge.is-free {
	background: rgba(82, 196, 26, 0.18);
	color: #7ee06a;
}
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-btn.is-points {
	background: linear-gradient( 180deg, #ffc857, #e9a318 );
	color: #3a2708;
	box-shadow: 0 2px 10px rgba( 233, 163, 24, 0.28 );
}
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-btn.is-cash {
	background: linear-gradient( 180deg, #ff6b6b, #e03131 );
	color: #fff;
	box-shadow: 0 2px 10px rgba( 224, 49, 49, 0.28 );
}
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-btn.is-vip {
	background: rgba( 139, 108, 245, 0.16 );
	color: #b9a6ff;
	border: 1px solid rgba( 139, 108, 245, 0.5 );
}
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-btn.is-login {
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
}

.dogecos-video-bar[data-skin="light"] {
	background: #f5f6f8;
	color: #2f3338;
	border-top: 1px solid #e8eaee;
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-badge.is-warn {
	background: #fff4e0;
	color: #b26a00;
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-badge.is-ok,
.dogecos-video-bar[data-skin="light"] .dogecos-bar-badge.is-free {
	background: #e9f8ea;
	color: #1a7f37;
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-btn.is-points {
	background: linear-gradient( 180deg, #ffc857, #e9a318 );
	color: #3a2708;
	box-shadow: 0 2px 10px rgba( 233, 163, 24, 0.24 );
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-btn.is-cash {
	background: linear-gradient( 180deg, #ff6b6b, #d92c2c );
	color: #fff;
	box-shadow: 0 2px 10px rgba( 217, 44, 44, 0.24 );
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-btn.is-vip {
	background: rgba( 107, 79, 224, 0.08 );
	color: #5b3fd0;
	border: 1px solid rgba( 107, 79, 224, 0.4 );
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-btn.is-login {
	background: #e7eaef;
	color: #2f3338;
}

.dogecos-video-bar[data-skin="primary"] {
	background: var( --dogecos-theme, #2271b1 );
	color: #fff;
}
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-badge.is-warn,
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-badge.is-ok,
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-badge.is-free {
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
}
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-btn.is-points {
	background: linear-gradient( 180deg, #ffd479, #f0ad2c );
	color: #3a2708;
	font-weight: 600;
}
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-btn.is-cash {
	background: #fff;
	color: #d92c2c;
	font-weight: 600;
}
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-btn.is-vip {
	background: rgba( 255, 255, 255, 0.16 );
	color: #fff;
	border: 1px solid rgba( 255, 255, 255, 0.55 );
}
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-btn.is-login {
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
}

.dogecos-video-bar[data-skin="glass"] {
	background: rgba(22, 24, 29, 0.72);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: #eef1f6;
}
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-badge.is-warn {
	background: rgba(255, 176, 32, 0.2);
	color: #ffc65c;
}
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-badge.is-ok,
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-badge.is-free {
	background: rgba(82, 196, 26, 0.2);
	color: #7ee06a;
}
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-btn.is-points {
	background: linear-gradient( 180deg, #ffc857, #e9a318 );
	color: #3a2708;
}
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-btn.is-cash {
	background: linear-gradient( 180deg, #ff6b6b, #e03131 );
	color: #fff;
}
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-btn.is-vip {
	background: rgba( 139, 108, 245, 0.18 );
	color: #c3b3ff;
	border: 1px solid rgba( 139, 108, 245, 0.55 );
}
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-btn.is-login {
	background: rgba(255, 255, 255, 0.16);
	color: #fff;
}

/* 旧浏览器降级：padding-bottom 撑高（比例由内联 --dogecos-ratio-fallback 提供） */
@supports not (aspect-ratio: 16 / 9) {
	.dogecos-video-player::before {
		content: "";
		display: block;
		padding-bottom: 56.25%;
	}
	.dogecos-video-stage {
		position: absolute;
		inset: 0;
	}
}

/* 舞台：播放器只在这里渲染，封面 / 加载态 / 叠加层都在舞台之外，互不影响 */
.dogecos-video-stage {
	position: absolute;
	inset: 0;
	background-color: #0b0b0f;
}

.dogecos-video-stage video,
.dogecos-video-stage canvas,
.dogecos-video-stage .dplayer,
.dogecos-video-stage .doge-player-dp {
	width: 100% !important;
	height: 100% !important;
}

.dogecos-video-poster {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	background-color: #0b0b0f;
	z-index: 1;
	transition: opacity 0.3s ease;
}

/* 播放器初始化成功后隐藏封面 */
.dogecos-video-player[data-loaded="1"] .dogecos-video-poster {
	opacity: 0;
	pointer-events: none;
}

.dogecos-video-loading {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	color: #e7e9ee;
	font-size: 13px;
	background: rgba(11, 11, 15, 0.55);
	z-index: 2;
}

.dogecos-spinner {
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #fff;
	border-radius: 50%;
	animation: dogecos-spin 0.8s linear infinite;
}

@keyframes dogecos-spin {
	to {
		transform: rotate( 360deg );
	}
}

.dogecos-video-error {
	color: #ffb4b4;
	font-size: 13px;
	padding: 12px 16px;
	text-align: center;
}

/* 叠加层：购买信息 / 登录提示（覆盖在播放器上，不额外占据空间） */
.dogecos-video-overlay {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: auto;
	padding: 14px;
}

.dogecos-video-overlay[hidden] {
	display: none;
}

.dogecos-video-overlay-mask {
	position: absolute;
	inset: 0;
	background:
		radial-gradient( 120% 130% at 50% 0%, rgba(0, 0, 0, 0.32 ) 0%, rgba(0, 0, 0, 0.84 ) 72% ),
		rgba(0, 0, 0, 0.15 );
	-webkit-backdrop-filter: blur( 3px );
	backdrop-filter: blur( 3px );
}

.dogecos-video-overlay-body {
	position: relative;
	z-index: 1;
	text-align: center;
	color: #fff;
	padding: 4px;
	width: 100%;
	max-width: 460px;
	box-sizing: border-box;
	animation: dogecos-overlay-in 0.28s ease-out both;
}

@keyframes dogecos-overlay-in {
	from {
		opacity: 0;
		transform: translateY( 6px );
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.dogecos-video-overlay-icon {
	width: 46px;
	height: 46px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12 );
	border: 1px solid rgba(255, 255, 255, 0.16 );
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3 );
}

.dogecos-video-overlay-icon .dogecos-icon {
	width: 20px;
	height: 20px;
	color: #fff;
	opacity: 0.95;
}

.dogecos-video-overlay-text {
	margin-top: 12px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.55;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4 );
}

.dogecos-video-overlay-sub {
	margin-top: 6px;
	font-size: 12.5px;
	opacity: 0.72;
}

/* 价格行：积分 / 现金 + 会员免费提示 */
.dogecos-video-overlay-price {
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
}

.dogecos-price {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(255, 176, 32, 0.16 );
	color: #ffce6a;
	font-size: 14px;
	line-height: 1.5;
}

.dogecos-price-tip {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12 );
	color: #ffe9b8;
	font-size: 12.5px;
	line-height: 1.5;
}

.dogecos-video-overlay-actions {
	margin-top: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

/* 叠加层内的按钮 */
.dogecos-video-overlay .dogecos-bar-btn {
	font-size: 14px;
	padding: 10px 22px;
	border-radius: 10px;
	font-weight: 600;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25 );
}

/* 叠加层里的按钮沿用同一套配色（遮罩是深色，浅色文字一律可读） */
.dogecos-video-overlay .dogecos-bar-btn.is-login {
	background: rgba( 255, 255, 255, 0.92 );
	color: #1f2226;
}

/* 试看角标 */
.dogecos-video-badge-preview {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
	background: rgba(0, 0, 0, 0.62 );
	color: #fff;
	border-radius: 20px;
	padding: 3px 12px;
	font-size: 12px;
	pointer-events: none;
}

/* 叠加层打开时（试看结束 / 无权播放）角标与加载态让位 */
.dogecos-video-player.is-overlay-open .dogecos-video-badge-preview,
.dogecos-video-player.is-overlay-open .dogecos-video-loading {
	display: none;
}

/* ------------------------------------------------------------------
 * 主题付费视频：试看播放器与付费框连成一体
 * 视频左上/右上圆角，紧随其后的付费框左下/右下圆角；只有插入了
 * 多吉云视频（.dogecos-paybox-preview 存在）时才这样处理。
 * ------------------------------------------------------------------ */
.dogecos-paybox-preview {
	position: relative;
	border-radius: var( --dogecos-radius, var( --main-radius, 8px ) ) var( --dogecos-radius, var( --main-radius, 8px ) ) 0 0;
	overflow: hidden;
	background: #0b0b0f;
	line-height: 0;
}

.dogecos-paybox-preview .new-dplayer,
.dogecos-paybox-preview .dplayer,
.dogecos-paybox-preview .graphic {
	border-radius: inherit;
	overflow: hidden;
}

/* 试看结束后的购买引导（与播放器叠加层同一套样式） */
.dogecos-paybox-preview .dogecos-video-overlay {
	border-radius: inherit;
}

.dogecos-paybox-preview.is-overlay-open .dogecos-preview-badge {
	display: none;
}

.dogecos-paybox-preview + .pay-box {
	border-radius: 0 0 var( --dogecos-radius, var( --main-radius, 8px ) ) var( --dogecos-radius, var( --main-radius, 8px ) );
	overflow: hidden;
}

/* 付费框自身带的角标在圆角处会溢出，一并裁掉 */
.dogecos-paybox-preview + .pay-box .pay-tag,
.dogecos-paybox-preview + .pay-box .img-badge {
	max-width: 100%;
}

.dogecos-preview-badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	background: rgba(0, 0, 0, 0.62 );
	color: #fff;
	border-radius: 20px;
	padding: 3px 12px;
	font-size: 12px;
	line-height: 1.6;
	pointer-events: none;
}

.dogecos-preview-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ff5c5c;
	animation: dogecos-preview-pulse 1.6s ease-in-out infinite;
}

@keyframes dogecos-preview-pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.25;
	}
}

/* 转码中提示 */
.dogecos-video-notice {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: var(--dogecos-ratio);
	border-radius: var(--dogecos-radius);
	background: #f6f7f9;
	color: #5a6472;
	font-size: 14px;
	text-align: center;
	padding: 20px;
}

.dogecos-video-notice.is-loading {
	background: linear-gradient( 90deg, #f4f5f7, #eceef2, #f4f5f7 );
	background-size: 200% 100%;
	animation: dogecos-shimmer 1.6s ease-in-out infinite;
}

@keyframes dogecos-shimmer {
	0% {
		background-position: 0% 0;
	}
	100% {
		background-position: -200% 0;
	}
}

.dogecos-video-empty {
	border: 1px dashed #c3c8d0;
	border-radius: var(--dogecos-radius);
	padding: 26px 18px;
	text-align: center;
	color: #78808c;
	background: #fafbfc;
	font-size: 14px;
}

.dogecos-video-empty .dogecos-icon {
	display: block;
	margin: 0 auto 6px;
	width: 28px;
	height: 28px;
	opacity: 0.6;
}


/* ------------------------------------------------------------------
 * 价格展示与会员入口（底栏 + 叠加层共用）
 * ------------------------------------------------------------------ */
.dogecos-price-mark svg,
.dogecos-price-mark .icon {
	width: 1em;
	height: 1em;
	fill: currentColor;
	vertical-align: -0.12em;
}

.dogecos-price-num {
	font-weight: 600;
}

.dogecos-price-unit {
	margin-left: 1px;
	opacity: 0.85;
}

/* 底栏里的价格徽章：与状态徽章同排，让用户一眼看到是积分还是现金 */
.dogecos-bar-price {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	flex: 0 0 auto;
	padding: 1px 8px;
	border-radius: 10px;
	font-size: 12px;
	white-space: nowrap;
}
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-price,
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-price {
	background: rgba(255, 176, 32, 0.18 );
	color: #ffc65c;
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-price {
	background: #fff4e0;
	color: #b26a00;
}
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-price {
	background: rgba(255, 255, 255, 0.22 );
	color: #fff;
}


/* 播放门：默认只显示封面，点击后才加载播放器与播放凭证 */
.dogecos-play-gate {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 26px;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.6 );
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	cursor: pointer;
	-webkit-backdrop-filter: blur( 6px );
	backdrop-filter: blur( 6px );
	transition: background 0.2s ease, transform 0.2s ease;
}

.dogecos-play-gate:hover {
	background: rgba(0, 0, 0, 0.78 );
	transform: translate( -50%, -50% ) scale( 1.04 );
}

.dogecos-play-gate .dogecos-icon {
	width: 18px;
	height: 18px;
}

.dogecos-play-gate.is-loading {
	cursor: progress;
	opacity: 0.8;
}

/* 已购 / 会员免费 的配色 */
.dogecos-video-bar[data-skin="dark"] .dogecos-bar-owned,
.dogecos-video-bar[data-skin="glass"] .dogecos-bar-owned {
	color: #7ee06a;
}
.dogecos-video-bar[data-skin="light"] .dogecos-bar-owned {
	color: #1a7f37;
}
.dogecos-video-bar[data-skin="primary"] .dogecos-bar-owned {
	color: #fff;
}

.dogecos-bar-price.is-vip-free {
	background: rgba(255, 183, 52, 0.18 );
	color: #ffce6a;
}

.dogecos-bar-price .dogecos-icon {
	width: 12px;
	height: 12px;
	margin-right: 2px;
}

/* 编辑器画布：点击预览（不自动加载播放器，避免一直显示加载态） */
.dogecos-editor-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 84%;
	padding: 10px 20px;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.62 );
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
	cursor: pointer;
	-webkit-backdrop-filter: blur( 6px );
	backdrop-filter: blur( 6px );
	transition: background 0.2s ease;
}

.dogecos-editor-play:hover {
	background: rgba(0, 0, 0, 0.78 );
	color: #fff;
	text-decoration: none;
}

.dogecos-editor-play .dogecos-icon {
	width: 18px;
	height: 18px;
}

@media (max-width: 600px) {
	.dogecos-video {
		margin: 1em auto;
	}
	.dogecos-video-bar {
		padding: 8px 10px;
		font-size: 12px;
		gap: 8px;
		min-height: 40px;
	}
	.dogecos-video-bar {
		gap: 6px;
		padding: 9px 11px;
	}
	.dogecos-bar-title {
		font-size: 13px;
	}
	.dogecos-bar-actions {
		justify-content: stretch;
		flex: 0 0 100%;
	}
	.dogecos-bar-btn {
		flex: 1 1 auto;
		justify-content: center;
		padding: 8px 12px;
	}
	.dogecos-video-overlay {
		padding: 10px;
	}
	/* 小屏播放器只有 ~180px 高，叠加层要尽量紧凑，必要时才滚动 */
	.dogecos-video-overlay-icon {
		width: 30px;
		height: 30px;
	}
	.dogecos-video-overlay-icon .dogecos-icon {
		width: 14px;
		height: 14px;
	}
	.dogecos-video-overlay-text {
		margin-top: 7px;
		font-size: 13.5px;
	}
	.dogecos-video-overlay-sub {
		margin-top: 4px;
		font-size: 11.5px;
	}
	.dogecos-video-overlay-price {
		margin-top: 8px;
		gap: 6px;
	}
	.dogecos-price,
	.dogecos-price-tip {
		padding: 3px 10px;
		font-size: 12.5px;
	}
	/* 移动端：两个入口并排（放不下再换行），比竖排省一半高度 */
	.dogecos-video-overlay-actions {
		margin-top: 9px;
		gap: 7px;
	}
	.dogecos-video-overlay .dogecos-bar-btn {
		flex: 1 1 auto;
		min-width: 42%;
		padding: 9px 12px;
		font-size: 13px;
		text-align: center;
	}
	.dogecos-editor-play {
		padding: 8px 16px;
		font-size: 13px;
	}
}