/* roulang page: index */
:root {
      --primary-navy: #0F3E7A;
      --primary-blue: #1A56A6;
      --deep-bg: #0B192C;
      --accent-teal: #0D9488;
      --accent-amber: #D97706;
      --light-bg: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans", "Microsoft YaHei", sans-serif;
      color: #334155;
      background-color: #ffffff;
      line-height: 1.65;
    }
    .badge-pill {
      display: inline-flex;
      align-items: center;
      padding: 0.3rem 0.85rem;
      border-radius: 9999px;
      font-size: 0.8125rem;
      font-weight: 600;
      letter-spacing: 0.025em;
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(11, 25, 44, 0.94) 0%, rgba(15, 62, 122, 0.88) 100%), url('/assets/images/9e3d13e419e3e059.jpg') center/cover no-repeat;
    }
    .glass-dark {
      background: rgba(15, 62, 122, 0.25);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255, 255, 255, 0.12);
    }
    pre code {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }