/* ============================================================
   丽人梦想秀® · Desktop-Optimized Design v5.0
   电脑版专属优化 · 大屏体验
   ============================================================ */

/* ── Desktop Layout (≥1200px) ── */
@media (min-width: 1200px) {
  /* Wider sidebar for better readability */
  .sidebar { width: 260px !important; }
  .main-content { 
    margin-left: 260px !important; 
    padding: 36px 48px 80px !important;
    max-width: 1400px !important;
  }
  
  /* Content container */
  #page-content {
    max-width: 1100px;
    margin: 0 auto;
  }
  
  /* Cards - better grid on desktop */
  .row.g-3 > .col-md-3 { width: 25% !important; }
  .row.g-3 > .col-md-4 { width: 33.33% !important; }
  .row.g-3 > .col-md-6 { width: 50% !important; }
  
  /* Larger spacing */
  .row.g-3 { --bs-gutter-x: 20px; --bs-gutter-y: 20px; }
  .row.g-4 { --bs-gutter-x: 28px; --bs-gutter-y: 28px; }
  
  /* Card sizing */
  .card-stat, .card-glass { 
    padding: 28px !important;
    border-radius: 22px !important;
  }
  
  /* Hero section */
  .hero-gradient {
    padding: 52px 48px !important;
    border-radius: 28px !important;
  }
  .hero-gradient h1 { font-size: 30px !important; }
  .hero-gradient p { font-size: 16px !important; }
  
  /* Sidebar items */
  .sidebar .nav-link { 
    font-size: 14px !important; 
    padding: 11px 22px !important;
    margin: 2px 14px !important;
  }
  .sidebar .nav-section {
    font-size: 10px !important;
    padding: 20px 26px 8px !important;
  }
  .sidebar .logo { padding: 32px 26px 24px !important; }
  .sidebar .logo h2 { font-size: 20px !important; }
  
  /* Buttons */
  .btn, button { 
    padding: 13px 28px !important; 
    font-size: 15px !important;
  }
  
  /* Tables */
  table td, table th { padding: 16px 22px !important; }
  
  /* Forms */
  .form-control, input, select, textarea {
    padding: 15px 20px !important;
    font-size: 15px !important;
  }
  
  /* Footer spacing */
  #page-content > :last-child { margin-bottom: 60px; }
}

/* ── Desktop Layout ≥1200px ── */

/* ── Extra Large Desktop (≥1600px) ── */
@media (min-width: 1600px) {
  .sidebar { width: 280px !important; }
  .main-content { 
    margin-left: 280px !important; 
    padding: 44px 64px 80px !important;
    max-width: 1600px !important;
  }
  #page-content { max-width: 1300px; }
  
  .hero-gradient h1 { font-size: 34px !important; }
  .sidebar .nav-link { font-size: 15px !important; padding: 13px 26px !important; }
  .card-stat, .card-glass { padding: 32px !important; }
}

/* ── Full HD (≥1920px) ── */
@media (min-width: 1920px) {
  .sidebar { width: 300px !important; }
  .main-content { 
    margin-left: 300px !important; 
    padding: 52px 80px 80px !important;
  }
  #page-content { max-width: 1500px; }
  body { font-size: 19px !important; }
  .hero-gradient h1 { font-size: 38px !important; }
}

/* ── Desktop Hover Effects ── */
@media (hover: hover) {
  .card-stat:hover, .card-glass:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(61,15,62,0.1);
    transition: all 0.3s ease;
  }
  .sidebar .nav-link:hover {
    background: rgba(255,255,255,0.06);
    transform: translateX(4px);
    transition: all 0.2s ease;
  }
  .btn:hover {
    transform: translateY(-1px);
    transition: all 0.2s ease;
  }
  
  /* Table row hover */
  table tbody tr:hover td {
    background: rgba(201,162,91,0.04);
    transition: background 0.2s ease;
  }
}