/* roulang page: index */
:root {
      --primary-blue: #0f52ba;
      --deep-navy: #0f172a;
      --card-shadow: 0 4px 20px -4px rgba(15, 82, 186, 0.08);
      --card-hover-shadow: 0 16px 36px -6px rgba(15, 82, 186, 0.16);
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #334155;
      background-color: #f8fafc;
    }
    .custom-shadow {
      box-shadow: var(--card-shadow);
      transition: all 0.3s ease;
    }
    .custom-shadow:hover {
      box-shadow: var(--card-hover-shadow);
      transform: translateY(-3px);
    }
    .hero-bg {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 82, 186, 0.88) 100%), url('/assets/images/02ebfd21edf201a1.jpg') center/cover no-repeat;
    }
    .cta-banner-bg {
      background: linear-gradient(120deg, rgba(15, 82, 186, 0.94) 0%, rgba(2, 132, 199, 0.9) 100%), url('/assets/images/3175bbee2ebe5dda.jpg') center/cover no-repeat;
    }
    details summary::-webkit-details-marker {
      display: none;
    }

/* roulang page: category1 */
:root {
      --primary-blue: #0f52ba;
      --deep-navy: #0f172a;
      --card-shadow: 0 4px 20px -4px rgba(15, 82, 186, 0.08);
      --card-hover-shadow: 0 16px 36px -6px rgba(15, 82, 186, 0.16);
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #334155;
      background-color: #f8fafc;
    }
    .custom-shadow {
      box-shadow: var(--card-shadow);
      transition: all 0.3s ease;
    }
    .custom-shadow:hover {
      box-shadow: var(--card-hover-shadow);
      transform: translateY(-3px);
    }
    .hero-bg {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 82, 186, 0.88) 100%), url('/assets/images/02ebfd21edf201a1.jpg') center/cover no-repeat;
    }
    .cta-banner-bg {
      background: linear-gradient(120deg, rgba(15, 82, 186, 0.94) 0%, rgba(2, 132, 199, 0.9) 100%), url('/assets/images/3175bbee2ebe5dda.jpg') center/cover no-repeat;
    }