/* roulang page: index */
:root {
      --brand-primary: #1E3A8A;
      --brand-dark: #0F2942;
      --accent-orange: #F97316;
      --bg-slate: #F8FAFC;
    }
    html {
      scroll-padding-top: 80px;
    }
    body {
      background-color: var(--bg-slate);
      color: #334155;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .custom-shadow {
      box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05);
    }
    .hero-card-active {
      box-shadow: 0 20px 40px -10px rgba(30, 58, 138, 0.18);
      border-color: #1E3A8A;
    }