/* roulang page: index */
:root {
      --primary-red: #D9261C;
      --accent-orange: #F36C21;
      --bg-dark: #111315;
      --bg-surface: #181B1F;
      --text-main: #1F2937;
      --text-muted: #6B7280;
      --border-gray: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      overflow-x: hidden;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.7;
      color: #2D3238;
      background-color: #FFFFFF;
      overflow-x: hidden;
    }
    .text-balance {
      text-wrap: balance;
    }
    .code-console {
      background: #0B0D0E;
      border: 1px solid #2D3238;
      box-shadow: inset 0 2px 8px rgba(0,0,0,0.8);
    }
    .badge-outline {
      border: 1px solid rgba(217, 38, 28, 0.35);
      background: rgba(217, 38, 28, 0.08);
      color: #D9261C;
    }
    .custom-scroll::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #4B5563;
      border-radius: 3px;
    }
    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
    }
    .accordion-content.open {
      max-height: 500px;
      transition: max-height 0.35s ease-in-out;
    }