/* roulang page: index */
:root {
        --color-primary: #1E40AF;
        --color-accent: #0284C7;
        --color-dark: #0F172A;
        --color-bg-light: #F8FAFC;
        --color-border: #E2E8F0;
      }
      body {
        font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
        background-color: #FFFFFF;
        color: #1E293B;
        overflow-x: hidden;
      }
      .diagonal-bg {
        clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
      }
      .card-shadow {
        box-shadow: 0 4px 20px -4px rgba(30,64,175,0.06);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      .card-shadow:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 28px -6px rgba(30,64,175,0.14);
      }
      .scroll-smooth {
        scroll-behavior: smooth;
      }