/* roulang page: index */
:root {
            --primary-dark: #0D3B2E;
            --primary-emerald: #10B981;
            --primary-deep: #061E17;
            --accent-orange: #F97316;
            --surface-light: #F4F7F5;
            --surface-card: #FFFFFF;
            --text-main: #1F2937;
            --text-muted: #4B5563;
            --border-subtle: rgba(13, 59, 46, 0.1);
            --radius-card: 20px;
        }

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

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
            color: var(--text-main);
            background-color: var(--surface-light);
            line-height: 1.65;
            overflow-x: hidden;
        }

        .gradient-brand {
            background: linear-gradient(135deg, #0D3B2E 0%, #061E17 100%);
        }

        .gradient-emerald-cta {
            background: linear-gradient(135deg, #10B981 0%, #059669 100%);
        }

        .gradient-orange-cta {
            background: linear-gradient(135deg, #F97316 0%, #EA580C 100%);
        }

        .card-hover-effect {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .card-hover-effect:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 35px -10px rgba(13, 59, 46, 0.12);
        }

        .subtle-badge {
            display: inline-flex;
            align-items: center;
            padding: 0.25rem 0.85rem;
            border-radius: 9999px;
            font-size: 0.8125rem;
            font-weight: 600;
            background-color: #ECFDF5;
            color: #047857;
            border: 1px solid #A7F3D0;
        }

        /* 手风琴开关动效 */
        details summary::-webkit-details-marker {
            display: none;
        }
        details summary {
            list-style: none;
        }
        details[open] summary .faq-icon {
            transform: rotate(180deg);
        }