/* roulang page: index */
:root {
            --color-primary: #0F2B48;
            --color-accent: #00A389;
            --color-dark: #0A1A2C;
            --color-bg-alt: #F6F8FB;
            --color-border: #E2E8F0;
            --color-text: #1E293B;
            --color-muted: #64748B;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            color: var(--color-text);
            line-height: 1.75;
            background-color: #FFFFFF;
            scroll-behavior: smooth;
        }
        .hero-diagonal {
            clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
        }
        @media (max-width: 1024px) {
            .hero-diagonal {
                clip-path: none;
            }
        }
        .tab-btn.active {
            color: #00A389;
            border-bottom: 2px solid #00A389;
        }