/* roulang page: index */
:root {
      --primary: #0F766E;
      --primary-hover: #0D9488;
      --secondary: #14B8A6;
      --accent: #D97706;
      --dark-teal: #134E4A;
      --text-main: #0F172A;
      --text-muted: #475569;
      --bg-light: #F8FAFC;
    }
    body {
      color: var(--text-main);
      background-color: #FFFFFF;
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
      -webkit-font-smoothing: antialiased;
    }
    .hero-stack-center {
      transform: scale(1.02) translateY(0);
      z-index: 20;
    }
    .hero-stack-left {
      transform: scale(0.92) translateX(-28px) rotate(-2deg);
      z-index: 10;
    }
    .hero-stack-right {
      transform: scale(0.92) translateX(28px) rotate(2deg);
      z-index: 10;
    }
    @media (max-width: 1024px) {
      .hero-stack-left, .hero-stack-right {
        transform: none !important;
      }
    }
    .glass-card {
      background: rgba(255, 255, 255, 0.92);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(226, 232, 240, 0.8);
    }
    .dark-card {
      background: rgba(19, 78, 74, 0.7);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(20, 184, 166, 0.2);
    }