/* roulang page: index */
:root {
      --primary: #0F172A;
      --accent-green: #059669;
      --accent-blue: #2563EB;
      --bg-light: #F8FAFC;
      --bg-dark: #0B0F19;
      --text-main: #0F172A;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .scroll-target {
      scroll-margin-top: 96px;
    }
    .glass-nav {
      background: rgba(15, 23, 42, 0.94);
      backdrop-filter: blur(12px);
    }
    .hero-glow {
      background: radial-gradient(circle at 50% 30%, rgba(5, 150, 105, 0.15), rgba(15, 23, 42, 0.98) 70%), url('/assets/images/dbe1dfbb2e7ebaf4.png') center/cover no-repeat;
    }
    .dark-section {
      background-color: var(--bg-dark);
      background-image: radial-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px);
      background-size: 24px 24px;
    }
    .progress-circle {
      stroke-dasharray: 283;
      stroke-dashoffset: 42;
      transition: stroke-dashoffset 1s ease-in-out;
    }