/* roulang page: index */
:root {
            --color-primary: #0D5C75;
            --color-secondary: #0284C7;
            --color-dark: #062A36;
            --color-success: #10B981;
            --color-warning: #F59E0B;
            --color-bg-base: #F8FAFC;
            --color-bg-alt: #F1F5F9;
            --color-text-main: #1E293B;
            --color-text-muted: #64748B;
            --border-radius-base: 14px;
        }

        body {
            font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--color-bg-base);
            color: var(--color-text-main);
            line-height: 1.8;
            letter-spacing: 0.015em;
            overflow-x: hidden;
        }

        .section-py {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        @media (max-width: 768px) {
            .section-py {
                padding-top: 3.5rem;
                padding-bottom: 3.5rem;
            }
        }

        .glass-header {
            background-color: rgba(255, 255, 255, 0.94);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        .hover-lift {
            transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .hover-lift:hover {
            transform: translateY(-4px);
        }

        details > summary {
            list-style: none;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }