/* roulang page: index */
:root {
      --primary: #00D084;
      --primary-dark: #00A86B;
      --accent: #FF5722;
      --dark: #0F172A;
      --text: #334155;
      --text-muted: #64748B;
      --bg: #F8FAFC;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--text);
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .custom-card {
      transition: all 0.25s ease;
      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
      border: 1px solid rgba(226, 232, 240, 0.8);
    }
    .custom-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px rgba(15, 23, 42, 0.1);
      border-color: rgba(0, 208, 132, 0.4);
    }
    .btn-press {
      transition: all 0.2s ease;
    }
    .btn-press:active {
      transform: scale(0.97);
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(0, 208, 132, 0.15) 0%, rgba(15, 23, 42, 0) 70%);
    }