/* JXY 帖子版权声明（前台 + 后台设置页共用） */

@keyframes jxy-copyright-rans {
	from { background-position: 0 0; }
	to { background-position: 2000px 0; }
}

.jxy-copyright {
	margin-top: 1rem;
	font-size: 0.875rem;
	line-height: 1.7;
	color: var(--bs-secondary-color, #6c757d);
}

.jxy-copyright-card {
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
	background: var(--bs-tertiary-bg, #f8f9fa);
}

.jxy-copyright-simple {
	padding: 0.5rem 0 0;
}

.jxy-copyright-dashed {
	padding: 0.75rem 1rem;
	border: 1px dashed var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
}

.jxy-copyright-title {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin-bottom: 0.35rem;
	font-weight: 600;
	color: var(--bs-emphasis-color, #212529);
}

.jxy-copyright-icon {
	font-size: 1rem;
	line-height: 1;
}

.jxy-copyright-body {
	margin: 0;
}

.jxy-copyright-line {
	margin: 0 0 0.15rem;
	word-break: break-word;
}

.jxy-copyright-line:last-child {
	margin-bottom: 0;
}

.jxy-copyright-url a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	word-break: break-all;
}

.jxy-copyright-url a:hover,
.jxy-copyright-url a:focus-visible {
	color: var(--bs-link-hover-color, #0a58ca);
}

/* 渐变流光标题（标题文字使用渐变裁切，图标保留实色保证可读） */
.jxy-copyright-rainbow > span {
	background: linear-gradient(72deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC);
	background-size: 2000px 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: jxy-copyright-rans 18s linear infinite;
}

.jxy-copyright-rainbow > .jxy-copyright-icon {
	color: #CC0033;
}

/* 仅 PC 显示（后台关闭“手机端也显示”时生效） */
@media (max-width: 767.98px) {
	.jxy-copyright-pconly {
		display: none;
	}
}

/* 暂停动画：尊重系统减弱动效偏好 */
@media (prefers-reduced-motion: reduce) {
	.jxy-copyright-rainbow > span {
		animation: none;
	}
}

/* 暗色模式 */
[data-bs-theme="dark"] .jxy-copyright-card {
	background: rgba(255, 255, 255, 0.04);
}

[data-bs-theme="dark"] .jxy-copyright-dashed {
	border-color: rgba(255, 255, 255, 0.2);
}

/* 自定义底色：具体颜色由后台设置以内联 background-color 输出，
   这里只保证简约/虚线框样式也有内边距，且不被主题色覆盖 */
.jxy-copyright-custombg {
	padding: 0.75rem 1rem;
	border-radius: 0.5rem;
}

/* 后台颜色选择器 */
.jxy-copyright-color-group .form-control-color {
	max-width: 3.5rem;
	flex: 0 0 auto;
}

/* 暗色模式下渐变色整体提亮，避免深蓝段看不清 */
[data-bs-theme="dark"] .jxy-copyright-rainbow > span,
[data-bs-theme="dark"] .jxy-copyright-brand-text {
	background: linear-gradient(72deg, #8A7BFF, #B478FF, #E86FC0, #FF6E86, #FFB3B3, #FF9A5C, #8A7BFF);
	background-size: 2000px 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

[data-bs-theme="dark"] .jxy-copyright-rainbow > .jxy-copyright-icon {
	color: #FF6E86;
}

/* ---------- 后台设置页 ---------- */

.jxy-copyright-preview-wrap {
	padding: 1rem;
	border: 1px solid var(--bs-border-color, #dee2e6);
	border-radius: 0.5rem;
	background: var(--bs-body-bg, #fff);
}

.jxy-copyright-preview-wrap .jxy-copyright {
	margin-top: 0;
}

.jxy-copyright-brand {
	font-size: 0.875rem;
}

.jxy-copyright-brand-text {
	background: linear-gradient(72deg, #3300CC, #660099, #990066, #CC0033, #FF9999, #FF4400, #3300CC);
	background-size: 2000px 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: jxy-copyright-rans 18s linear infinite;
}

.jxy-copyright-brand-text a {
	color: inherit;
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.jxy-copyright-brand-text {
		animation: none;
	}
}