/* roulang page: index */
:root {
      --color-primary: #0F2937;
      --color-dark: #080E14;
      --color-accent: #00D084;
      --color-warning: #F59E0B;
      --color-bg: #F8FAFC;
    }
    body {
      background-color: var(--color-bg);
      color: #334155;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.75;
      overflow-x: hidden;
    }
    .custom-shadow {
      box-shadow: 0 10px 25px -5px rgba(15, 41, 55, 0.05), 0 8px 10px -6px rgba(15, 41, 55, 0.02);
    }
    .hero-banner-bg {
      background-image: linear-gradient(to right, rgba(15, 41, 55, 0.95), rgba(15, 41, 55, 0.85)), url('/assets/images/6de2e98cd7743201.png');
      background-size: cover;
      background-position: center;
    }
    .lab-bg {
      background-image: linear-gradient(to bottom, rgba(8, 14, 20, 0.96), rgba(8, 14, 20, 0.98)), url('/assets/images/359c01f5fdfa4acf.webp');
      background-size: cover;
      background-position: center;
    }
    .banner-subtle {
      background-image: linear-gradient(135deg, rgba(15, 41, 55, 0.03) 0%, rgba(0, 208, 132, 0.05) 100%);
    }