/* roulang page: index */
:root {
            --brand-navy: #0F2027;
            --brand-navy-dark: #0B1325;
            --brand-cyan: #0284C7;
            --brand-cyan-light: #0EA5E9;
            --brand-bronze: #D97706;
            --bg-canvas: #F8FAFC;
        }
        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
            background-color: var(--bg-canvas);
            color: #1E293B;
            -webkit-font-smoothing: antialiased;
        }
        .text-balance {
            text-wrap: balance;
        }
        .code-font {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        }
        /* 手风琴平滑高度动画 */
        .accordion-content {
            transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
        }
        /* 自定义精细边框阴影 */
        .card-soft-shadow {
            box-shadow: 0 4px 20px -2px rgba(15, 32, 39, 0.05), 0 2px 6px -1px rgba(15, 32, 39, 0.02);
        }
        .card-hover-effect {
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }
        .card-hover-effect:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 28px -4px rgba(15, 32, 39, 0.1), 0 4px 10px -2px rgba(15, 32, 39, 0.04);
        }
        /* 隐藏滚动条 */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }