/* roulang page: index */
:root {
      --brand-dark: #0A2E28;
      --brand-teal: #0F766E;
      --brand-emerald: #10B981;
      --brand-orange: #F97316;
      --brand-deepbg: #061E1A;
      --text-main: #1E293B;
      --text-muted: #475569;
      --bg-light: #F8FAFC;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    body {
      color: var(--text-main);
      background-color: var(--bg-light);
      overflow-x: hidden;
    }
    .badge-glow {
      box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);
    }
    .deep-border {
      border: 1px solid rgba(16, 185, 129, 0.25);
    }
    .deep-border:hover {
      border-color: rgba(16, 185, 129, 0.6);
      box-shadow: 0 10px 25px -5px rgba(6, 30, 26, 0.3), 0 0 15px rgba(16, 185, 129, 0.2);
    }
    .coupon-edge {
      position: relative;
      background: #FFFFFF;
    }
    .coupon-edge::before, .coupon-edge::after {
      content: '';
      position: absolute;
      top: 50%;
      width: 18px;
      height: 18px;
      background-color: #F8FAFC;
      border-radius: 50%;
      transform: translateY(-50%);
    }
    .coupon-edge::before { left: -9px; }
    .coupon-edge::after { right: -9px; }