/* roulang page: index */
:root {
            --forest: #143D36;
            --forest-light: #1E534A;
            --forest-dark: #0A1D1A;
            --amber: #D97706;
            --amber-light: #FBBF24;
            --bg-neutral: #F4F7F5;
            --card-border: rgba(20, 61, 54, 0.08);
            --card-shadow: 0 4px 20px -2px rgba(20, 61, 54, 0.05);
        }
        body {
            font-family: system-ui, -apple-system, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: var(--bg-neutral);
            color: #111827;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }
        .text-forest { color: var(--forest); }
        .bg-forest { background-color: var(--forest); }
        .bg-forest-dark { background-color: var(--forest-dark); }
        .border-forest { border-color: var(--forest); }
        .text-amber-gold { color: var(--amber); }
        .bg-amber-gold { background-color: var(--amber); }
        .card-custom {
            background-color: #FFFFFF;
            border: 1px solid var(--card-border);
            box-shadow: var(--card-shadow);
            border-radius: 1rem;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .card-custom:hover {
            transform: translateY(-4px);
            box-shadow: 0 12px 28px -4px rgba(20, 61, 54, 0.12);
            border-color: rgba(20, 61, 54, 0.2);
        }
        .btn-primary {
            background-color: var(--forest);
            color: #ffffff;
            transition: all 0.2s ease;
        }
        .btn-primary:hover {
            background-color: var(--forest-light);
            box-shadow: 0 4px 14px rgba(20, 61, 54, 0.3);
        }
        .btn-amber {
            background-color: var(--amber);
            color: #ffffff;
            transition: all 0.2s ease;
        }
        .btn-amber:hover {
            background-color: #B45309;
            box-shadow: 0 4px 14px rgba(217, 119, 6, 0.3);
        }
        /* 手风琴动画 */
        .faq-content {
            transition: max-height 0.35s ease-out, opacity 0.3s ease;
            max-height: 0;
            overflow: hidden;
            opacity: 0;
        }
        .faq-content.open {
            max-height: 300px;
            opacity: 1;
        }
        /* 响应式表格滚动 */
        .responsive-table-container {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }