/* roulang page: index */
:root {
      --color-primary: #0F3C6E;
      --color-secondary: #2563EB;
      --color-accent: #0D9488;
      --color-bg: #F8FAFC;
      --text-main: #1E293B;
      --text-muted: #64748B;
      --card-border: #E2E8F0;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--text-main);
      background-color: #FFFFFF;
      -webkit-font-smoothing: antialiased;
    }
    .hero-bg-overlay {
      background: linear-gradient(90deg, rgba(248, 250, 252, 0.96) 0%, rgba(248, 250, 252, 0.88) 55%, rgba(248, 250, 252, 0.65) 100%);
    }
    .dark-pattern-bg {
      background-color: #0F3C6E;
      background-image: radial-gradient(rgba(37, 99, 235, 0.15) 1px, transparent 1px), radial-gradient(rgba(13, 148, 136, 0.1) 1px, #0F3C6E 1px);
      background-size: 24px 24px;
    }
    .custom-shadow {
      box-shadow: 0 4px 20px -4px rgba(15, 60, 110, 0.06);
    }
    .custom-shadow:hover {
      box-shadow: 0 14px 28px -6px rgba(15, 60, 110, 0.12);
    }
    .card-border-glow {
      border: 2px solid #2563EB;
      box-shadow: 0 0 24px rgba(37, 99, 235, 0.15);
    }