/* roulang page: index */
:root {
      --primary: #0056b3;
      --primary-hover: #004494;
      --secondary: #64748b;
      --bg-light: #f8fafc;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #1e293b;
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
    }
    .custom-shadow {
      box-shadow: 0 10px 25px -5px rgba(0, 86, 179, 0.08), 0 8px 10px -6px rgba(0, 86, 179, 0.04);
    }
    .hero-bg {
      background-image: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(240,247,255,0.92) 100%), url('/assets/images/38ac0ed379262dec.jpg');
      background-size: cover;
      background-position: center;
    }
    .dark-section-bg {
      background-image: linear-gradient(135deg, rgba(0, 37, 84, 0.96) 0%, rgba(0, 24, 56, 0.98) 100%), url('/assets/images/6f5cd6841049f7f0.webp');
      background-size: cover;
      background-position: center;
    }
    details > summary {
      list-style: none;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }