:root {
            --primary: #00BEBD;
            --accent: #FF5A5F;
            --bg: #F3F6F9;
            --white: #FFFFFF;
            --text-main: #111827;
            --text-sub: #6B7280;
            --radius: 20px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { background: var(--bg); font-family: -apple-system, sans-serif;}
        .container { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 15px; }

        /* --- 1. 极简顶部筛选 --- */
        .filter-header {
            background: var(--white);
            padding: 15px 0;
            position: sticky; top: 0; z-index: 100;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }
        .filter-tags { display: flex; gap: 10px; overflow-x: auto; white-space: nowrap; padding: 0 15px; }
        .filter-tags::-webkit-scrollbar { display: none; }
        .tag { 
            padding: 6px 18px; border-radius: 30px; background: #F1F5F9; 
            font-size: 0.85rem; color: var(--text-sub); 
        }
        .tag a {text-decoration:none;color:var(--text-sub);font-size:0.85rem;}
        .tag.active { background: var(--primary); color: #fff; font-weight: bold; padding:6px 18px;}
        /* --- 2. 宽幅卡片流 (Wide Card Flow) --- */
        .job-list { margin-top: 20px; display: flex; flex-direction: column; gap: 15px; }
        
        .job-card {
            background: var(--white);
            border-radius: var(--radius);
            padding: 20px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.02);
            border: 1px solid rgba(0,0,0,0.03);
            transition: 0.3s;
        }

        /* 头部：标题与薪资 */
        .card-top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 12px; }
        .card-top h3 { font-size: 1.15rem; font-weight: 800; color: var(--text-main); }
        .salary-label { color: var(--accent); font-size: 1.25rem; font-weight: 900; }
        .salary-label small { font-size: 0.7rem; font-weight: normal; }

        /* 中间：环境缩略图（横向滚动） */
        .card-gallery { 
            display: flex; gap: 10px; margin: 15px 0; 
            overflow-x: auto; scrollbar-width: none;
        }
        .card-gallery::-webkit-scrollbar { display: none; }
        .card-gallery img { 
            width: 140px; height: 95px; border-radius: 12px; 
            object-fit: cover; flex-shrink: 0; background: #eee;
        }

        /* 底部：标签与位置 */
        .card-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
        .tags-wrap { display: flex; gap: 6px; }
        .tags-wrap span { 
            font-size: 0.7rem; color: var(--primary); 
            background: rgba(0,190,189,0.08); padding: 3px 10px; border-radius: 6px; 
        }
        .loc-info { font-size: 0.75rem; color: var(--text-sub); display: flex; align-items: center; }

        /* 领队背书区 */
        .leader-bar {
            margin-top: 15px; padding-top: 12px; border-top: 1px solid #F3F4F6;
            display: flex; align-items: center; justify-content: space-between;
        }
        .leader-info { display: flex; align-items: center; gap: 8px; }
        .leader-info img { width: 24px; height: 24px; border-radius: 50%; }
        .leader-info span { font-size: 0.8rem; font-weight: 600; }
        .update-time { font-size: 0.7rem; color: #BBB; }


/* 2. 尾部样式 - 宽度对齐 */
.site-footer {
    background: #1e293b; 
    color: #94a3b8; 
    padding: 40px 0 100px; /* 内部padding控制高度 */
    margin-top: 50px;
}
.footer-inner {
    text-align: center;
    font-size: 0.85rem;
}
.footer-links { display: flex; justify-content: center; gap: 20px; margin-bottom: 15px; }
.footer-links a { color: #cbd5e1; text-decoration: none; }

/* 响应式微调 */
@media (max-width: 768px) {
    .container { padding: 0 15px; }
}



        /* PC端自适应 */
        @media (min-width: 1024px) {
            .job-card:hover { transform: scale(1.02); box-shadow: 0 15px 40px rgba(0,190,189,0.1); }
            .card-gallery img { width: 180px; height: 120px; }
        }