/* roulang page: index */
:root {
      --color-primary: #0B131F;
      --color-surface: #101B2B;
      --color-accent: #00E5FF;
      --color-warn: #FF9100;
      --color-border: rgba(255, 255, 255, 0.08);
      --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      background-color: #080C14;
      color: #94A3B8;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .code-editor-bg {
      background: #05080E;
      box-shadow: inset 0 0 20px rgba(0, 229, 255, 0.03);
    }
    .glow-cyan {
      box-shadow: 0 0 35px -5px rgba(0, 229, 255, 0.2);
    }
    .grid-line-pattern {
      background-image: radial-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);
      background-size: 32px 32px;
    }
    .text-glow {
      text-shadow: 0 0 16px rgba(0, 229, 255, 0.4);
    }
    details summary::-webkit-details-marker {
      display: none;
    }