/* roulang page: index */
:root {
      --primary-cyan: #00b4d8;
      --primary-blue: #0077b6;
      --bg-dark: #0a0f18;
      --bg-card: rgba(13, 21, 39, 0.78);
      --border-dark: rgba(255, 255, 255, 0.08);
      --text-main: #e2e8f0;
      --text-muted: #94a3b8;
    }
    body {
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
      letter-spacing: -0.01em;
      line-height: 1.75;
      background-color: var(--bg-dark);
      color: var(--text-main);
    }
    h1, h2, h3, h4 {
      letter-spacing: -0.02em;
      line-height: 1.28;
    }
    .hero-bg {
      background: linear-gradient(135deg, rgba(10, 15, 24, 0.94) 0%, rgba(13, 21, 39, 0.88) 100%), url('/assets/images/ef438e27a39ad854.png');
      background-size: cover;
      background-position: center;
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #0077b6;
      border-radius: 3px;
    }
    .glow-cyan {
      box-shadow: 0 4px 20px -2px rgba(0, 180, 216, 0.35);
    }
    .glow-cyan:hover {
      box-shadow: 0 8px 25px -1px rgba(0, 180, 216, 0.55);
      transform: translateY(-2px);
    }
    .border-glow:hover {
      border-color: rgba(0, 180, 216, 0.5);
      box-shadow: 0 0 15px rgba(0, 180, 216, 0.2);
    }
    .code-console {
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }