/* ==========================================================================
   福锦创建站 fjjuchuang.com - 响应式样式表
   适配：电脑 / 平板 / 手机
   ========================================================================== */

/* ---------- 大屏（1200px 以下） ---------- */
@media (max-width: 1200px) {
  :root { --container: 100%; }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr 1fr; }
  .footer-col:last-child { grid-column: 1 / -1; }
  .partner-wall { grid-template-columns: repeat(5, 1fr); }
}

/* ---------- 平板横屏（1024px 以下） ---------- */
@media (max-width: 1024px) {
  .main-nav { display: none; }
  .nav-cta { display: none; }
  .nav-toggle { display: flex; }

  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .hero-quilt { max-width: 560px; margin: 0 auto; }

  .patch-grid { grid-template-columns: repeat(3, 1fr); }
  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .news-quilt { grid-template-columns: repeat(2, 1fr); }
  .solution-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(3, 1fr); }
  .honor-grid { grid-template-columns: repeat(2, 1fr); }
  .pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
  .price-card.featured { transform: none; }
  .price-card.featured:hover { transform: translateY(-6px); }

  .contact-grid { grid-template-columns: 1fr; }
  .article-layout { grid-template-columns: 1fr; }
  .article-side { position: static; }
  .sitemap-grid { grid-template-columns: repeat(2, 1fr); }
  .service-detail-grid { grid-template-columns: 1fr; gap: 30px; }
  .service-feature-list { grid-template-columns: 1fr; }

  .process-fold { grid-template-columns: repeat(3, 1fr); }
  .process-step:nth-child(odd) { transform: none; }
  .process-step:nth-child(4), .process-step:nth-child(5) { transform: translateY(12px); }

  .stat-band { grid-template-columns: repeat(2, 1fr); gap: 20px 0; }
  .stat-item:nth-child(2) { border-right: none; }
  .stat-item:nth-child(1), .stat-item:nth-child(2) { border-bottom: 1px dashed var(--line); padding-bottom: 20px; }

  .cta-banner { grid-template-columns: 1fr; text-align: center; }
  .cta-banner .flex { justify-content: center !important; }

  .advantage-fold { grid-template-columns: 1fr; }
  .fold-quadrant { border-right: none !important; }
  .fold-quadrant.q-tl, .fold-quadrant.q-tr { clip-path: none; border-bottom: 1px solid var(--line); }
  .fold-quadrant.q-bl, .fold-quadrant.q-br { clip-path: none; }
}

/* ---------- 平板竖屏（768px 以下） ---------- */
@media (max-width: 768px) {
  body { font-size: 14px; }
  .section { padding: 64px 0; }
  .section-tight { padding: 40px 0; }
  .container { padding: 0 18px; }

  .header-bar { height: 64px; }
  .mobile-drawer { top: 64px; height: calc(100vh - 64px); }
  .brand .brand-mark { width: 36px; height: 36px; font-size: 1rem; }
  .brand-text { font-size: 1.05rem; }
  .brand-text small { display: none; }

  .hero-home { padding: 100px 0 56px; }
  .hero-title { font-size: clamp(1.8rem, 6vw, 2.6rem); }
  .hero-desc { font-size: 0.96rem; }
  .hero-stats { gap: 24px; }
  .hero-stat .num { font-size: 1.6rem; }
  .hero-quilt .q1 { height: 220px; }

  .patch-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .patch-cell { padding: 22px 18px; }
  .case-grid { grid-template-columns: 1fr; }
  .news-quilt { grid-template-columns: 1fr; }
  .solution-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .honor-grid { grid-template-columns: 1fr; }
  .partner-wall { grid-template-columns: repeat(3, 1fr); }
  .sitemap-grid { grid-template-columns: 1fr; gap: 24px; }

  .process-fold { grid-template-columns: repeat(2, 1fr); }
  .process-step { transform: none !important; }
  .process-step:last-child { grid-column: 1 / -1; }

  .news-list-layout .news-card { flex-direction: column; }
  .news-list-layout .news-img { width: 100%; min-width: 0; height: 180px; }
  .news-list-layout .news-body { padding: 18px 20px; }

  .article-main { padding: 24px 20px; }
  .article-meta { gap: 12px; font-size: 0.78rem; }
  .service-step-row { grid-template-columns: 56px 1fr; gap: 16px; }
  .service-step-num { width: 48px; height: 48px; font-size: 1.1rem; }

  .form-grid-2 { grid-template-columns: 1fr; }
  .contact-info-card, .contact-form-card { padding: 24px 20px; }
  .bevel-panel { padding: 28px 22px; }
  .fold-card { padding: 26px 22px; }

  .cta-banner { padding: 30px 24px; }
  .cta-banner h2 { font-size: 1.3rem; }
  .stat-band { padding: 24px 14px; }
  .stat-num { font-size: 1.8rem; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer-col.footer-brand { grid-column: 1 / -1; }
  .footer-col:last-child { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .page-hero { padding: 110px 0 48px; }
  .page-hero h1 { font-size: clamp(1.6rem, 5vw, 2.2rem); }
  .page-hero p { font-size: 0.96rem; }

  .job-item { flex-direction: column; align-items: flex-start; }
  .timeline { padding-left: 30px; }
  .timeline::before { left: 8px; }
  .timeline-item::before { left: -28px; width: 12px; height: 12px; }

  .back-to-top { width: 40px; height: 40px; right: 16px; bottom: 16px; }
  .btn-lg { padding: 13px 28px; font-size: 0.94rem; }
}

/* ---------- 手机（480px 以下） ---------- */
@media (max-width: 480px) {
  .patch-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  .partner-wall { grid-template-columns: repeat(2, 1fr); }
  .process-fold { grid-template-columns: 1fr; }
  .process-step:last-child { grid-column: auto; }
  .stat-band { grid-template-columns: 1fr; }
  .stat-item { border-right: none !important; border-bottom: 1px dashed var(--line) !important; padding-bottom: 16px !important; }
  .stat-item:last-child { border-bottom: none !important; }
  .footer-grid { grid-template-columns: 1fr; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { flex-direction: column; gap: 16px; }
  .news-filter-bar { gap: 6px; }
  .filter-chip { padding: 5px 12px; font-size: 0.8rem; }
  .service-detail-img img { height: 240px; }
}

/* ---------- 超小屏（360px 以下） ---------- */
@media (max-width: 360px) {
  .container { padding: 0 14px; }
  .brand-text { font-size: 0.95rem; }
  .hero-title { font-size: 1.6rem; }
}

/* ---------- 打印样式 ---------- */
@media print {
  .site-header, .mobile-drawer, .overlay, .back-to-top, .nav-toggle { display: none !important; }
  .hero-home, .page-hero { padding: 20px 0; }
  .section { padding: 20px 0; page-break-inside: avoid; }
  .cta-banner, .fold-card, .card, .case-card, .news-card { box-shadow: none; border: 1px solid #ccc; }
  body { background: #fff; color: #000; }
}