/* roulang page: index */
:root {
        --primary: #064E3B;
        --primary-light: #10B981;
        --accent: #EA580C;
        --bg-light: #F8FAFC;
        --text-main: #0F172A;
        --text-body: #334155;
        --text-sub: #64748B;
        --border-color: #E2E8F0;
        --radius-lg: 1rem;
        --radius-xl: 1.5rem;
      }
      body {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        color: var(--text-body);
        background-color: var(--bg-light);
        line-height: 1.75;
      }
      .container-std {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem;
      }
      @media (min-width: 768px) {
        .container-std {
          padding-left: 2rem;
          padding-right: 2rem;
        }
      }
      .code-console {
        background: #0B0F19;
        border: 1px solid #1E293B;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.5);
      }
      .glow-green {
        box-shadow: 0 0 25px rgba(16, 185, 129, 0.25);
      }
      .badge-glow {
        box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
      }
      .nav-link {
        transition: color 0.2s ease;
      }
      .nav-link:hover {
        color: #10B981;
      }