/* 全局重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
            background-color: #f4f6ff; /* 顶部淡蓝背景 */
            color: #333;
            /* 防止在小屏幕上出现横向滚动条，但保持大宽度布局 */
            min-width: 1600px; 
        }

        /* 顶部装饰条 */
        .top-bar {
            height: 60px;
            background-color: #dbe4ff;
            width: 100%;
        }

        /* 主容器：固定宽度 1560px，居中 */
        .container {
            width: 1560px;
            margin: 0 auto;
            padding-bottom: 100px;
        }
        .con_title{
            height: 154px;
            text-align: center;
        }
        .con_title img{
            display: block;
            margin:0 auto;
        }

        /* 网格布局：3行2列 */
        .grid-wrapper {
            display: grid;
            grid-template-columns: 1fr 1fr; /* 两列等宽 */
            grid-template-rows: repeat(3, 1fr); /* 三行 */
            gap: 40px; /* 模块间距 */
        }

        /* 卡片通用样式 */
        .card {
            border-radius: 16px;
            padding: 60px 40px;
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
            cursor: default;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            min-height: 400px; /* 保证卡片高度一致 */
        }

        /* 鼠标悬浮效果：上浮 + 阴影加深 */
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
        }

        /* 卡片内容区域（左侧文字） */
        .card-content {
            z-index: 2;
            width: 60%; /* 文字占据左侧60% */
        }

        .card-title {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 25px;
            color: #1a1a1a;
        }

        /* 标签容器 */
        .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        /* 标签样式（可点击跳转） */
        .tag-link {
            width: 180px;
            height: 40px;
            text-align: center;
            display: inline-block;
            background-color: rgba(255, 255, 255, 0.45); /* 半透明白底 */
            line-height: 40px;
            border-radius: 20px;
            text-decoration: none;
            color: #333;
            font-size: 14px;
            font-weight: bold;
        }

        .tag-link:hover {
            background-color: #333333;
            color: #fff;
/*            transform: scale(1.05);
            color: #007bff;*/
        }

        /* --- 配色方案 --- */

        /* 1. 数智技术应用 & 2. 学科类 (蓝青渐变) */
        .theme-1 {
            background-image: url(../images/01.jpg);
        }
        /* 稍微区分一下两个蓝色的深浅，或者保持一致 */
        .theme-2 {
            background-image: url(../images/02.jpg);
        }

        /* 3. 特色培训 & 4. 专题类 (薄荷绿渐变) */
        .theme-3 {
            background-image: url(../images/03.jpg);
        }
        .theme-4 {
            background-image: url(../images/04.jpg); 
        }

        /* 5. 心理健康 & 6. 通识类 (暖橙/粉渐变) */
        .theme-5 {
            background-image: url(../images/05.jpg);
        }
        .theme-6 {
            background-image: url(../images/06.jpg);
        }

        .footer{
            width: 100%;
            height: 200px;
            background: #dbe4ff;
       }
       .footer ul{
        width: 1200px;
        margin:0 auto;
       }
       .footer ul li{
        list-style: none;
        float: left;
        width: 600px;
        height: 200px;
        color: #333;
        font: 30px;
        text-align: center;
       }
       .footer ul li p{
        height: 35px;
        line-height: 35px;
       }
       .footer ul li img{
        width: 130px;
        height: 130px;
       }