/* 基础重置与全局样式 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", "Inter", sans-serif;
        }

        body {
            background-color: #f5f7fa;
            padding: 40px 0;
        }

        /* 容器样式 */
        .publish-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px 20px;
        }

        /* 标题样式 */
        .publish-title {
            text-align: center;
            margin-bottom: 40px;
            color: #2d3748;
            font-size: 28px;
            font-weight: 600;
        }

        /* 卡片容器（弹性布局） */
        .publish-cards {
            display: flex;
            gap: 30px;
            justify-content: center;
            flex-wrap: wrap; /* 响应式换行 */
        }

        /* 卡片基础样式 */
        .publish-card {
            flex: 1;
            min-width: 180px; /* 最小宽度，确保移动端不挤压 */
            max-width: 380px; /* 最大宽度，避免桌面端过宽 */
            background-color: #fff;
            border-radius: 12px;
            padding: 35px 30px;
            text-align: center;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease; /* 过渡动画 */
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        /* 卡片hover效果（提升交互） */
        .publish-card:hover {
            transform: translateY(-8px); /* 上浮效果 */
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
        }

        /* 卡片图标样式 */
        .card-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 25px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #e8f4f8;
            color: #4299e1;
            font-size: 32px;
            transition: all 0.3s ease;
        }

        .publish-card:hover .card-icon {
            background-color: #4299e1;
            color: #fff;
        }

        /* 卡片标题样式 */
        .card-title {
            font-size: 20px;
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 15px;
        }

        /* 卡片描述（新增，提升信息完整性） */
        .card-desc {
            font-size: 14px;
            color: #718096;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        /* 按钮样式 */
        .card-btn {
            display: inline-block;
            padding: 10px 24px;
            background-color: #4299e1;
            color: #fff;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            transition: all 0.3s ease;
            border: 1px solid transparent;
        }

        .card-btn:hover {
            background-color: #3182ce;
            transform: scale(1.05);
        }

        /* 不同卡片差异化颜色（可选，区分功能） */
        .card-company .card-icon {
            background-color: #f0f8fb;
            color: #38b2ac;
        }

        .card-company:hover .card-icon {
            background-color: #38b2ac;
        }

        .card-company .card-btn {
            background-color: #38b2ac;
        }

        .card-company .card-btn:hover {
            background-color: #319795;
        }

        .card-person .card-icon {
            background-color: #fdf2f8;
            color: #9f7aea;
        }

        .card-person:hover .card-icon {
            background-color: #9f7aea;
        }

        .card-person .card-btn {
            background-color: #9f7aea;
        }

        .card-person .card-btn:hover {
            background-color: #805ad5;
        }

        .card-job .card-icon {
            background-color: #fef7fb;
            color: #ed8936;
        }

        .card-job:hover .card-icon {
            background-color: #ed8936;
        }

        .card-job .card-btn {
            background-color: #ed8936;
        }

        .card-job .card-btn:hover {
            background-color: #dd6b20;
        }

        /* 移动端适配（屏幕<768px） */
        @media (max-width: 768px) {
            .publish-title {
                font-size: 24px;
                margin-bottom: 30px;
            }

            .publish-cards {
                gap: 20px;
            }

            .publish-card {
                padding: 25px 20px;
                min-width: 100%; /* 移动端占满宽度 */
            }

            .card-icon {
                width: 60px;
                height: 60px;
                font-size: 24px;
                margin-bottom: 20px;
            }

            .card-title {
                font-size: 18px;
            }
        }