/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #3B28CC 0%, #6366F1 50%, #8B5CF6 100%);
      --surface-gradient: linear-gradient(180deg, #F8FAFC 0%, #F1F5F9 100%);
      --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
      --card-shadow-hover: 0 20px 40px rgba(99, 102, 241, 0.12);
    }
    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: #F8FAFC;
    }
    .custom-card {
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .custom-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--card-shadow-hover);
    }
    .badge-glow {
      box-shadow: 0 0 12px rgba(6, 182, 212, 0.35);
    }
    .text-glow {
      text-shadow: 0 2px 10px rgba(99, 102, 241, 0.3);
    }