/* roulang page: index */
:root {
      --color-dark: #1A2B32;
      --color-emerald: #00A878;
      --color-obsidian: #0E181B;
      --color-bronze: #C5A880;
      --color-cloud: #F4F6F8;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
    }
    body {
      background-color: var(--color-cloud);
      color: #2D3748;
      line-height: 1.75;
      overflow-x: hidden;
    }
    .custom-shadow {
      box-shadow: 0 4px 20px -2px rgba(26, 43, 50, 0.06), 0 2px 6px -1px rgba(26, 43, 50, 0.04);
    }
    .custom-shadow-lg {
      box-shadow: 0 10px 25px -3px rgba(14, 24, 27, 0.12), 0 4px 10px -2px rgba(14, 24, 27, 0.08);
    }
    .btn-trans {
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .btn-trans:hover {
      transform: translateY(-2px);
    }
    .text-content-box {
      max-width: 780px;
    }