.content-card {
	/* ��͸����ɫ���� */
	background-color: rgba(255, 255, 255, 0.85);
	/* Բ�DZ߿� */
	border-radius: 12px;
	/* �ڱ߾࣬�����ֺͱ߿��о��� */
	padding: 24px 32px;
	/* �����ȣ������ڴ���Ļ��̫�� */
	max-width: 800px;
	/* ˮƽ���� */
	margin: 20px auto;
	/* ��΢��Ӱ����������� */
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
body {
	/* 1. ���ñ���ͼƬ·�����滻�����ͼƬ·��/URL�� */
	background-image: url("images/background.jpg");
	/* ����ͼƬ����./images/bg.jpg������ͼƬ����https://xxx.com/bg.png */

	/* 2. �����Ż����ñ���ͼƬ����ҳ�� */
	background-repeat: no-repeat;
	/* ��ֹͼƬ�ظ�ƽ�� */
	background-size: cover;
	/* ͼƬ��������ҳ�棬���ֱ������ü��������� */
	background-position: center center;
	/* ͼƬ������ʾ */
	background-attachment: fixed;
	/* ����ͼƬ�̶�������ҳ��ʱ�������ƶ� */

	/* ��ѡ������bodyĬ�ϱ߾�Ӱ�� */
	margin: 0;
	min-height: 100vh;
	/* ��body�߶�����ռ���ӿڣ����ⱳ����ʾ��ȫ */
	padding-top: 60px;
	
	/* 中秋主题光标 */
	cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%23DAA520' opacity='0.9'/><circle cx='12' cy='12' r='6' fill='%23FFF8DC'/></svg>") 12 12, pointer;
}

/* 链接和按钮的光标样式 */
a, button, .button, .card-link {
	cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%238B4513'/></svg>") 12 12, pointer;
}

/* 文本选择区域光标 */
input, textarea, [contenteditable="true"] {
	cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><rect x='2' y='6' width='20' height='12' fill='none' stroke='%23DAA520' stroke-width='2' rx='2'/></svg>") 12 12, text;
}

/* 图片悬停光标 */
img {
	cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><circle cx='12' cy='12' r='8' fill='%23DAA520'/><circle cx='12' cy='12' r='4' fill='%23FFF8DC'/><path d='M8 8L12 12L16 8' stroke='%238B4513' stroke-width='2' fill='none'/></svg>") 12 12, zoom-in;
}

/* 音乐控制按钮 */
.music-control {
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 99999;
}

.music-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: linear-gradient(135deg, #DAA520 0%, #B8860B 100%);
	border: none;
	box-shadow: 0 4px 12px rgba(218, 165, 32, 0.4);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: all 0.3s ease;
}

.music-btn:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(218, 165, 32, 0.6);
}

.music-btn:active {
	transform: scale(0.95);
}