/* roulang page: index */
:root {
      --bg-carbon: #111315;
      --bg-iron: #1A1D20;
      --border-steel: #2A2F35;
      --color-blaze: #FF5722;
      --color-warning: #FFB300;
    }
    body {
      background-color: var(--bg-carbon);
      color: #94A3B8;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .industrial-border {
      border: 1px solid var(--border-steel);
    }
    .industrial-border-blaze {
      border: 1px solid rgba(255, 87, 34, 0.4);
    }
    .glow-blaze {
      box-shadow: 0 0 25px rgba(255, 87, 34, 0.25);
    }
    .industrial-pattern {
      background-image: radial-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px);
      background-size: 24px 24px;
    }
    .clip-corner {
      clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
    }
    .clip-badge {
      clip-path: polygon(8px 0%, calc(100% - 8px) 0%, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0% 50%);
    }