/* roulang page: index */
:root {
        --color-primary: #00D084;
        --color-secondary: #FF5722;
        --bg-deep: #0B0F17;
        --text-heading: #0F172A;
        --text-body: #334155;
        --text-muted: #64748B;
      }
      body {
        font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        color: #334155;
        background-color: #F8FAFC;
        overflow-x: hidden;
      }
      .font-numeric {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      }
      .custom-scrollbar::-webkit-scrollbar {
        height: 6px;
        width: 6px;
      }
      .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #334155;
        border-radius: 4px;
      }
      .hero-grid {
        background-size: 40px 40px;
        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);
      }