/* roulang page: index */
:root {
      --primary: #0B2521;
      --accent: #C8A468;
      --teal: #167E6C;
      --paper: #F9F8F5;
      --charcoal: #111C19;
      --muted: #4A5A55;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      background-color: var(--paper);
      color: var(--charcoal);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
      line-height: 1.65;
    }
    .custom-scroll::-webkit-scrollbar {
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #C8A468;
      border-radius: 3px;
    }
    .glass-nav {
      background-color: rgba(249, 248, 245, 0.94);
      backdrop-filter: blur(12px);
    }
    .luxury-card {
      background: #FFFFFF;
      border: 1px solid rgba(11, 37, 33, 0.08);
      box-shadow: 0 16px 36px -12px rgba(11, 37, 33, 0.05);
      transition: all 0.3s ease;
    }
    .luxury-card:hover {
      transform: translateY(-4px);
      border-color: rgba(200, 164, 104, 0.4);
      box-shadow: 0 22px 42px -10px rgba(11, 37, 33, 0.1);
    }
    .btn-gold {
      background: linear-gradient(135deg, #C8A468 0%, #B89255 100%);
      color: #061513;
      font-weight: 600;
      transition: all 0.25s ease;
    }
    .btn-gold:hover {
      background: linear-gradient(135deg, #D4B278 0%, #C8A468 100%);
      box-shadow: 0 8px 20px rgba(200, 164, 104, 0.3);
    }
    .btn-outline {
      border: 1px solid rgba(11, 37, 33, 0.25);
      color: #0B2521;
      transition: all 0.25s ease;
    }
    .btn-outline:hover {
      background: rgba(11, 37, 33, 0.05);
      border-color: #0B2521;
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .accordion-item.active .accordion-content {
      max-height: 400px;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(45deg);
    }