/* roulang page: index */
:root {
      --color-primary: #0A231C;
      --color-deep: #061511;
      --color-emerald: #124E3F;
      --color-champagne: #C5A880;
      --color-amber: #DFB774;
      --color-surface: #F4F6F5;
      --color-border: rgba(197, 168, 128, 0.25);
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .gold-gradient-text {
      background: linear-gradient(135deg, #FFF0DC 0%, #DFB774 50%, #C5A880 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .gold-border {
      border: 1px solid var(--color-border);
    }
    .glass-dark {
      background: rgba(10, 35, 28, 0.85);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
    }
    .card-glass {
      background: rgba(18, 78, 63, 0.2);
      border: 1px solid rgba(197, 168, 128, 0.2);
      backdrop-filter: blur(8px);
    }
    .badge-pill {
      border: 1px solid rgba(223, 183, 116, 0.4);
      background: rgba(197, 168, 128, 0.12);
    }