/* roulang page: index */
:root {
            --primary: #0B3C49;
            --primary-hover: #0F4C5C;
            --accent: #E36414;
            --accent-hover: #FB8B24;
            --bg-light: #F8F9FA;
            --bg-dark: #111D24;
            --text-main: #1E293B;
            --text-sub: #5A6E78;
            --border: #E2E8F0;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif; color: var(--text-main); }
        .section-padding { padding-top: 5rem; padding-bottom: 5rem; }
        @media (max-width: 768px) {
            .section-padding { padding-top: 3.5rem; padding-bottom: 3.5rem; }
        }
        .card-shadow { box-shadow: 0 10px 30px -4px rgba(11, 60, 73, 0.06); }
        .card-shadow-hover:hover { box-shadow: 0 18px 35px -4px rgba(11, 60, 73, 0.12); transform: translateY(-4px); }