/* roulang page: index */
:root {
        --color-primary: #1D4ED8;
        --color-primary-dark: #1E40AF;
        --color-accent: #0D9488;
        --color-warning: #F97316;
        --color-bg-light: #F8FAFC;
        --color-text-main: #0F172A;
        --color-text-muted: #64748B;
        --radius-standard: 1rem;
      }
      html {
        scroll-behavior: smooth;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      }
      .bg-soft-gradient {
        background: linear-gradient(135deg, #EFF6FF 0%, #F8FAFC 50%, #ECFDF5 100%);
      }
      .card-shadow {
        box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05), 0 2px 6px -1px rgba(15, 23, 42, 0.03);
      }
      .card-shadow-hover:hover {
        box-shadow: 0 20px 25px -5px rgba(29, 78, 216, 0.1), 0 8px 10px -6px rgba(29, 78, 216, 0.06);
        transform: translateY(-3px);
      }
      .gold-badge-glow {
        box-shadow: 0 0 15px rgba(234, 179, 8, 0.25);
      }