/* roulang page: index */
:root {
      --primary-deep: #14273E;
      --primary-teal: #0F5B4C;
      --accent-green: #10B981;
      --accent-amber: #F59E0B;
      --bg-surface: #F8FAFC;
    }
    body {
      background-color: var(--bg-surface);
      color: #1E293B;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .custom-gradient-text {
      background: linear-gradient(135deg, #10B981 0%, #14273E 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .hero-mask {
      background: linear-gradient(180deg, rgba(20, 39, 62, 0.85) 0%, rgba(15, 91, 76, 0.9) 100%);
    }