/* roulang page: index */
:root {
            --primary: #2A5A52;
            --primary-dark: #172A26;
            --accent: #E08758;
            --accent-hover: #cc7446;
            --bg-linen: #F9F8F5;
            --bg-linen-alt: #F0EEE9;
            --text-main: #1E2D2A;
            --text-muted: #566B66;
            --border-ui: #E2DFD8;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-linen);
            color: var(--text-main);
            overflow-x: hidden;
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }

        /* 斜切几何首屏样式 */
        .hero-slant {
            clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
        }
        @media (max-width: 768px) {
            .hero-slant {
                clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
            }
        }

        /* 交互微动效 */
        .btn-interactive {
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .btn-interactive:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 24px -6px rgba(224, 135, 88, 0.35);
        }
        .btn-interactive:active {
            transform: translateY(0);
        }

        .card-interactive {
            transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
        }
        .card-interactive:hover {
            transform: translateY(-4px);
            box-shadow: 0 16px 32px -8px rgba(42, 90, 82, 0.08);
            border-color: #cbd5d1;
        }

        /* 隐藏滚动条但保留功能 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

        /* 手风琴平滑过度 */
        .faq-content {
            transition: max-height 0.35s ease-out, opacity 0.3s ease-out;
        }