/* roulang page: index */
:root {
      --brand-primary: #00F29D;
      --brand-accent: #0070F3;
      --brand-bg: #0B0F17;
      --brand-card: #111827;
      --brand-border: rgba(255, 255, 255, 0.08);
    }
    body {
      background-color: var(--brand-bg);
      color: #94A3B8;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      overflow-x: hidden;
    }
    .code-font {
      font-family: 'JetBrains Mono', SFMono-Regular, Consolas, monospace;
    }
    .glow-border {
      border: 1px solid var(--brand-border);
      transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    }
    .glow-border:hover {
      border-color: rgba(0, 242, 157, 0.4);
      box-shadow: 0 10px 30px -10px rgba(0, 242, 157, 0.15);
      transform: translateY(-2px);
    }
    .bg-grid {
      background-size: 32px 32px;
      background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    }
    details summary::-webkit-details-marker {
      display: none;
    }