/* 自定义全局样式 - 从内联样式提取 */

/* 基础样式 */
body {
	min-height: 1024px;
	font-family: 'Noto Sans SC', sans-serif;
}

.search-input:focus {
	outline: none;
}

h1, h2, h3, .font-bold, .font-medium {
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 700;
}

/* 平板和小屏幕适配 (max-width: 768px) */
@media (max-width: 768px) {
	.max-w-\[1440px\] {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.flex.gap-8 {
		flex-direction: column;
	}
	
	.w-\[300px\] {
		width: 100%;
	}
	
	.py-8 {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	
	.flex.gap-4 {
		flex-direction: column;
	}
	
	.grid.grid-cols-10 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.5rem;
	}
	
	.category-btn {
		width: 100%;
		padding: 0.5rem;
		font-size: 0.875rem;
		line-height: 1.25rem;
	}
	
	/* 移动端标题样式 */
	header h1 {
		font-size: 1.25rem !important;
		line-height: 1.5 !important;
	}
	
	/* 移动端AI按钮样式 */
	#aiAssistantBtn {
		padding: 0.5rem 1rem;
		font-size: 0.875rem;
	}
	
	#aiAssistantBtn span:not(.absolute) {
		display: none; /* 移动端隐藏文字，只显示图标 */
	}
}

/* 手机屏幕适配 (max-width: 480px) */
@media (max-width: 480px) {
	.text-2xl {
		font-size: 1rem;
	}
	
	.text-lg {
		font-size: 1rem;
	}
	
	.text-sm {
		font-size: 0.6875rem;
	}
	
	.category-btn {
		font-size: 0.6875rem;
	}
	
	/* 商品大小 */
	.bg-white.p-6.rounded-lg.shadow-sm {
		font-size: 0.6rem;
	}
}