* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft Yahei", sans-serif;
        }
       
        /* 页面大标题 */
        .recruit-title{
            font-size:32px;
            text-align:center;
            margin-bottom:16px;
            color:#222;
        }
        .recruit-desc{
            padding:0 0 20px;
            font-size:15px;
            line-height:1.75;
            color:#555;
        }
      
        /* 岗位卡片容器 */
        .job-item{
            background:#fff;
            margin-bottom:20px; /*岗位之间间隙*/
            border:1px solid #e8e8e8;
        }
        /* 岗位头部栏 */
        .job-header{
            display:flex;
            align-items:center;
            background:#00416a;
            color:#fff;
            padding:20px 24px;
            position:relative;
        }
        .job-title{
            width:220px;
            font-size:26px;
            font-weight:bold;
        }
        .job-meta-wrap{
            flex:1;
            display:grid;
            grid-template-columns:1fr 1fr 1fr;
            gap:6px 0;
        }
        .meta-item{
            font-size:16px;
        }
        /* 折叠按钮 */
        .toggle-btn{
            width:90px;
            height:52px;
            background:#eb6735;
            color:#fff;
            border:none;
            font-size:22px;
            cursor:pointer;
            flex-shrink:0;
        }
        /* 岗位详情区域 */
        .job-detail{
            padding:30px 24px;
            display:block;
        }
        .job-detail h4{
            font-size:17px;
            margin:0 0 12px;
            color:#222;
        }
        .job-detail p{
            font-size:15px;
            color:#555;
            line-height:1.8;
            margin-bottom:18px;
        }
        /* 最后一个岗位消除底部多余边框/叠加线条 */
        .job-item:last-child{
            margin-bottom:0;
            border-bottom:none;
        }

/* ========== 移动端优化 768px以下 ========== */
@media (max-width: 768px) {
    .job-header {
        flex-wrap: wrap;
        padding: 18px 16px;
        gap: 12px;
    }

    .job-title {
        width: 100%;
        font-size: 22px !important;
        margin-bottom: 4px;
        color: #fff;
    }

    .job-meta-wrap {
        flex: 0 0 100%;
        grid-template-columns: 1fr 1fr;
        gap: 8px 12px;
        margin-bottom: 8px;
    }

    .meta-item {
        font-size: 14px !important;
        color: #ddd;
        line-height: 1.6;
    }

    .toggle-btn {
        width: 100%;
        height: 46px;
        font-size: 20px;
        border-radius: 4px;
    }

    .job-detail {
        padding: 18px 16px;
    }

    .job-detail h4 {
        font-size: 16px !important;
        margin-bottom: 10px;
        color: #ba0913 !important;
        font-weight: bold;
    }

    .job-detail p {
        font-size: 15px !important;
        line-height: 1.8;
        color: #555;
        margin-bottom: 16px;
    }

    .recruit-desc {
        padding: 0 16px 20px;
        font-size: 14px !important;
    }
}