/* roulang page: index */
:root {
            --primary-blue: #1E3A8A;
            --accent-teal: #0D9488;
            --interactive-blue: #2563EB;
            --bg-slate: #F8FAFC;
            --text-main: #334155;
            --text-heading: #0F172A;
            --border-color: #E2E8F0;
        }
        html { scroll-behavior: smooth; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; color: var(--text-main); background-color: #ffffff; }
        .hero-banner-bg {
            background: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(30, 58, 138, 0.88) 100%), url('/assets/images/26af7c7152353803.jpg') center/cover no-repeat;
        }
        .code-preview-scroll::-webkit-scrollbar { height: 6px; }
        .code-preview-scroll::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }