/* v4 分享卡片弹窗样式 */

.hly-sc-wrap {
	display: inline-block;
}

.hly-sc-btn {
	font-family: inherit;
	font-size: 0.9375rem;
	/* UI-1：分享按钮文字加粗一个字重（默认 400 → 500） */
	font-weight: 500;
	padding: 0.625rem 1.375rem;
	/* 基线透明边框：悬停时仅改变边框颜色，盒子尺寸不变，避免按钮放大导致下方内容下移（#1） */
	border: var(--hly-btn-border-w, 1.5px) solid transparent;
	border-radius: var(--hly-btn-radius, 999px);
	/* 基线色用配置变量（服务端直出），避免任何未套用样式类的瞬间硬闪深色（#50）；
	   正常有 .hly-sc-style-* 时用更具体的规则覆盖。 */
	background: var(--hly-solid-bg, #1a1a1a);
	color: var(--hly-solid-color, #fff);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	transition: background .2s ease, transform .1s ease;
}
.hly-sc-btn svg { width: 1em; height: 1em; flex: 0 0 auto; }
.hly-sc-btn:active {
	transform: scale(.97);
}
/* 移除浏览器默认蓝色聚焦边框（#7b） */
.hly-sc-btn:focus,
.hly-sc-btn:focus-visible {
	outline: none;
}

/* 页面触发按钮套用三种「分享按钮样式」（#86）：在浅色页面背景上清晰可见 */
.hly-sc-btn.hly-sc-style-solid { background: var(--hly-solid-bg, #1a1a1a); color: var(--hly-solid-color, #fff); border-color: var(--hly-solid-border, transparent); border-width: var(--hly-solid-border-w, 1.5px); font-size: var(--hly-solid-font, 0.9375rem); padding: var(--hly-solid-pad, 0.6875rem) calc(var(--hly-solid-pad, 0.6875rem) * 1.8); }
.hly-sc-btn.hly-sc-style-solid:hover { background: var(--hly-solid-hover, #FFB700) !important; color: var(--hly-solid-hover-color, #1a1a1a) !important; border-color: var(--hly-solid-hover-border, transparent) !important; }
.hly-sc-btn.hly-sc-style-ghost { background: var(--hly-ghost-bg, transparent); color: var(--hly-ghost-color, #1a1a1a); border-color: var(--hly-ghost-border, rgba(26, 26, 26, .5)); border-width: var(--hly-ghost-border-w, 1.5px); font-size: var(--hly-ghost-font, 0.9375rem); padding: var(--hly-ghost-pad, 0.6875rem) calc(var(--hly-ghost-pad, 0.6875rem) * 1.8); }
.hly-sc-btn.hly-sc-style-ghost:hover { background: var(--hly-ghost-hover, rgba(26, 26, 26, .06)) !important; color: var(--hly-ghost-hover-color, #1a1a1a) !important; border-color: var(--hly-ghost-hover-border, #1a1a1a) !important; }
.hly-sc-btn.hly-sc-style-text { background: transparent; color: var(--hly-text-color, #1a1a1a); border: none; font-size: var(--hly-text-font, 0.9375rem); padding: 0; border-radius: 0; }
.hly-sc-btn.hly-sc-style-text:hover { color: var(--hly-text-hover-color, #07C160) !important; background: transparent !important; border: none !important; text-decoration: none; }
/* 三种按钮模式圆角统一跟随「按钮统一圆角」（--hly-btn-radius） */
.hly-sc-style-solid { border-radius: var(--hly-btn-radius, 999px); }
.hly-sc-style-ghost { border-radius: var(--hly-btn-radius, 999px); }
.hly-sc-style-text  { border-radius: 0; }
.hly-sc-btn.hly-sc-style-text:active { transform: none; }

/* 遮罩 */
.hly-sc-overlay {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: var(--hly-modal-edge, 1.875rem);
	background: rgba(255, 255, 255, var(--hly-modal-opacity, 0.96));
	-webkit-backdrop-filter: blur(var(--hly-modal-blur, 0.625rem));
	backdrop-filter: blur(var(--hly-modal-blur, 0.625rem));
	box-sizing: border-box;
	overflow: hidden;
}
.hly-sc-overlay.hly-sc-open {
	display: flex;
}

/* 对话框 */
.hly-sc-dialog {
	position: relative;
	max-width: 25rem;                                              /* 保留原上限 */
	/* 整弹窗随视口统一缩放：海报不再脱离卡片独立缩放（#issue3）。
	   系数 0.62 保证「媒体高度(宽×4/3) + 卡片其余内容」在矮屏不溢出。 */
	width: min(92vw, 25rem, calc((100vh - 10rem) * 0.62));
	width: min(92vw, 25rem, calc((100dvh - 10rem) * 0.62)); /* dvh 兼容移动端地址栏 */
	max-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
}

/* v5.1.0 海报媒体容器：永远占位的 3:4 盒子（生成成功/失败都不塌陷）。
   图与占位在容器内用透明度切换，不再 display:none 互切。 */
.hly-sc-media {
	position: relative;
	width: calc(100% + 1.75rem);
	max-width: calc(100% + 1.75rem);
	aspect-ratio: 3 / 4;
	margin: -0.875rem -0.875rem 0; /* 满出血到白卡边缘，圆角交给 .hly-sc-card */
	border-radius: var(--hly-card-radius, 14px) var(--hly-card-radius, 14px) 0 0;
	overflow: hidden;
	background: #eeeef0;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	box-sizing: border-box;
}

/* 海报图：填满媒体容器，透明度淡入 */
.hly-sc-poster {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;            /* 不拉伸不变形 */
	display: block;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	opacity: 0;
	transition: opacity .18s ease;
}
.hly-sc-poster.hly-sc-poster-on { opacity: 1; }

.hly-sc-status {
	color: #666;
	font-size: 0.8125rem;
	margin: 0;
	text-align: center;
	opacity: .92;
}

/* 生成占位：覆盖在海报位上（同容器），透明度切换；骨架 + 加载提示 / 失败重试按钮 */
.hly-sc-ph {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eeeef0;
	box-sizing: border-box;
	opacity: 0;
	visibility: hidden;
	transition: opacity .18s ease;
}
.hly-sc-ph.hly-sc-ph-on { opacity: 1; visibility: visible; }
.hly-sc-ph-box {
	position: absolute;
	inset: 0;
	background: linear-gradient(110deg, #e6e6e9 25%, #f4f4f6 50%, #e6e6e9 75%);
	background-size: 220% 100%;
	animation: hly-sc-shimmer 1.3s linear infinite;
}
.hly-sc-ph-text {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 1.5rem;
	color: #666;
	font-size: 0.875rem;
	line-height: 1.6;
	box-sizing: border-box;
}
.hly-sc-ph-error .hly-sc-ph-box {
	animation: none;
	background: rgba(0, 0, 0, .04);
}
/* 失败态：隐藏文字，只留单个「生成失败，点此重试」按钮（flex 居中，文字不换行） */
.hly-sc-ph-error .hly-sc-ph-text { display: none; }
.hly-sc-ph-retry {
	position: relative;
	z-index: 1;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0.625rem 1.5rem;
	border-radius: 999px;
	border: 1.5px solid rgba(0, 0, 0, .25);
	background: rgba(255, 255, 255, .92);
	color: #1a1a1a;
	cursor: pointer;
	white-space: nowrap;            /* 按钮文字不换行（用户要求） */
	transition: background .2s ease;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .12);
}
.hly-sc-ph-retry:hover { background: #fff; }
@keyframes hly-sc-shimmer {
	0% { background-position: 120% 0; }
	100% { background-position: -120% 0; }
}

/* 浮动圆形关闭按钮（右上角） */
.hly-sc-close {
	position: absolute;
	top: 0.625rem;
	right: 0.625rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: none;
	background: rgba(26, 26, 26, .72);
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: background .2s ease, transform .15s ease;
	box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, .35);
}
.hly-sc-close:hover {
	background: rgba(26, 26, 26, .92);
	transform: scale(1.08);
}
/* 移除关闭按钮白色聚焦边框（#7b） */
.hly-sc-close:focus-visible {
	outline: none;
}

/* 分享图标行：与分享海报/特色图等宽并两端对齐（#v4.6.4/#v4.6.7 space-between 贴齐左右边缘），不换行（窄屏缩图标避免溢出） */
.hly-sc-share-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 0.375rem;
	width: 100%;
	max-width: 100%;
	margin: 0;
}
/* 图标 + 名称小字容器（#v4.6.4） */
.hly-sc-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.125rem;
}
.hly-sc-lbl {
	font-size: var(--hly-icon-font, 0.5625rem);
	line-height: 1;
	color: #3a3a3a;
	white-space: nowrap;
	font-weight: 500;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
}
.hly-sc-lbl.hly-sc-ok-lbl { color: #1faa59; }
/* 分享按钮：仅图标圆形（#4/#6：微信/微博/x/fb/pin 不要文字） */
.hly-sc-share-btn {
	font-family: inherit;
	padding: 0;
	height: 2.5rem;
	width: 2.5rem;
	box-sizing: border-box;
	border-radius: var(--hly-btn-radius, 999px);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* #v4.6.10：纯图标按钮（透明底、无边框、无灰圆）；悬停仅图标轻微放大，无深色圆 */
	border: none;
	background: transparent;
	color: #1a1a1a;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	transition: color .2s ease, transform .12s ease;
}
.hly-sc-share-btn svg { width: 28px; height: 28px; flex: 0 0 auto; transition: transform .18s ease; will-change: transform; }
/* #v4.6.10：悬停仅图标轻微放大（svg scale），不位移、不反深色圆 → 无抖动 */
.hly-sc-share-btn:hover svg { transform: scale(1.1); }
.hly-sc-share-btn:active svg { transform: scale(1.04); }
.hly-sc-share-btn:focus-visible { outline: 2px solid #1a1a1a; outline-offset: 2px; }
/* 图标按钮成功态（复制链接等）：变绿 + 对勾（#3） */
.hly-sc-share-btn.hly-sc-ok,
.hly-sc-share-btn.hly-sc-ok:hover {
	background: #1faa59 !important;
	color: #fff !important;
	border-color: #1faa59 !important;
}
/* #v4.6.10：社交图标按钮强制透明底 + 无边框，压过 .hly-sc-style-* 的白色底/描边
   （特异性 0,2,0 > 0,1,0；hover 态再用 0,3,0 压过 .hly-sc-style-*:hover 的深色反相） */
.hly-sc-share-btn.hly-sc-style-solid,
.hly-sc-share-btn.hly-sc-style-ghost,
.hly-sc-share-btn.hly-sc-style-text {
	background: transparent;
	border: none;
	color: #1a1a1a;
}
.hly-sc-share-btn.hly-sc-style-solid:hover,
.hly-sc-share-btn.hly-sc-style-ghost:hover,
.hly-sc-share-btn.hly-sc-style-text:hover {
	background: transparent !important;
	color: #1a1a1a !important;
	border-color: transparent !important;
}

/* 三种按钮样式（#7/#8）：实体 / 描边 / 文字，都带图标；实体改为干净描边（白底 + 发丝边，#v4.6.7） */
.hly-sc-style-solid { background: #fff; color: #1a1a1a; border-color: rgba(0, 0, 0, .14); }
.hly-sc-style-solid:hover { background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
.hly-sc-style-ghost { background: transparent; color: #1a1a1a; border-color: rgba(0, 0, 0, .22); }
.hly-sc-style-ghost:hover { background: rgba(0, 0, 0, .06); }
.hly-sc-style-text { background: transparent; color: #1a1a1a; border-color: transparent; }
.hly-sc-style-text:hover { color: #07C160; }

/* 操作按钮（保存 / 分享图片）：与社交图标一致的圆形按钮（#v4.6.3）；上间距由分段栏统一给 8px（#v4.6.5） */
.hly-sc-actions {
	display: flex;
	gap: 0.75rem;
	margin: 0;
	justify-content: center;
	width: 100%;
}
.hly-sc-act {
	font-family: inherit;
	padding: 0;
	height: 2.5rem;
	width: 2.5rem;
	box-sizing: border-box;
	border-radius: var(--hly-btn-radius, 999px);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/* #v4.6.10：与社交图标统一为纯图标按钮（透明底、无边框、无灰圆） */
	border: none;
	background: transparent;
	color: #1a1a1a;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	transition: color .2s ease, transform .1s ease;
}
.hly-sc-act svg { width: 28px; height: 28px; flex: 0 0 auto; transition: transform .18s ease; will-change: transform; }
/* #v4.6.10：悬停仅图标轻微放大（svg scale），与社交图标一致 */
.hly-sc-act:hover svg { transform: scale(1.1); }
.hly-sc-act:active svg { transform: scale(1.04); }
/* 操作按钮套用三种样式：强制透明底 + 无边框，与社交图标一致（#v4.6.10） */
.hly-sc-act.hly-sc-style-solid,
.hly-sc-act.hly-sc-style-ghost,
.hly-sc-act.hly-sc-style-text {
	background: transparent;
	border: none;
	color: #1a1a1a;
}

/* 成功态：复制/保存成功后图标变绿 + 对勾，名称小字替换为“成功”文案（图标不变形，#v4.6.4） */
.hly-sc-act.hly-sc-ok,
.hly-sc-act.hly-sc-ok:hover,
.hly-sc-share-btn.hly-sc-ok,
.hly-sc-share-btn.hly-sc-ok:hover {
	background: #1faa59 !important;
	color: #fff !important;
	border-color: #1faa59 !important;
}

/* 轻提示 */
.hly-sc-toast {
	position: absolute;
	bottom: 0.875rem;
	left: 50%;
	transform: translateX(-50%) translateY(0.625rem);
	background: rgba(0, 0, 0, .82);
	color: #fff;
	font-size: 0.8125rem;
	padding: 0.5rem 1rem;
	border-radius: 999px;
	opacity: 0;
	pointer-events: none;
	transition: opacity .25s ease, transform .25s ease;
	white-space: nowrap;
}
/* 微信内长按保存提示（替代 window.open 跳转，避免微信三点菜单白边） */
.hly-sc-lp-hint {
	position: absolute;
	top: 0.688rem;
	left: 50%;
	transform: translateX(-50%);
	/* v4.6.12：改为与白卡一致风格（白底深字 + 发丝边 + 轻投影），不再用微信绿 */
	background: #fff;
	color: #1a1a1a;
	font-size: 0.8125rem;
	font-weight: 500;
	padding: 0.562rem 1rem;
	border-radius: 999px;
	white-space: nowrap;
	max-width: 90%;
	text-align: center;
	z-index: 3;
	border: 1px solid rgba(0, 0, 0, .08);
	box-shadow: 0 0.25rem 0.875rem rgba(0, 0, 0, .12);
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	overflow: hidden;
}
.hly-sc-lp-hint svg { width: 18px; height: 18px; flex: 0 0 auto; }
/* v4.6.14 #1/#7：长按提示词改「光线滑动」高级光泽（在白色椭圆按钮表面，而非投影呼吸） */
@keyframes hly-sc-shine {
	0%   { background-position: 160% 0; }
	55%  { background-position: -60% 0; }
	100% { background-position: -60% 0; }
}
.hly-sc-lp-hint::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(110deg, transparent 35%, rgba(150, 190, 255, .30) 50%, transparent 65%);
	background-size: 250% 100%;
	background-repeat: no-repeat;
	background-position: 160% 0;
	animation: hly-sc-shine 2.8s ease-in-out infinite;
	pointer-events: none;
}
.hly-sc-toast.hly-sc-toast-show {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
}

/* 微信扫码分享弹层 */
.hly-sc-wx-overlay {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 1.875rem;
	box-sizing: border-box;
	background: rgba(20, 20, 20, .8);
	-webkit-backdrop-filter: blur(0.625rem);
	backdrop-filter: blur(0.625rem);
}
.hly-sc-wx-overlay.hly-sc-wx-open {
	display: flex;
}
.hly-sc-wx-card {
	position: relative;
	background: #fff;
	color: #1a1a1a;
	border-radius: 16px;
	padding: 1.625rem 1.5rem 1.375rem;
	max-width: 20rem;
	width: 100%;
	text-align: center;
	box-shadow: 0 1.125rem 3.125rem rgba(0, 0, 0, .35);
}
.hly-sc-wx-close {
	position: absolute;
	top: 0.625rem;
	right: 0.625rem;
	width: 2.125rem;
	height: 2.125rem;
	border-radius: 50%;
	border: none;
	background: rgba(0, 0, 0, .06);
	color: #1a1a1a;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hly-sc-wx-close:hover {
	background: rgba(0, 0, 0, .12);
}
.hly-sc-wx-title {
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 0.875rem;
}
.hly-sc-wx-imgwrap {
	display: flex;
	justify-content: center;
	position: relative; /* 供重试按钮绝对定位居中 */
}
.hly-sc-wx-img {
	width: min(220px, 68vw);
	height: auto;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 10px;
	font-size: 0.8125rem;
	color: #888;
	padding: 0.625rem;
	box-sizing: border-box;
}
/* 微信内分享就绪提示：绿色对勾（#4，SVG 图标非 emoji） */
.hly-sc-wx-ok {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4.25rem;
	height: 4.25rem;
	margin: 0 auto;
	border-radius: 50%;
	background: #eafaf0;
	color: #1faa59;
}
.hly-sc-wx-ok svg { width: 36px; height: 36px; }
.hly-sc-wx-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}
.hly-sc-wx-error {
	color: #c0392b;
	font-weight: 600;
}
/* 二维码生成失败 → 重新生成按钮（与海报重试按钮视觉一致，#v4.6.17） */
.hly-sc-wx-retry {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	padding: 0.562rem 1.375rem;
	border-radius: 999px;
	border: 1.5px solid rgba(0, 0, 0, .25);
	background: rgba(255, 255, 255, .92);
	color: #1a1a1a;
	cursor: pointer;
	transition: background .2s ease;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, .12);
}
.hly-sc-wx-retry:hover { background: #fff; }
.hly-sc-wx-tip {
	font-size: 0.75rem;
	color: #888;
	margin-top: 0.75rem;
	line-height: 1.5;
}
.hly-sc-wx-url {
	font-size: 0.6875rem;
	color: #aaa;
	margin-top: 0.5rem;
	word-break: break-all;
}

@media (max-width: 520px) {
	.hly-sc-overlay {
		padding: 1.125rem;
	}
	.hly-sc-dialog {
		max-width: 100%;
	}
	.hly-sc-close {
		top: 0.375rem;
		right: 0.375rem;
		width: 2.25rem;
		height: 2.25rem;
		background: rgba(26, 26, 26, .82);
	}
}

/* ===== #6 悬停规范（2026-08-02 修订，覆盖旧样式与用户后台配置色）=====
   分享按钮（页面触发 .hly-sc-btn + 弹窗内分享图标 .hly-sc-share-btn）：黑边白底、黑图标
   保存 / 复制按钮（.hly-sc-act）：白边透明底、白字（2026-08-02 改：白边黑底 → 白边透明底，#2）
   去除残留黄色悬停（#FFB700 / #ffe08a） */
.hly-sc-btn:hover {
	background: #fff !important;
	color: #1a1a1a !important;
	border: 1.5px solid #1a1a1a !important;
}
/* #v4.6.10：操作按钮悬停不再深色反相（深圆已去掉）；图标轻微放大的反馈在 .hly-sc-act:hover svg 处理 */
.hly-sc-act:not(.hly-sc-ok):hover,
.hly-sc-act.hly-sc-style-solid:not(.hly-sc-ok):hover,
.hly-sc-act.hly-sc-style-ghost:not(.hly-sc-ok):hover,
.hly-sc-act.hly-sc-style-text:not(.hly-sc-ok):hover {
	background: transparent !important;
	color: #1a1a1a !important;
}
/* 清理文字样式的悬停 */
.hly-sc-style-text:hover { color: #07C160 !important; }

/* ============ v4.6.0 双分享形态（#7）：分享海报 / 分享网页 ============ */
/* 统一白卡：海报 + 分段 + 图标整体像一个卡片（#v4.6.5） */
.hly-sc-card {
	position: relative;
	width: 100%;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .06);
	border-radius: var(--hly-card-radius, 14px);
	overflow: hidden;
	box-shadow: 0 1rem 2.875rem rgba(0, 0, 0, .14);
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	padding: 0.875rem 0.875rem 1rem;
}
/* 分段切换 */
.hly-sc-seg {
	display: flex;
	gap: 0.375rem;
	margin: 1.562rem -0.875rem;
	padding: 0.25rem;
	width: 100%;
	background: rgba(0, 0, 0, .05);
	border-radius: 999px;
	box-sizing: border-box;
}
.hly-sc-seg-btn {
	flex: 1;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	padding: 0.562rem 0;
	border: none;
	border-radius: 999px;
	background: transparent;
	color: rgba(0, 0, 0, .55);
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}
.hly-sc-seg-btn.hly-sc-seg-on {
	background: #fff;
	color: #1a1a1a;
	box-shadow: 0 0.062rem 0.25rem rgba(0, 0, 0, .14);
	border: 1px solid rgba(0, 0, 0, .06);
}
.hly-sc-seg-btn:focus-visible { outline: 2px solid #1a1a1a; outline-offset: 2px; }

/* 面板容器 */
/* 面板外层：高度由内容撑开（海报/网页面板内容等高→切换不跳动），不再用 min-height 撑出多余高度，
   避免图标行到底边间距被拉长（#v4.6.7/#v4.6.8）；四周间距由 seg 外边距与卡片下内边距统一控制为 ~16px */
.hly-sc-panels { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 3rem; box-sizing: border-box; margin: -0.875rem -0.875rem 0; }
.hly-sc-panel { width: 100%; }
.hly-sc-panel-poster { display: flex; flex-direction: column; align-items: center; }
.hly-sc-panel-web { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; }

/* 分享网页：链接预览卡样式已移除（#2） */

/* 微信内常驻长按提示（#2：直接长按所见海报即可，不绕路）
   v4.6.18：删去白色椭圆色块 + 呼吸感/块上光泽；改为提示词文字本身一道白色光线滑动（shiny-text） */
.hly-sc-wx-savehint {
	margin: 0.25rem 0 0.125rem;
	color: #1a1a1a;
	font-size: 0.8125rem;
	font-weight: 500;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
}
.hly-sc-wx-savehint svg { width: 18px; height: 18px; flex: 0 0 auto; }
/* v4.6.18：提示词文字本身白色光线滑动（渐变裁切到文字，复用 hly-sc-shine 时间线） */
.hly-sc-wx-savehint .hly-sc-save-text {
	background: linear-gradient(110deg, #1a1a1a 35%, #ffffff 50%, #1a1a1a 65%);
	background-size: 250% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	animation: hly-sc-shine 3s ease-in-out infinite;
}

/* 微信内隐藏海报面板操作按钮（含名称小字）：长按海报即保存、右上角菜单转发，避免点击绕路（#2/#7/#v4.6.5） */
.hly-sc-wx .hly-sc-actions { display: none; }

/* 微信内右上角角标提示（#4）：指向上方「···」菜单 */
.hly-sc-wx-corner {
	position: fixed;
	top: 0.625rem;
	right: 0.625rem;
	z-index: 99999;
	max-width: 13.75rem;
	padding: 0.625rem 0.875rem;
	background: #07C160;
	color: #fff;
	font-family: inherit;
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, .08);
	box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, .14);
	opacity: 0;
	transform: translateY(-0.5rem);
	transition: opacity .25s ease, transform .25s ease;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
}
/* v4.6.14 #2/#5：右上角提示词改微信绿 + 白色光泽滑动 + 微微上下浮动（比 4.6.13 更明显、更高级） */
.hly-sc-wx-corner::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .50) 50%, transparent 65%);
	background-size: 250% 100%;
	background-repeat: no-repeat;
	background-position: 160% 0;
	animation: hly-sc-shine 2.4s ease-in-out infinite;
	pointer-events: none;
}
@keyframes hly-sc-wx-corner-pulse {
	0%, 100% { transform: translateY(0); box-shadow: 0 0.375rem 1.25rem rgba(0, 0, 0, .14); }
	50% { transform: translateY(-0.25rem); box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, .26); }
}
.hly-sc-wx-corner.hly-sc-wx-corner-show { opacity: 1; transform: translateY(0); animation: hly-sc-wx-corner-pulse 1.5s ease-in-out 0.3s infinite; }
.hly-sc-wx-corner-arrow {
	position: absolute;
	top: -0.375rem;
	right: 1rem;
	width: 0.75rem;
	height: 0.75rem;
	background: #07C160;
	border-top: 1px solid rgba(0, 0, 0, .08);
	border-left: 1px solid rgba(0, 0, 0, .08);
	transform: rotate(45deg);
	border-radius: 2px;
}

/* 窄屏：图标按钮缩至 34px + 加大间距降低密度，名称字号再小（#v4.6.5，手机端更透气） */
@media (max-width: 480px) {
	.hly-sc-share-btn, .hly-sc-act { width: 2.25rem; height: 2.25rem; }
	.hly-sc-share-btn svg, .hly-sc-act svg { width: 24px; height: 24px; }
	.hly-sc-lbl { font-size: calc(var(--hly-icon-font, 0.5625rem) * 0.78); }
	.hly-sc-share-row { gap: 0.25rem; }
	.hly-sc-actions { gap: 0.875rem; }
}