/* roulang page: index */
:root {
      --brand-cyan: #00DC82;
      --brand-cyan-light: #00E5FF;
      --brand-dark: #0B0E14;
      --brand-surface: #141923;
      --brand-card: #1A212D;
      --brand-line: #273142;
    }
    body {
      font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .tabular-nums {
      font-variant-numeric: tabular-nums;
    }
    .glow-cyan {
      box-shadow: 0 0 20px rgba(0, 220, 130, 0.25);
    }
    .glow-border {
      border: 1px solid rgba(0, 220, 130, 0.35);
    }
    .grid-blueprint {
      background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
      background-size: 32px 32px;
    }
    .light-blueprint {
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),
                        linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
      background-size: 32px 32px;
    }
    .text-balance {
      text-wrap: balance;
    }
    details > summary::-webkit-details-marker {
      display: none;
    }