/**
 * 响应式样式
 * 适配不同屏幕尺寸
 */

/* ========== 大屏幕（>1200px） ========== */
@media (min-width: 1201px) {
  .container {
    padding: 48px;
  }
  
  .promotion-content .title {
    font-size: 2.5rem;
  }
}

/* ========== 标准桌面（769px - 1200px） ========== */
@media (min-width: 769px) and (max-width: 1200px) {
  .container {
    gap: 32px;
    padding: 32px;
  }
  
  .promotion-content .title {
    font-size: 1.875rem;
  }
}

/* ========== 平板（481px - 768px） ========== */
@media (max-width: 768px) {
  .promotion-section {
    padding: var(--spacing-lg) var(--spacing-md);
  }
  
  .ad-image-container {
    max-width: 100%;
    margin: var(--spacing-md) auto;
  }
  
  .highlights {
    grid-template-columns: 1fr;
  }
  
  .earnings-list {
    grid-template-columns: 1fr;
  }
  
  .promotion-content .title {
    font-size: 1.75rem;
    text-align: center;
  }
  
  .promotion-content .subtitle {
    font-size: 1rem;
    text-align: center;
  }
  
  .customer-service-btn,
  .download-app-btn {
    padding: 14px 24px;
    font-size: 1rem;
  }
}

/* ========== 手机（≤480px） ========== */
@media (max-width: 480px) {
  .promotion-section {
    padding: var(--spacing-xs);
  }
  
  .ad-image-container {
    margin: var(--spacing-xs) auto;
    border-radius: var(--radius-md);
  }
  
  .promotion-content .title {
    font-size: 1.5rem;
  }
  
  .promotion-content .subtitle {
    font-size: 0.875rem;
  }
  
  .promotion-content .description {
    font-size: 0.875rem;
  }
  
  .highlights li {
    padding: 10px;
  }
  
  .highlights .text {
    font-size: 0.875rem;
  }
  
  .contact-service-container,
  .download-app-container {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
  }
  
  .customer-service-btn,
  .download-app-btn {
    padding: 14px 24px;
    font-size: 1rem;
  }
  
  /* Toast提示适配 */
  .toast {
    top: 10px;
    left: 10px;
    right: 10px;
    transform: none;
    min-width: auto;
    width: calc(100% - 20px);
  }
  
  @keyframes toastFadeIn {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

/* ========== 超小屏幕（≤360px） ========== */
@media (max-width: 360px) {
  .promotion-content .title {
    font-size: 1.25rem;
  }
  
  .highlights {
    gap: 8px;
  }
  
  .highlights li {
    padding: 8px;
    font-size: 0.8125rem;
  }
  
  .customer-service-btn,
  .download-app-btn {
    padding: 12px 20px;
    font-size: 0.875rem;
  }
}

/* ========== 横屏模式适配 ========== */
@media (max-width: 768px) and (orientation: landscape) {
  .promotion-section {
    padding: var(--spacing-md);
  }
  
  .video-container {
    max-height: 40vh;
  }
  
  .ad-image-container {
    max-height: 30vh;
  }
  
  .ad-image {
    max-height: 30vh;
    object-fit: cover;
  }
}

/* ========== 打印样式 ========== */
@media print {
  body {
    background: white;
    padding: 0;
  }
  
  .container {
    box-shadow: none;
    max-width: 100%;
  }
  
  .customer-service-btn,
  .download-app-btn,
  .toast {
    display: none !important;
  }
  
  .video-container {
    max-width: 100%;
    page-break-inside: avoid;
  }
}

/* ========== 高对比度模式（无障碍） ========== */
@media (prefers-contrast: high) {
  :root {
    --border-color: #000;
    --text-primary: #000;
    --bg-color: #FFF;
  }
  
  .form-group input {
    border-width: 2px;
  }
  
  .submit-btn {
    border: 2px solid #000;
  }
}

/* ========== 深色模式（可选） ========== */
@media (prefers-color-scheme: dark) {
  /* 如果后续需要深色模式，可在此添加样式 */
  /* 当前版本暂不实现深色模式 */
}

/* ========== 减少动画（无障碍） ========== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}