/* roulang page: index */
:root {
      --primary-teal: #0F766E;
      --primary-teal-light: #0D9488;
      --secondary-navy: #1E293B;
      --accent-amber: #F59E0B;
      --bg-page: #F8FAFC;
      --card-radius: 20px;
    }
    body {
      background-color: var(--bg-page);
      color: #334155;
      -webkit-font-smoothing: antialiased;
    }
    .rounded-card {
      border-radius: var(--card-radius);
    }
    .brand-gradient {
      background: linear-gradient(135deg, #0F766E 0%, #115E59 45%, #0F172A 100%);
    }
    .brand-gradient-subtle {
      background: linear-gradient(145deg, #F0FDFA 0%, #F8FAFC 100%);
    }
    .hero-magazine-card {
      backdrop-filter: blur(12px);
      background: rgba(255, 255, 255, 0.92);
      border: 1px solid rgba(255, 255, 255, 0.7);
    }
    .stat-number {
      font-family: 'Din Alternate', 'Trebuchet MS', sans-serif;
    }
    /* 平滑折叠动画面板 */
    .faq-answer {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out, opacity 0.25s ease-in-out;
      opacity: 0;
    }
    .faq-answer.open {
      max-height: 380px;
      opacity: 1;
    }
    .rotate-arrow {
      transition: transform 0.3s ease;
    }
    .rotate-arrow.open {
      transform: rotate(180deg);
    }