/* roulang page: index */
:root {
      --primary: #1E60F2;
      --primary-hover: #154FD0;
      --accent-orange: #FF7A00;
      --accent-green: #10B981;
      --bg-slate: #0B132B;
      --text-main: #0F172A;
      --text-muted: #475569;
    }
    html { scroll-behavior: smooth; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--text-main); background-color: #FAFAFC; }
    .hero-bg {
      background-image: linear-gradient(to right, rgba(11, 19, 43, 0.94), rgba(15, 30, 70, 0.82)), url('/assets/images/92d7169f5551ac9d.webp');
      background-size: cover;
      background-position: center;
    }
    .card-shadow { box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05); transition: all 0.25s ease; }
    .card-shadow:hover { box-shadow: 0 16px 32px -4px rgba(30, 96, 242, 0.12); transform: translateY(-4px); }