/* roulang page: index */
:root {
            --primary: #0A6EFF;
            --primary-deep: #054FB8;
            --primary-light: #E8F1FF;
            --accent: #FF5C00;
            --accent-deep: #E05500;
            --deep-rock: #1E2A3A;
            --bg-main: #F8FAFC;
            --card: #FFFFFF;
            --text-body: #334155;
            --text-sub: #64748B;
            --divider: #E2E8F0;
            --radius-sm: 8px;
            --radius-md: 12px;
            --radius-lg: 16px;
            --shadow-sm: 0px 1px 3px rgba(0,0,0,0.04);
            --shadow-md: 0px 4px 16px rgba(0,0,0,0.06), 0px 1px 3px rgba(0,0,0,0.04);
            --shadow-lg: 0px 8px 24px rgba(0,0,0,0.08);
            --max-width: 1280px;
        }

        *,*::before,*::after {box-sizing: border-box; margin: 0; padding: 0;}

        html {
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            font-family: 'Inter', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
            font-size: 16px;
            line-height: 1.7;
            color: var(--text-body);
            background: #f8fafc;
            min-height: 100vh;
            min-width: 1024px;
        }

        a {text-decoration: none; color: inherit}

        script{display: none}

        .component-heading {min-width:00}