/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #FF5E3A 0%, #FF2A54 100%);
      --dark-gradient: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #1E293B;
      background-color: #FAFCFE;
    }
    .bg-brand-grad {
      background: var(--primary-gradient);
    }
    .text-brand-grad {
      background: var(--primary-gradient);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .glass-card {
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.6);
    }
    .glass-dark {
      background: rgba(30, 41, 59, 0.7);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }