/* roulang page: index */
:root {
        --primary: #4f46e5;
        --secondary: #ec4899;
        --accent: #06b6d4;
        --bg-light: #fafafc;
        --text-main: #0f172a;
        --text-muted: #64748b;
      }
      body {
        font-family: system-ui, -apple-system, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
        background-color: var(--bg-light);
        color: #334155;
        line-height: 1.75;
      }
      .hero-ring {
        background: conic-gradient(#ec4899, #6366f1, #06b6d4, #ec4899);
      }
      .blur-backdrop {
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
      }
      .card-hover {
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }
      .card-hover:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      }