/* roulang page: index */
:root {
      --color-primary: #0F1D38;
      --color-deep: #0B1323;
      --color-accent: #10B981;
      --color-cyan: #06B6D4;
      --color-bg-light: #F8FAFC;
      --color-text-main: #1E293B;
      --color-text-muted: #64748B;
    }
    html {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      letter-spacing: 0.01em;
      scroll-padding-top: 108px;
    }
    body {
      color: var(--color-text-main);
      background-color: var(--color-bg-light);
      line-height: 1.75;
    }
    .custom-shadow {
      box-shadow: 0 4px 20px -2px rgba(15, 29, 56, 0.06);
    }
    .custom-shadow-hover:hover {
      box-shadow: 0 14px 30px -4px rgba(15, 29, 56, 0.12);
      transform: translateY(-4px);
    }
    .hero-mask {
      background: linear-gradient(135deg, rgba(15, 29, 56, 0.92) 0%, rgba(11, 19, 35, 0.95) 100%);
    }
    .dark-section-mask {
      background: linear-gradient(180deg, rgba(11, 19, 35, 0.96) 0%, rgba(15, 29, 56, 0.96) 100%);
    }
    .tab-num {
      font-variant-numeric: tabular-nums;
    }
    .cta-glow {
      box-shadow: 0 0 25px rgba(16, 185, 129, 0.35);
    }
    input:focus-visible, select:focus-visible, textarea:focus-visible {
      outline: 2px solid var(--color-accent);
      outline-offset: 2px;
    }