/* roulang page: index */
:root {
      --primary-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);
      --dark-bg: #0B132B;
      --card-shadow: 0 10px 30px -10px rgba(16, 185, 129, 0.08);
      --card-shadow-hover: 0 18px 35px -8px rgba(16, 185, 129, 0.18);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.75;
      color: #1e293b;
      background-color: #f8fafc;
    }
    h1, h2, h3, h4 {
      line-height: 1.3;
    }
    .custom-card {
      box-shadow: var(--card-shadow);
      transition: all 0.28s ease-in-out;
    }
    .custom-card:hover {
      box-shadow: var(--card-shadow-hover);
      transform: translateY(-4px);
    }
    .badge-pill {
      background: rgba(16, 185, 129, 0.12);
      color: #047857;
    }
    .glass-nav {
      background: rgba(255, 255, 255, 0.94);
      backdrop-filter: blur(10px);
    }