.composite-layout { width: 100%; padding: 20px 0; background-color: #ffffff; }
  .composite-container { width: 95%; max-width: 1800px; margin: 0 auto; display: flex; flex-direction: column; gap: 30px; box-sizing: border-box; }
  .composite-container img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 4px; }
  .large-item { width: 100%; aspect-ratio: 16 / 7; overflow: hidden; }
  .alternating-rows { display: flex; flex-direction: column; gap: 30px; }
  .row-item { display: flex; align-items: center; gap: 30px; }
  .row-item.reverse { flex-direction: row-reverse; }
  .row-image, .row-text { flex: 1; width: 50%; }
  .row-text { padding: 20px; text-align: left; }
  .row-text h3 { font-size: 24px; margin-bottom: 12px; color: #333; }
  .row-text p { font-size: 16px; line-height: 1.6; color: #666; }

  @media (max-width: 768px) {
    .composite-container { width: 100% !important; padding: 0 15px !important; } /* 关键：重置手机端边距 */
    .row-item, .row-item.reverse { flex-direction: column !important; gap: 15px; }
    .row-image, .row-text { width: 100% !important; }
    .row-text { padding: 10px 0 !important; text-align: center !important; }
  }