/* roulang page: index */
:root {
      --primary: #0D9488;
      --primary-hover: #0F766E;
      --bg-dark: #090A0D;
      --bg-graphite: #0F1115;
      --bg-card: #15181E;
      --gold-primary: #C6A15B;
      --gold-glow: rgba(198, 161, 91, 0.2);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", sans-serif;
      letter-spacing: -0.01em;
    }
    .gold-gradient-border {
      border: 1px solid rgba(198, 161, 91, 0.35);
      background: linear-gradient(145deg, rgba(25, 28, 35, 0.95), rgba(15, 17, 21, 0.98));
    }
    .badge-gold {
      background: linear-gradient(135deg, #ECC880 0%, #C6A15B 50%, #9E7D3B 100%);
      color: #0F1115;
    }
    .glass-nav {
      background: rgba(15, 17, 21, 0.88);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    details summary::-webkit-details-marker {
      display: none;
    }
    .hover-lift {
      transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .hover-lift:hover {
      transform: translateY(-4px);
    }