/* roulang page: index */
:root {
      --primary-dark: #181B1E;
      --accent-orange: #EA580C;
      --accent-hover: #C2410C;
      --metal-gray: #4B5563;
      --cool-bg: #F3F4F6;
      --border-line: #E5E7EB;
      --card-radius: 8px;
      --box-shadow-card: 0 4px 16px -2px rgba(24, 27, 30, 0.06);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: #1f2937;
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
    }
    .custom-card {
      border: 1px solid var(--border-line);
      border-radius: var(--card-radius);
      box-shadow: var(--box-shadow-card);
      transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    }
    .custom-card:hover {
      transform: translateY(-3px);
      border-color: rgba(234, 88, 12, 0.35);
      box-shadow: 0 10px 24px -4px rgba(24, 27, 30, 0.12);
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(24, 27, 30, 0.94) 0%, rgba(24, 27, 30, 0.85) 60%, rgba(24, 27, 30, 0.96) 100%),
                  url('/assets/images/527d4f8f466cba29.webp') center/cover no-repeat;
    }
    .workshop-bg-overlay {
      background: linear-gradient(180deg, rgba(24, 27, 30, 0.96) 0%, rgba(24, 27, 30, 0.92) 100%),
                  url('/assets/images/9076b42e475852b1.webp') center/cover no-repeat;
    }