/* roulang page: index */
:root {
            --primary: #0F4C81;
            --primary-dark: #0B132B;
            --accent: #00A8E8;
            --surface: #F8FAFC;
        }
        html {
            scroll-behavior: smooth;
            font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
        }
        .num-font {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }
        .hero-search-shadow {
            box-shadow: 0 15px 35px rgba(15, 76, 129, 0.12);
        }
        .faq-content {
            transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
        }
        .faq-content.active {
            max-height: 240px;
            opacity: 1;
        }
        .tab-btn.active {
            background-color: #0F4C81;
            color: #ffffff;
            border-color: #0F4C81;
        }