/* 基础样式 */
        :root {
            --primary-color: #2c5aa0;
            --secondary-color: #4a90e2;
            --accent-blue: rgba(233, 242, 253, 0.9);
            --accent-orange: rgba(255, 245, 231, 0.9);
            --accent-green: rgba(232, 248, 238, 0.9);
            --accent-pink: rgba(252, 232, 242, 0.9);
            --text-primary: #333;
            --text-secondary: #555;
            --text-light: #666;
            --bg-light: #f0f8ff;
            --white: #ffffff;
            --shadow-light: rgba(0, 80, 180, 0.08);
            --shadow-medium: rgba(0, 80, 180, 0.15);
            --shadow-dark: rgba(0, 80, 180, 0.2);
            --border-radius: 8px;
            --transition-speed: 0.3s;
        }
                
        /* 容器模块 */
        .container {
            /* max-width: 1200px; */
            /* margin: 0 auto; */
            /* padding: 30px 20px; */
        }
        
        /* 2x2网格布局模块 */
        .grid-2x2 {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(2, auto);
            gap: 5px;
            justify-items: center;
            /* padding-left: 29px; */
        }
        
        /* 卡片模块 - 保持220px*66px尺寸 */
        .card-module {
            background-color: var(--white);
            border-radius: var(--border-radius);
            padding: 12px 15px;
            display: flex;
            align-items: center;
            box-shadow: 0 4px 12px var(--shadow-light);
            transition: all var(--transition-speed) ease;
            border: 1px solid rgba(74, 144, 226, 0.1);
            width: 184px;
            height: 38px;
        }
        
        .card-module:hover {
            transform: translateY(-4px);
            box-shadow: 0 8px 20px var(--shadow-medium);
        }
        
        /* 图标容器模块 */
        .icon-module {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            flex-shrink: 0;
        }
        
        /* 卡片内容模块 */
        .card-content {
            flex: 1;
        }
        
        /* 修改h3字体大小为15px */
        .card-content h3 {
            font-size: 15px;
            color: var(--primary-color);
            font-weight: 600;
            line-height: 1.2;
            margin: 0;
            width: 133px;
        }
        
        /* 图标颜色变体 */
        .icon-blue {
            background-color: var(--accent-blue);
            color: var(--secondary-color);
        }
        
        .icon-orange {
            background-color: var(--accent-orange);
            color: #ff9800;
        }
        
        .icon-green {
            background-color: var(--accent-green);
            color: #4caf50;
        }
        
        .icon-pink {
            background-color: var(--accent-pink);
            color: #e91e63;
        }
        
        .icon-large {
            font-size: 1.4rem;
        }
        
        .icon-small {
            font-size: 0.7rem;
        }
        
        /* 小图标定位 */
        .icon-small-position-1 {
            position: relative;
            top: -6px;
            left: -3px;
        }
        
        .icon-small-position-2 {
            position: relative;
            top: 3px;
            left: -5px;
        }
        
        /* 响应式设计 */
        /* @media (max-width: 600px) {
            .grid-2x2 {
                grid-template-columns: 1fr;
                grid-template-rows: repeat(4, auto);
            }
            
            .card-module {
                width: 100%;
                max-width: 280px;
            }
        }*/
        
        /* 加载动画 */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .card-module {
            animation: fadeInUp 0.5s ease forwards;
        }
        
        .card-module:nth-child(1) {
            animation-delay: 0.2s;
        }
        
        .card-module:nth-child(2) {
            animation-delay: 0.4s;
        }
        
        .card-module:nth-child(3) {
            animation-delay: 0.6s;
        }
        
        .card-module:nth-child(4) {
            animation-delay: 0.8s;
        }