/* ============================================================
   RESPONSIVE — PC layout refinements (>=1024px)
   拓跋云 V4
   ============================================================ */

/* Fine-tune PC layouts */
@media (min-width: 1024px) {
  .container, .container-narrow { padding: 0 32px; }

  .section { padding: 80px 0; }

  /* Service detail intro card */
  .service-intro-card { padding: 48px; }

  /* Grid refinements */
  .grid-2 { gap: 32px; }
  .grid-3 { gap: 32px; }
  .grid-4 { gap: 24px; }

  /* Feature cards hover */
  .feature-card { padding: 36px 32px; }

  /* Split layout gap */
  .split-layout { gap: 80px; }

  /* Case highlight */
  .case-highlight { padding: 48px; }

  /* MA function blocks */
  .ma-function-block { gap: 60px; padding: 60px 0; }
}

/* Tablet (768-1023px) */
@media (min-width: 768px) and (max-width: 1024px) {
  .service-grid { grid-template-columns: repeat(3, 1fr); }

  .service-intro-card { grid-template-columns: 1fr; }

  .feature-grid { grid-template-columns: repeat(3, 1fr); }

  .split-layout { grid-template-columns: 1fr; gap: 40px; }
  .split-layout .sticky-side { position: static; }

  .ma-function-block,
  .ma-function-block.reverse { grid-template-columns: 1fr; direction: ltr; }

  .tech-block { grid-template-columns: 1fr; }

  .efficiency-compare { grid-template-columns: 1fr; }

  .footer-grid { grid-template-columns: repeat(2, 1fr); }

  .stats-bar { grid-template-columns: repeat(2, 1fr); }

  .layout-main-sidebar { grid-template-columns: 1fr 240px; }

  /* Process flow */
  .pf-step[data-step="4"] { padding-bottom: 55px; }
  .pf-step[data-step="5"] { padding-bottom: 120px; }
  .pf-step[data-step="6"] { padding-bottom: 190px; }
  .pf-step[data-step="7"] { padding-bottom: 250px; }
  .pf-body h4 { font-size: 12px; }
  .pf-body p { font-size: 10.5px; }
}