/* roulang page: index */
:root {
      --primary: #1B4965;
      --secondary: #2E86AB;
      --accent: #EFA8B8;
      --bg-light: #F7FAFC;
      --text-main: #1A202C;
      --text-muted: #4A5568;
    }
    html {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    }
    .custom-gradient-hero {
      background: linear-gradient(135deg, rgba(238, 244, 248, 0.94) 0%, rgba(255, 255, 255, 0.98) 100%);
    }
    .text-balance {
      text-wrap: balance;
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out;
    }
    .accordion-content.active {
      max-height: 280px;
    }
    .tab-pane {
      display: none;
    }
    .tab-pane.active {
      display: block;
      animation: fadeIn 0.4s ease-in-out;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(6px); }
      to { opacity: 1; transform: translateY(0); }
    }