/* roulang page: index */
:root {
      --color-primary: #0F172A;
      --color-seal: #9A1B22;
      --color-gold: #D4AF37;
      --color-bg-light: #F8F9FA;
      --color-border: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
    }
    .clip-slant {
      clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    }
    @media (min-width: 768px) {
      .clip-slant {
        clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
      }
    }
    .seal-border {
      border: 1px solid var(--color-border);
      transition: all 0.3s ease-out;
    }
    .seal-border:hover {
      border-color: var(--color-seal);
      box-shadow: 0 10px 25px -5px rgba(154, 27, 34, 0.08);
      transform: translateY(-2px);
    }