/* ========================================
   千售科技官网 - 响应式样式
   桌面优先，全平台展示完整桌面布局
   ======================================== */

/* ========== 1300px ========== */
@media (max-width: 1300px) {
  .nav-list > li > a { padding: 0 8px; font-size: 13px; }
  .nav-list { gap: 8px; }
  .nav-cta { padding: 0 14px !important; font-size: 12px !important; }
  .nav-badge { font-size: 9px; padding: 0 3px; margin-left: 1px; }
  .logo span { font-size: 14px; }
  .header-tools { gap: 4px; }
}

/* ========== 1100px ========== */
@media (max-width: 1100px) {
  .nav-list > li > a { padding: 0 5px; font-size: 12px; }
  .nav-list { gap: 5px; }
  .nav-badge { font-size: 8px; padding: 0 2px; margin-left: 1px; }
  .nav-cta { padding: 0 10px !important; font-size: 11px !important; }
  .nav-text-btn { font-size: 11px; padding: 0 5px; min-width: 32px; }
  .header-tools { gap: 2px; }
  .nav-icon-btn { width: 34px; height: 34px; font-size: 15px; }
}

/* ========== 1024px ========== */
@media (max-width: 1024px) {
  html { overflow-x: auto; }
  body { overflow-x: auto; }
  .about-gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ========== 768px ========== */
@media (max-width: 768px) {
  .about-gallery {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}