/* roulang page: index */
:root {
        --color-primary: #047857;
        --color-primary-dark: #062419;
        --color-accent: #f59e0b;
        --bg-light: #f8fafc;
      }
      html {
        scroll-behavior: smooth;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      }
      .hero-bg {
        background-image: linear-gradient(rgba(2, 24, 16, 0.88), rgba(6, 36, 25, 0.92)), url('/assets/images/1a0834774898e3ff.jpg');
        background-size: cover;
        background-position: center;
      }
      .badge-tag {
        display: inline-flex;
        align-items: center;
        padding: 0.25rem 0.75rem;
        border-radius: 9999px;
        font-size: 0.8125rem;
        font-weight: 600;
      }
      .card-elevated {
        transition: transform 0.25s ease, box-shadow 0.25s ease;
        border: 1px solid rgba(4, 120, 87, 0.12);
      }
      .card-elevated:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px -10px rgba(6, 36, 25, 0.15);
      }