/* roulang page: index */
:root {
      --primary-color: #0D3830;
      --accent-green: #10B981;
      --accent-gold: #D97706;
      --bg-slate: #F8FAFC;
      --text-main: #0F172A;
      --text-muted: #64748B;
    }
    html { scroll-behavior: smooth; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background-color: var(--bg-slate); color: var(--text-main); }
    .hero-banner {
      background: linear-gradient(135deg, rgba(13, 56, 48, 0.96) 0%, rgba(15, 23, 42, 0.94) 100%), url('/assets/images/5691b589f8b449ef.webp') center/cover no-repeat;
    }
    .custom-scroll::-webkit-scrollbar { height: 6px; }
    .custom-scroll::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }