/* roulang page: index */
:root {
        --color-bg-base: #0B1120;
        --color-primary: #0EA5E9;
        --color-energy: #10B981;
      }
      body {
        background-color: var(--color-bg-base);
        color: #94A3B8;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      }
      .glass-panel {
        background: rgba(15, 23, 42, 0.7);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.06);
      }
      .glass-card-hover {
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      }
      .glass-card-hover:hover {
        border-color: rgba(14, 165, 233, 0.4);
        transform: translateY(-3px);
        box-shadow: 0 16px 32px -8px rgba(14, 165, 233, 0.15);
      }
      .glow-btn {
        box-shadow: 0 0 20px -3px rgba(14, 165, 233, 0.45);
        transition: all 0.3s ease;
      }
      .glow-btn:hover {
        box-shadow: 0 0 28px 0px rgba(14, 165, 233, 0.75);
        transform: scale(1.03);
      }
      .glow-pulse {
        animation: pulseGlow 2.5s infinite;
      }
      @keyframes pulseGlow {
        0%, 100% { opacity: 0.9; transform: scale(1); }
        50% { opacity: 0.5; transform: scale(0.98); }
      }