/* ============================================
   LASUISUI Responsive v2.0
   桌面=桌游手册 / 平板=档案手卷 / 手机=垂直故事书
   ============================================ */

/* === Mobile First === */

/* === Tablet (768px+) === */
@media (min-width: 768px) {
  .home .hero { padding: 40px 32px 60px; gap: 48px; }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .entrance-card { min-height: 320px; }
  .char-strip { gap: 14px; }
  .result-screen { padding: 100px 40px 60px; grid-template-columns: 1fr 1.2fr; gap: 48px; }
  .result-title { font-size: 60px; }
  .result-portrait-panel { position: relative; top: 0; }
  .archive-rec-grid { grid-template-columns: repeat(2, 1fr); }
}

/* === Desktop (1100px+) === */
@media (min-width: 1100px) {
  .home .hero { grid-template-columns: 1fr 1fr; padding: 60px 40px 80px; gap: 60px; }
  .hero-title .en { font-size: 96px; }
  .card-grid { gap: 28px; }
  .char-strip { gap: 24px; }
  .char-mini { width: 200px; }
  .result-screen { padding: 100px 60px 80px; max-width: 1400px; grid-template-columns: 1fr 1.3fr; gap: 60px; }
  .result-title { font-size: 72px; }
  .archive-rec-grid { grid-template-columns: repeat(3, 1fr); }
}

/* === Large (1400px+) === */
@media (min-width: 1400px) {
  .result-screen { gap: 80px; }
}