/* roulang page: index */
:root {
      --deep-night: #1A1040;
      --star-gold: #D4A853;
      --warm-skin: #F5EDE3;
      --soft-violet: #7B5EA7;
      --text-brown: #2D2A26;
      --border-warm: #E8E0D5;
    }
    * {
      box-sizing: border-box;
    }
    body {
      font-family: 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', 'Noto Sans SC', sans-serif;
      color: #2D2A26;
      background-color: #F5EDE3;
      margin: 0;
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }
    img {
      max-width: 100%;
      height: auto;
    }
    a {
      text-decoration: none;
      color: inherit;
    }
    button {
      font-family: inherit;
      cursor: pointer;
    }
    .container-main {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
      padding-right: 20px;
    }
    .section-spacing {
      padding-top: 120px;
      padding-bottom: 120px;
    }
    @media (max-width: 768px) {
      .section-spacing {
        padding-top: 80px;
        padding-bottom: 80px;
      }
    }
    .golden-line {
      width: 60px;
      height: 3px;
      background-color: #D4A853;
      margin-top: 12px;
      margin-bottom: 20px;
    }
    .golden-line.center {
      margin-left: auto;
      margin-right: auto;
    }
    .hero-stars {
      background-image: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.4) 1px, transparent 1px),
                        radial-gradient(circle at 75% 60%, rgba(255,255,255,0.3) 1px, transparent 1px),
                        radial-gradient(circle at 40% 80%, rgba(255,255,255,0.5) 1px, transparent 1px),
                        radial-gradient(circle at 90% 20%, rgba(255,255,255,0.25) 1px, transparent 1px),
                        radial-gradient(circle at 10% 70%, rgba(255,255,255,0.45) 1px, transparent 1px),
                        radial-gradient(circle at 60% 45%, rgba(255,255,255,0.35) 1px, transparent 1px);
      background-size: 200px 200px;
    }
    .cta-stars {
      background-image: radial-gradient(circle at 15% 40%, rgba(26,16,64,0.08) 1px, transparent 1px),
                        radial-gradient(circle at 85% 70%, rgba(26,16,64,0.1) 1px, transparent 1px);
    }
    .hover-lift {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 8px 32px rgba(26,16,64,0.15);
    }
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease, padding 0.3s ease;
    }
    .faq-answer.open {
      max-height: 200px;
      padding-top: 12px;
      padding-bottom: 12px;
    }
    .nav-link.active {
      color: #D4A853;
      border-bottom: 2px solid #D4A853;
      padding-bottom: 4px;
    }
    #mobile-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease;
    }
    #mobile-menu.open {
      max-height: 500px;
    }
    .icon-circle-bg {
      background-color: #F5EDE3;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .service-card:hover .icon-circle-bg {
      background-color: #D4A853;
    }
    .service-card:hover .icon-svg {
      color: white;
    }