/* roulang page: index */
:root {
      --primary: #0F2E3D;
      --primary-deep: #0A202B;
      --accent: #F26D21;
      --accent-hover: #DE5D13;
      --bg-surface: #F4F6F8;
      --bg-dark: #11171D;
      --text-main: #1E293B;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
      --radius-card: 0.75rem;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
      background-color: var(--bg-surface);
      color: var(--text-main);
      line-height: 1.75;
      -webkit-font-smoothing: antialiased;
    }
    .hero-ring {
      stroke-dasharray: 440;
      stroke-dashoffset: calc(440 - (440 * 78) / 100);
      transition: stroke-dashoffset 1.5s ease-in-out;
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 4px;
    }
    .custom-scroll::-webkit-scrollbar-thumb:hover {
      background: #94A3B8;
    }