/* roulang page: index */
:root {
      --primary-crimson: #e11d48;
      --primary-dark: #881337;
      --bg-canvas: #090d16;
      --bg-panel: #111827;
      --border-subtle: rgba(244, 63, 94, 0.18);
    }
    body {
      background-color: var(--bg-canvas);
      color: #f1f5f9;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .crimson-gradient {
      background: linear-gradient(135deg, rgba(225, 29, 72, 0.15) 0%, rgba(136, 19, 55, 0.05) 100%);
    }
    .card-glow:hover {
      box-shadow: 0 10px 30px -10px rgba(225, 29, 72, 0.35);
      border-color: rgba(244, 63, 94, 0.45);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #be123c;
      border-radius: 9999px;
    }