/* roulang page: index */
:root {
      --primary-color: #0D3B36;
      --primary-dark: #081D1A;
      --accent-color: #FF6B35;
      --accent-neon: #10E599;
      --text-main: #1A2221;
      --text-muted: #546663;
      --bg-page: #F7F9F8;
      --border-color: #E2E8E5;
    }
    *, *::before, *::after {
      box-sizing: border-box;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      background-color: var(--bg-page);
      color: var(--text-main);
      line-height: 1.75;
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
    }
    .min-touch-target {
      min-width: 44px;
      min-height: 44px;
    }
    .hero-card-stack {
      perspective: 1200px;
    }
    .hero-main-card {
      transform: translateZ(20px);
      transition: transform 0.4s ease, box-shadow 0.4s ease;
    }
    .hero-subcard-left {
      transform: rotate(-3deg) translateY(12px) scale(0.96);
      transition: all 0.4s ease;
    }
    .hero-subcard-right {
      transform: rotate(3deg) translateY(12px) scale(0.96);
      transition: all 0.4s ease;
    }
    .hero-card-stack:hover .hero-subcard-left {
      transform: rotate(-5deg) translateX(-18px) translateY(4px) scale(0.98);
    }
    .hero-card-stack:hover .hero-subcard-right {
      transform: rotate(5deg) translateX(18px) translateY(4px) scale(0.98);
    }
    .tab-btn.active {
      background-color: #0D3B36;
      color: #ffffff;
      border-color: #0D3B36;
      box-shadow: 0 4px 12px rgba(13, 59, 54, 0.2);
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease-out, padding 0.35s ease;
    }
    .accordion-item.active .accordion-content {
      max-height: 280px;
      padding-top: 1rem;
      padding-bottom: 0.5rem;
    }
    .accordion-item.active .accordion-icon {
      transform: rotate(180deg);
    }
    .stat-glow {
      text-shadow: 0 0 24px rgba(16, 229, 153, 0.35);
    }