/* roulang page: index */
:root {
            --primary-color: #1D4ED8;
            --primary-hover: #1E40AF;
            --navy-base: #0B132B;
            --hud-cyan: #06B6D4;
            --auto-green: #10B981;
            --bg-page: #F8FAFC;
            --card-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08), 0 4px 6px -2px rgba(15, 23, 42, 0.04);
            --card-shadow-hover: 0 20px 35px -10px rgba(29, 78, 216, 0.12), 0 8px 12px -3px rgba(15, 23, 42, 0.06);
        }

        body {
            background-color: var(--bg-page);
            color: #334155;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }

        .tabular-nums {
            font-variant-numeric: tabular-nums;
        }

        .custom-card-shadow {
            box-shadow: var(--card-shadow);
            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }

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

        .hero-bg-overlay {
            background: linear-gradient(135deg, rgba(11, 19, 43, 0.94) 0%, rgba(15, 23, 42, 0.88) 100%), url('/assets/images/3bdb1e7c9c746302.webp') center/cover no-repeat;
        }

        /* 移动端与交互组件触控标准 */
        button, a, input, select, textarea {
            min-height: 44px;
        }

        /* 滚动条美化 */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #F1F5F9;
        }
        ::-webkit-scrollbar-thumb {
            background: #CBD5E1;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #94A3B8;
        }