/* roulang page: index */
:root {
      --primary: #0A5C36;
      --primary-accent: #00C853;
      --dark-slate: #0F172A;
      --light-bg: #F8FAFC;
      --text-main: #0F172A;
      --text-body: #334155;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
      color: var(--text-body);
      background-color: #ffffff;
      -webkit-font-smoothing: antialiased;
    }
    .custom-hero-bg {
      background-image: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(10, 92, 54, 0.88) 100%), url('/assets/images/c606997e7573a359.webp');
      background-size: cover;
      background-position: center;
    }
    .deep-tech-bg {
      background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.98) 0%, rgba(15, 23, 42, 0.95) 100%), url('/assets/images/3bcae483ef578b3f.webp');
      background-size: cover;
      background-position: center;
    }
    .whitepaper-cover {
      box-shadow: -10px 15px 30px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.15);
      transform: perspective(1000px) rotateY(-8deg) rotateX(4deg);
      transition: transform 0.4s ease;
    }
    .whitepaper-cover:hover {
      transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
    }