/* roulang page: index */
:root {
      --primary-navy: #0F2B48;
      --accent-gold: #C5A880;
      --deep-bg: #081827;
      --soft-bg: #F8F9FA;
      --text-main: #111827;
      --text-muted: #4B5563;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--text-main);
      background-color: #ffffff;
      line-height: 1.75;
      overflow-x: hidden;
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(8, 24, 39, 0.94) 0%, rgba(15, 43, 72, 0.88) 100%);
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 4px;
    }
    .num-tabular {
      font-variant-numeric: tabular-nums;
    }
    .seal-badge {
      border: 2px dashed #DC2626;
      color: #DC2626;
      border-radius: 8px;
      transform: rotate(-8deg);
      display: inline-block;
      padding: 4px 10px;
      font-weight: 800;
      letter-spacing: 2px;
      font-size: 13px;
    }