/* roulang page: index */
:root {
            --primary: #FF4B2B;
            --primary-gradient: linear-gradient(135deg, #FF4B2B 0%, #FF416C 100%);
            --secondary: #00B074;
            --dark: #12151A;
            --text-main: #1E232A;
            --text-sub: #4A5568;
            --bg-light: #F8F9FA;
            --radius-card: 16px;
            --shadow-soft: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
            --shadow-hover: 0 12px 28px -4px rgba(0, 0, 0, 0.12);
        }

        html {
            scroll-behavior: smooth;
            font-family: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
        }

        body {
            background-color: var(--bg-light);
            color: var(--text-main);
            overflow-x: hidden;
            line-height: 1.7;
        }

        .btn-gradient {
            background: var(--primary-gradient);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .btn-gradient:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(255, 75, 43, 0.35);
        }

        .card-elevated {
            transition: all 0.3s ease;
            box-shadow: var(--shadow-soft);
        }

        .card-elevated:hover {
            transform: translateY(-4px);
            box-shadow: var(--shadow-hover);
        }

        /* 统一去除原生 details 默认三角形 */
        details summary::-webkit-details-marker {
            display: none;
        }
        details summary {
            list-style: none;
        }
        details[open] .faq-icon {
            transform: rotate(180deg);
        }

        .hero-pattern-overlay {
            background: linear-gradient(180deg, rgba(18, 21, 26, 0.85) 0%, rgba(18, 21, 26, 0.95) 100%);
        }

        /* 隐藏移动端滚动条 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }