/* roulang page: index */
:root {
      --primary: #e11d48;
      --primary-hover: #be123c;
      --bg-soft: #fcf9f9;
      --text-main: #0f172a;
      --text-muted: #64748b;
      --border-color: #f1e6e8;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--text-main);
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #e2e8f0;
      border-radius: 9999px;
    }
    .custom-scroll::-webkit-scrollbar-thumb:hover {
      background: #cbd5e1;
    }
    .gradient-hero-card {
      background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(255,245,246,0.92) 100%);
      box-shadow: 0 20px 40px -15px rgba(225, 29, 72, 0.08);
    }
    .ring-progress {
      stroke-dasharray: 283;
      stroke-dashoffset: 56;
      transition: stroke-dashoffset 0.5s ease;
    }