/* roulang page: index */
:root {
      --brand-neon: #00E676;
      --brand-cyan: #00B0FF;
      --brand-dark: #0F291E;
      --brand-pitch: #0A1A12;
      --text-main: #1E293B;
      --text-muted: #64748B;
    }

    html {
      scroll-behavior: smooth;
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    }

    .bg-gradient-brand {
      background: linear-gradient(135deg, #0F291E 0%, #163E2E 50%, #0A1A12 100%);
    }

    .neon-text-gradient {
      background: linear-gradient(135deg, #00E676 0%, #00B0FF 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .glow-border {
      box-shadow: 0 0 15px rgba(0, 230, 118, 0.15);
      border: 1px solid rgba(0, 230, 118, 0.25);
    }

    .card-hover-lift {
      transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .card-hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px -8px rgba(15, 41, 30, 0.12);
    }

    .custom-scrollbar::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 9999px;
    }

    details summary::-webkit-details-marker {
      display: none;
    }