/* roulang page: index */
:root {
      --color-primary: #0F766E;
      --color-primary-light: #14B8A6;
      --color-indigo: #1E1B4B;
      --color-kinetic: #10B981;
      --color-alert: #F97316;
      --color-bg-base: #F8FAFC;
    }
    body {
      background-color: var(--color-bg-base);
      color: #334155;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
      overflow-x: hidden;
    }
    .brand-gradient-btn {
      background: linear-gradient(135deg, #1E1B4B 0%, #0D9488 100%);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .brand-gradient-btn:hover {
      background: linear-gradient(135deg, #16133B 0%, #0F766E 100%);
      box-shadow: 0 10px 25px -5px rgba(20, 184, 166, 0.4);
      transform: translateY(-2px);
    }
    .badge-gradient {
      background: linear-gradient(135deg, rgba(30, 27, 75, 0.06) 0%, rgba(13, 148, 136, 0.12) 100%);
      border: 1px solid rgba(13, 148, 136, 0.25);
    }
    .card-transition {
      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;
    }
    .card-transition:hover {
      transform: translateY(-4px);
    }
    /* 手风琴折叠平滑过渡 */
    details summary::-webkit-details-marker {
      display: none;
    }
    details[open] summary .faq-icon {
      transform: rotate(180deg);
    }