/* roulang page: index */
:root {
      --bg-base: #0A0F0D;
      --bg-alt: #111A16;
      --bg-card: #16221C;
      --border-line: #1F3329;
      --accent-neon: #00FF87;
      --accent-cyan: #00E5FF;
      --accent-alert: #FF5722;
      --text-main: #FFFFFF;
      --text-sub: #D1E7DD;
      --text-dim: #7C9A8D;
    }
    body {
      background-color: var(--bg-base);
      color: var(--text-sub);
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .neon-glow {
      box-shadow: 0 0 25px rgba(0, 255, 135, 0.18);
    }
    .neon-border-hover:hover {
      border-color: var(--accent-neon);
      box-shadow: 0 0 20px rgba(0, 255, 135, 0.2);
    }
    .grid-lines {
      background-size: 40px 40px;
      background-image: 
        linear-gradient(to right, rgba(31, 51, 41, 0.4) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(31, 51, 41, 0.4) 1px, transparent 1px);
    }
    details > summary::-webkit-details-marker {
      display: none;
    }