/* roulang page: index */
:root {
        --color-primary: #4f46e5;
        --color-primary-end: #06b6d4;
        --color-accent: #10b981;
        --color-bg-dark: #0f172a;
        --color-bg-light: #f8fafc;
      }
      body {
        font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        background-color: #ffffff;
        color: #1e293b;
        overflow-x: hidden;
      }
      .font-numeric {
        font-family: Inter, "DIN Alternate", -apple-system, sans-serif;
      }
      .smooth-scroll {
        scroll-behavior: smooth;
      }
      .card-shadow {
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }
      .card-shadow:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 40px rgba(79, 70, 229, 0.12);
      }
      .badge-pill {
        background: linear-gradient(135deg, rgba(79, 70, 229, 0.08), rgba(6, 182, 212, 0.08));
        border: 1px solid rgba(79, 70, 229, 0.2);
      }
      .glow-border {
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 0 25px rgba(6, 182, 212, 0.08);
      }
      .custom-nav-sticky {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }