/* 夏天商城PC端UI优化 - 字体和布局调整 */

/* 全局字体优化 */
html {
  font-size: 16px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}

/* 顶部导航栏字体 */
.top-bar, .top-nav, .header-top {
  font-size: 13px !important;
}

.top-bar a, .top-nav a {
  font-size: 13px !important;
}

/* 主导航字体加大 */
.main-nav, .nav-menu, .category-nav {
  font-size: 15px !important;
  font-weight: 500;
}

.main-nav a, .nav-menu a {
  font-size: 15px !important;
  padding: 0 16px !important;
}

/* 左侧分类菜单 - 字体加大 */
.category-sidebar, .side-category, .category-list {
  font-size: 14px !important;
}

.category-sidebar .category-item,
.side-category .category-item,
.category-list .category-item {
  font-size: 14px !important;
  padding: 10px 16px !important;
  line-height: 1.5 !important;
  border-bottom: 1px solid #f5f5f5;
  transition: all 0.2s;
}

.category-sidebar .category-item:hover,
.side-category .category-item:hover {
  background: #FFF5F0;
  color: #FF5000;
  font-weight: 500;
}

/* 分类图标优化 - 不用卡通图标，用简洁文字 */
.category-sidebar .category-icon,
.side-category .category-icon {
  display: none !important;
}

.category-sidebar .category-name,
.side-category .category-name {
  font-size: 14px !important;
  font-weight: 500;
}

/* 搜索栏优化 */
.search-bar, .search-box, .search-input {
  height: 40px !important;
  font-size: 14px !important;
}

.search-bar input, .search-box input {
  font-size: 14px !important;
  height: 40px !important;
}

.search-bar button, .search-box button {
  height: 40px !important;
  font-size: 15px !important;
  font-weight: 500;
}

/* 搜索标签 */
.search-tags, .hot-search, .search-history {
  font-size: 12px !important;
  margin-top: 8px;
}

.search-tags a, .hot-search a {
  font-size: 12px !important;
  margin-right: 12px;
}

/* 商品卡片字体优化 */
.product-card, .goods-item, .product-item {
  font-size: 13px !important;
}

.product-card .product-name,
.goods-item .goods-name,
.product-item .product-name {
  font-size: 13px !important;
  line-height: 1.4 !important;
  height: 36px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-card .product-price,
.goods-item .goods-price,
.product-item .product-price {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #FF5000 !important;
}

.product-card .product-original-price,
.goods-item .goods-original-price {
  font-size: 12px !important;
  color: #999 !important;
  text-decoration: line-through;
}

.product-card .product-sales,
.goods-item .goods-sales {
  font-size: 12px !important;
  color: #999;
}

/* 用户登录区域 */
.user-panel, .user-center, .login-box {
  font-size: 13px !important;
}

.user-panel .username,
.user-center .username {
  font-size: 14px !important;
  font-weight: 500;
}

.user-panel .user-avatar,
.user-center .user-avatar {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  border: 2px solid #FF5000;
}

/* 购物车区域 */
.cart-panel, .shopping-cart, .cart-box {
  font-size: 13px !important;
}

.cart-panel .cart-count,
.shopping-cart .cart-count {
  font-size: 12px !important;
  font-weight: 600;
}

/* 订单/收藏/优惠券入口 */
.user-links, .quick-links, .user-menu {
  font-size: 12px !important;
}

.user-links a, .quick-links a, .user-menu a {
  font-size: 12px !important;
  padding: 8px 0 !important;
}

/* 轮播图区域 */
.banner-section, .carousel, .swiper-container {
  border-radius: 8px;
  overflow: hidden;
}

/* 公告/活动信息条 */
.notice-bar, .announcement, .activity-bar {
  font-size: 12px !important;
  padding: 8px 16px !important;
  background: #FFF5F0;
  color: #FF5000;
  border-radius: 4px;
}

/* 底部导航 */
.footer, .bottom-nav, .site-footer {
  font-size: 12px !important;
  color: #666;
}

.footer a, .bottom-nav a {
  font-size: 12px !important;
}

/* 标题字体优化 */
.section-title, .module-title, .panel-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #333 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid #FF5000;
  margin-bottom: 16px !important;
}

/* 按钮字体优化 */
.btn, button {
  font-size: 14px !important;
  font-weight: 500;
}

.btn-primary {
  font-size: 14px !important;
  padding: 10px 24px !important;
}

.btn-lg {
  font-size: 16px !important;
  padding: 12px 32px !important;
}

/* 价格字体统一 */
.price, .amount, .money {
  font-family: 'Arial', sans-serif;
  font-weight: 600;
  color: #FF5000;
}

.price-symbol {
  font-size: 12px;
}

.price-integer {
  font-size: 18px;
}

.price-decimal {
  font-size: 12px;
}

/* 表格字体优化 */
table, .data-table, .ant-table {
  font-size: 13px !important;
}

th {
  font-size: 13px !important;
  font-weight: 600 !important;
}

td {
  font-size: 13px !important;
}

/* 表单字体优化 */
input, select, textarea {
  font-size: 14px !important;
}

label {
  font-size: 13px !important;
  font-weight: 500;
}

/* 响应式 - PC端最小宽度 */
@media (min-width: 1200px) {
  .container, .main-container, .page-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
  }
}

/* 隐藏移动端元素 */
@media (min-width: 768px) {
  .mobile-only, .show-mobile {
    display: none !important;
  }
}

/* 显示PC端元素 */
.pc-only, .show-pc {
  display: block !important;
}

/* 顶部滚动广告条样式 */
.marquee-bar, .scroll-notice, .top-ad {
  background: linear-gradient(90deg, #FFF5F0, #FFE8D6);
  padding: 6px 16px;
  font-size: 12px;
  color: #FF5000;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-bar .marquee-content {
  display: inline-block;
  animation: marquee 20s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* 分类菜单子分类 */
.category-submenu, .sub-category {
  font-size: 12px !important;
  color: #666;
}

.category-submenu a, .sub-category a {
  font-size: 12px !important;
  padding: 4px 8px !important;
}

.category-submenu a:hover, .sub-category a:hover {
  color: #FF5000;
}

/* 商品列表布局优化 */
.product-grid, .goods-grid {
  gap: 16px !important;
}

.product-grid .product-card,
.goods-grid .goods-item {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s;
}

.product-grid .product-card:hover,
.goods-grid .goods-item:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transform: translateY(-2px);
}

/* 确保文字不被截断 */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 文字溢出处理 */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}