/* roulang page: index */
:root {
      --color-primary: #0F2B5C;
      --color-accent: #1D63FF;
      --color-cyan: #0EA5E9;
      --color-bg-light: #F8FAFC;
      --color-dark: #0A192F;
      --color-text-main: #1E293B;
      --color-text-muted: #64748B;
      --color-border: #EEF2F6;
    }
    * {
      box-sizing: border-box;
      scroll-behavior: smooth;
    }
    body {
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--color-text-main);
      background-color: #FFFFFF;
      line-height: 1.7;
    }
    .custom-shadow {
      box-shadow: 0 4px 20px -2px rgba(15, 43, 92, 0.05);
      transition: all 0.28s ease;
    }
    .custom-shadow:hover {
      box-shadow: 0 12px 28px -4px rgba(15, 43, 92, 0.12);
      transform: translateY(-4px);
    }
    .card-stacked-base {
      position: relative;
    }
    .card-stacked-left {
      transform: rotate(-3deg) translateY(12px);
    }
    .card-stacked-right {
      transform: rotate(3deg) translateY(16px);
    }
    @media (max-width: 1024px) {
      .card-stacked-left, .card-stacked-right {
        transform: none;
      }
    }