* {
 	padding: 0px;
 	margin: 0px;
 }
 .header-brand {
     display: flex;
     align-items: center;  /* 垂直居中 */
     gap: 5px;            /* 元素间距 */
     text-decoration: none; /* 去除链接下划线 */
 }
 header {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	padding: 10px 10%;
 	background-color: #fff;
 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .logo {
 	display: flex;
 	align-items: center;
 }

 .logo img {
 	height: 40px;
 	margin-right: 5px;
 }

 .logo .slogan {
 	font-size: 14px;
 	color: #999;
 }

 nav a {
 	margin-right: 15px;
 	text-decoration: none;
 	color: #333;
 }

 nav a:hover {
 	color: #f60;
 }

 form {
 	display: flex;
 	align-items: center;
 }

 form input {
 	padding: 5px 10px;
 	border: 1px solid #ccc;
 	border-radius: 3px 0 0 3px;
 	outline: none;
 }

 form button {
 	padding: 5px 15px;
 	border: 1px solid #f60;
 	background-color: #f60;
 	color: #fff;
 	border-radius: 0 3px 3px 0;
 	cursor: pointer;
 }

 h1,
 h6 {
 	padding: 0px;
 	margin: 0px;
 }
 .header-left-title h6{
     font-weight: 400;
 }
 .user-auth a {
 	margin-left: 15px;
 	text-decoration: none;
 	color: #333;
 }

 .header-left {
 	display: flex;
 	width: 300px;
 }

 .header-right {
 	flex: 1;
 }


 /* 商品展示区域 - 语义化section标签 */
 section.products {
 	/* margin: 20px 0; */
 	padding: 20px 10%;
 }

 /* 区域标题 - 语义化层级 */
 section.products h2 {
 	margin-bottom: 20px;
 	color: #333;
 	padding-bottom: 10px;
 	border-bottom: 2px solid #f60;
 }

 /* 商品展示区域 - 带左右内边距 */
 section.products {
 	padding: 20px 10%;
 	background-color: #f9f9f9;
 }

 /* 区域标题 */
 section.products h2 {
 	margin-bottom: 20px;
 	color: #333;
 	padding-bottom: 10px;
 	border-bottom: 2px solid #f60;
 }

 /* 商品网格容器 */
 .products-grid {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 12px;
 	/* 调整间距为12px，便于计算 */
 }

 /* 单个商品项 - 关键修正：精确计算宽度 */
 .products-grid article {
 	/* 
         计算逻辑：
         100%宽度 ÷ 5个商品 = 20%基础宽度
         总间距 = 12px × 4个间隔 = 48px
         每个商品需要分摊的间距 = 48px ÷ 5个商品 = 9.6px
       */
 	width: calc(20% - 9.6px);
 	border: 1px solid #eee;
 	border-radius: 10px;
 	padding: 10px;
 	box-sizing: border-box;
 	background: #fff;
 	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }

 /* 商品图片 */
 .product-img {
 	width: 100%;
 	height: 200px;
 	/* object-fit: cover; */
 	border-radius: 4px;
 	margin-bottom: 12px;
 }

 /* 商品标题 */
 .products-grid h3 {
 	font-size: 15px;
 	margin-bottom: 8px;
 	color: #333;
 	height: 40px;
 	overflow: hidden;
     font-weight: 400;
 }

 /* 商品价格 */
 .product-price {
 	color: #f60;
 	font-weight: bold;
 	margin-bottom: 6px;
 }

 /* 最小订单量 */
 .product-min-order {
 	color: #666;
 	font-size: 13px;
 	margin-bottom: 12px;
 }

 /* 操作按钮组 */
 .product-actions {
 	display: flex;
 	gap: 8px;
 }

 .product-actions a {
 	flex: 1;
 	padding: 8px 0;
 	text-align: center;
 	text-decoration: none;
 	border-radius: 4px;
 	font-size: 13px;
 }

 .btn-inquiry {
 	color: #f60;
 	border: 1px solid #f60;
 	background: #fff;
 }

 .btn-cart {
 	color: #fff;
 	background: #f60;
 	border: 1px solid #f60;
 }

/* 分页核心样式 */
 nav.pagination {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px; /* 页码间距离 */
   margin: 30px 0;
   padding: 0 10%;
 }

 .pagination a, .pagination span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 4px;
   text-decoration: none;
   color: #333;
   font-size: 14px;
 }

 /* 当前页样式 */
 .pagination span.current {
   background-color: #f60;
   color: white;
   font-weight: bold;
 }

 /* 可点击页码 */
 .pagination a:not(.disabled):not(.ellipsis) {
   background-color: white;
   border: 1px solid #ddd;
 }

 .pagination a:not(.disabled):not(.ellipsis):hover {
   background-color: #f5f5f5;
   border-color: #ccc;
 }

 /* 禁用状态 */
 .pagination a.disabled {
   color: #999;
   cursor: not-allowed;
   border: 1px solid #eee;
   background-color: #f9f9f9;
 }

 /* 省略号样式 */
 .pagination span.ellipsis {
   color: #999;
   cursor: default;
   width: auto; /* 省略号不需要固定宽度 */
   padding: 0 5px;
 }

 /* 分页信息 */
 .pagination-info {
   margin-right: 15px;
   color: #666;
   font-size: 14px;
 }

 /* 响应式调整 */
 @media (max-width: 768px) {
   .pagination-info {
     display: none; /* 小屏幕隐藏信息 */
   }
 }

 /* 商品链接样式 */
 .product-link {
   display: block;
   text-decoration: none; /* 去除下划线 */
   color: inherit; /* 继承父元素颜色，避免默认蓝色 */
   height: 100%; /* 确保链接占满整个商品卡片 */
 }

 /* 鼠标悬停效果（可选） */
 .products-grid article:hover {
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
   transition: box-shadow 0.3s ease;
 }