/* roulang page: index */
:root {
      --primary-color: #11161B;
      --accent-gold: #C5A880;
      --accent-bronze: #9D7E56;
      --bg-alabaster: #F8F9FA;
      --text-main: #1F2937;
      --text-muted: #4B5563;
      --text-light: #9CA3AF;
    }
    
    body {
      background-color: #FFFFFF;
      color: var(--text-main);
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    /* 优雅卡片微动效 */
    .hotel-card {
      transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
    }
    .hotel-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 16px 32px -8px rgba(17, 22, 27, 0.08);
      border-color: rgba(197, 168, 128, 0.45);
    }

    /* 标签与徽章金色渐变 */
    .gold-gradient-bg {
      background: linear-gradient(135deg, #D4BE9B 0%, #C5A880 50%, #9D7E56 100%);
    }
    .gold-gradient-text {
      background: linear-gradient(135deg, #E6D5BD 0%, #C5A880 50%, #B8966C 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* 手风琴折叠平滑过渡 */
    details summary::-webkit-details-marker {
      display: none;
    }
    details[open] summary svg {
      transform: rotate(180deg);
    }
    summary {
      cursor: pointer;
      list-style: none;
    }

    /* 底部转化浮条入场动画 */
    #bottom-cta-bar {
      transition: transform 0.4s ease, opacity 0.4s ease;
    }
    #bottom-cta-bar.hidden-bar {
      transform: translateY(100%);
      opacity: 0;
      pointer-events: none;
    }