/* roulang page: index */
:root {
      --pitch-emerald: #059669;
      --pitch-emerald-light: #10B981;
      --volt-neon: #84CC16;
      --track-cyan: #06B6D4;
      --slate-dark: #0F172A;
      --slate-card: #1E293B;
      --light-bg: #F8FAFC;
    }
    body {
      font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
      background-color: #FFFFFF;
      color: #1E293B;
      overflow-x: hidden;
    }
    .din-font {
      font-family: 'DIN Alternate', 'Inter', ui-monospace, monospace;
      font-feature-settings: "tnum";
    }
    .pulse-glow {
      box-shadow: 0 0 15px rgba(16, 185, 129, 0.45);
    }
    .grid-pattern {
      background-size: 32px 32px;
      background-image: 
        linear-gradient(to right, rgba(226, 232, 240, 0.45) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(226, 232, 240, 0.45) 1px, transparent 1px);
    }
    .dark-grid-pattern {
      background-size: 36px 36px;
      background-image: 
        linear-gradient(to right, rgba(30, 41, 59, 0.5) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(30, 41, 59, 0.5) 1px, transparent 1px);
    }