/* roulang page: index */
:root {
      --color-primary: #0F2027;
      --color-primary-light: #203A43;
      --color-accent: #C5A880;
      --color-accent-hover: #b59567;
      --color-bg-base: #F8F9FA;
      --color-bg-soft: #F0F2F5;
      --color-night: #0B132B;
      --color-text-main: #2C3E50;
      --color-text-muted: #606F7B;
      --color-border: #E2E8F0;
      --shadow-sm: 0 2px 8px rgba(15, 32, 39, 0.04);
      --shadow-md: 0 8px 24px rgba(15, 32, 39, 0.08);
      --shadow-lg: 0 16px 36px rgba(15, 32, 39, 0.12);
      --transition-base: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      color: var(--color-text-main);
      background-color: var(--color-bg-base);
    }
    body {
      margin: 0;
      padding: 0;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }
    .custom-container {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
    .hero-bg-texture {
      background-image: linear-gradient(135deg, rgba(15,32,39,0.92) 0%, rgba(32,58,67,0.88) 100%), url('/assets/images/6bfccc05402fe4a1.png');
      background-size: cover;
      background-position: center;
    }
    .accent-gradient-text {
      background: linear-gradient(135deg, #F9F5EC 0%, #D4AF37 50%, #C5A880 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .card-hover-lift {
      transition: var(--transition-base);
    }
    .card-hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-lg);
    }
    .gold-badge {
      background: rgba(197, 168, 128, 0.12);
      border: 1px solid rgba(197, 168, 128, 0.35);
      color: #9E7D4B;
    }
    .gold-badge-dark {
      background: rgba(212, 175, 55, 0.15);
      border: 1px solid rgba(212, 175, 55, 0.4);
      color: #EED792;
    }
    .accordion-body {
      transition: max-height 0.3s ease-out, opacity 0.2s ease;
    }