/* roulang page: index */
:root {
      --primary-deep: #0C3836;
      --primary-accent: #149E8A;
      --primary-soft: #E2EDE9;
      --primary-darker: #071F1E;
      --accent-alert: #C05621;
      --bg-paper: #FAFBFB;
    }
    body {
      background-color: var(--bg-paper);
      color: #1f2937;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .hero-mask {
      background: linear-gradient(135deg, rgba(12, 56, 54, 0.95) 0%, rgba(7, 31, 30, 0.88) 100%);
    }
    .tab-active {
      border-bottom: 2px solid #149E8A;
      color: #149E8A;
      font-weight: 600;
    }
    .custom-card-shadow {
      box-shadow: 0 8px 24px -6px rgba(12, 56, 54, 0.06);
    }
    .custom-card-shadow:hover {
      box-shadow: 0 16px 36px -8px rgba(12, 56, 54, 0.12);
    }