/* 布局与容器 */
.p-4 {
		padding: 1rem;
}
.bg-gray-100 {
		background-color: #f3f4f6;
}
.min-h-screen {
		min-height: 100vh;
}

	/* 字体与文本 */
.text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
}
.font-bold {
		font-weight: 700;
}
.font-medium {
		font-weight: 500;
}
.font-semibold {
		font-weight: 600;
}
.text-center {
		text-align: center;
}
.text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
}
.mt-10 {
		margin-top: 50rpx;
}
.justify-start {
		justify-content: flex-start;
}
.text-xs {
		font-size: 0.75rem;
		line-height: 1rem;
}
.text-gray-400 {
		color: #9ca3af;
}
.text-gray-500 {
		color: #6b7280;
}
.text-white {
		color: #ffffff;
}

	/* 边距 */
.mb-1 {
		margin-bottom: 0.25rem;
}
.mb-4 {
		margin-bottom: 1rem;
}
.mt-1 {
		margin-top: 0.25rem;
}

	/* 尺寸与边框 */
.w-full {
		width: 100%;
}
.w-95-percent {
		width: 95%;
}
.h-40 {
		height: 8rem;
}
.h-12 {
		height: 2.5rem;
}
.w-20 {
		width: 5rem;
}
.h-20 {
		height: 5rem;
}
.border {
		border-width: 1px;
		border-style: solid;
		border-color: #d1d5db;
}
.border-gray-300 {
		border-color: #d1d5db;
}
.border-gray-400 {
		border-color: #9ca3af;
}
.border-dashed {
		border-style: dashed;
}
.rounded {
		border-radius: 0.25rem;
}
.rounded-md {
		border-radius: 0.375rem;
}
.rounded-lg {
		border-radius: 0.5rem;
}

	/* 背景色与透明度 */
.bg-black {
		background-color: #000000;
}
.bg-opacity-50 {
		opacity: 0.5;
}
.bg-blue-500 {
		background-color: #3b82f6;
}

	/* 位置 */
.relative {
		position: relative;
}
.absolute {
		position: absolute;
}
.top-0 {
		top: 0;
}
.right-0 {
		right: 0;
}
.justify-center {
		justify-content: center;
}
.items-center {
		align-items: center;
}

	/* 布局与对齐 */
.flex {
		display: flex;
}
.space-x-2 {
		margin-left: 0.5rem;
}
.text-right {
		text-align: right;
}
.block {
		display: block;
}
.cursor-pointer {
		cursor: pointer;
}

	/* 填充 */
.p-2 {
		padding: 0.5rem;
}
.py-3 {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
}
.px-1 {
		padding-left: 0.25rem;
		padding-right: 0.25rem;
}

	/* 图片与视频 */
.object-cover {
		object-fit: cover;
}

	/* 其他 */
.resize-none {
		resize: none;
}
.page-wrapper {
		position: relative;
		min-height: 100vh;
		/* 确保小内容时填满视口 */
		overflow: hidden;
}

	/* 顶部背景 */
.bg-top {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 500rpx;
		/* 可用固定像素或图片高度 */
		background: url('https://farm.evcc.top/Uploads/yuanboyuan/background/bg_top.jpg') no-repeat top center;
		background-size: cover;
		z-index: 0;
}

	/* 底部背景 */
.bg-bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 500rpx;
		/* 可用固定像素或图片高度 */
		background: url('https://farm.evcc.top/Uploads/yuanboyuan/background/bg_bottom.jpg') no-repeat bottom center;
		background-size: cover;
		z-index: 0;
}

	/* 内容层 */
.content-wrapper {
		position: relative;
		z-index: 1;
		padding: 2rem 1rem;
}