/* Pantheon Cloud - 响应式设计样式 */

/* 移动设备优先的响应式设计 */

/* 小型手机 (小于640px) */
@media (max-width: 639px) {
  /* 容器调整 */
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  /* 字体大小调整 */
  .text-2xl {
    font-size: 1.5rem;
  }
  
  .text-3xl {
    font-size: 1.75rem;
  }
  
  .text-4xl {
    font-size: 2rem;
  }
  
  /* 间距调整 */
  .py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  
  /* 导航栏调整 */
  .navbar-mobile {
    position: relative;
  }
  
  /* 卡片布局调整 */
  .grid-cols-2 {
    grid-template-columns: 1fr;
  }
  
  .grid-cols-3 {
    grid-template-columns: 1fr;
  }
  
  /* 英雄区域调整 */
  .hero-content {
    text-align: center;
  }
  
  .hero-image {
    margin-top: 2rem;
  }
  
  /* 表单宽度调整 */
  .mobile-full-width {
    width: 100%;
  }
}

/* 中型手机 (640px - 767px) */
@media (min-width: 640px) and (max-width: 767px) {
  /* 容器调整 */
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  /* 卡片布局调整 */
  .grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  
  /* 英雄区域调整 */
  .hero-content {
    text-align: left;
  }
}

/* 平板设备 (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  /* 产品和解决方案卡片调整 */
  .grid-cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* 行业解决方案卡片调整 */
  .grid-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 小型笔记本电脑 (1024px - 1279px) */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* 细微的布局调整 */
  .container {
    max-width: 1024px;
  }
}

/* 大型显示器 (1280px及以上) */
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
  
  /* 大屏幕下的间距调整 */
  .py-16 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

/* 高分辨率设备优化 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* 图像优化 */
  .image-hd {
    background-size: contain;
  }
}

/* 禁用深色模式适配，强制使用浅色模式 */
/* 确保所有设备上显示效果一致 */
@media (prefers-color-scheme: dark) {
  /* 覆盖系统深色模式偏好，保持浅色模式 */
  :root {
    --secondary-color: #111827;
    --neutral-color: #f9fafb;
  }
  
  body {
    background-color: #ffffff !important;
    color: var(--secondary-color) !important;
  }
  
  .card {
    background-color: white !important;
  }
  
  .bg-white {
    background-color: white !important;
  }
  
  .bg-neutral {
    background-color: var(--neutral-color) !important;
  }
}

/* 打印样式 */
@media print {
  /* 隐藏不需要打印的元素 */
  .no-print {
    display: none !important;
  }
  
  /* 调整打印布局 */
  body {
    font-size: 12pt;
    color: black;
    background-color: white;
  }
  
  .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
}

/* 无障碍增强 - 高对比度模式（保持一致的品牌色彩） */
@media (prefers-contrast: high) {
  /* 保持品牌色彩一致性，只增强对比度而不改变基础颜色 */
  :root {
    --primary-color: #059669; /* 加深主色调以提高对比度 */
    --secondary-color: #111827; /* 保持原有深色 */
  }
  
  .btn-primary {
    border: 2px solid var(--primary-color);
  }
  
  .btn-secondary {
    border: 2px solid var(--secondary-color);
  }
}

/* 减少动画模式 */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .fade-in {
    animation: none;
  }
}

/* 横向滚动设备的特殊处理 */
@media (max-height: 480px) and (orientation: landscape) {
  .section-padding {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  .hero-image {
    max-height: 200px;
  }
}