/* 泉州人才网轻量手机版 */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;color:#333;background:#f5f5f5;line-height:1.5}
a{color:#1a73e8;text-decoration:none}
img{max-width:100%;display:block}
ul,li{list-style:none}

/* 顶部导航 */
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;padding:10px 12px;display:flex;align-items:center;gap:8px}
.header .logo{font-size:17px;font-weight:700;color:#e53935;white-space:nowrap}
.header .nav{display:flex;gap:12px;font-size:13px;overflow-x:auto;flex:1}
.header .nav a{color:#666;white-space:nowrap}
.header .nav a.active{color:#e53935;font-weight:600}
.header .user-btn{font-size:13px;color:#1a73e8;white-space:nowrap}

/* 搜索栏 */
.search-bar{background:#fff;padding:10px 12px;display:flex;gap:8px;border-bottom:1px solid #eee}
.search-bar input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:14px;outline:none}
.search-bar input:focus{border-color:#e53935}
.search-bar button{padding:8px 18px;background:#e53935;color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer}

/* 筛选栏 */
.filter-bar{background:#fff;padding:8px 12px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #eee}
.filter-bar select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;outline:none}

/* 内容区 */
.container{padding:10px 12px;max-width:768px;margin:0 auto}
.section-title{font-size:16px;font-weight:700;margin:12px 0 8px;padding-left:8px;border-left:3px solid #e53935}

/* 职位卡片 */
.job-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.job-card .job-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.job-card .job-name{font-size:16px;font-weight:600;color:#222}
.job-card .job-salary{font-size:15px;color:#e53935;font-weight:600}
.job-card .job-meta{font-size:12px;color:#888;margin-bottom:6px}
.job-card .job-meta span{margin-right:10px}
.job-card .job-company{font-size:13px;color:#558b2f}
.job-card .job-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}
.job-card .job-time{font-size:12px;color:#aaa}
.job-card .job-apply{padding:5px 14px;background:#e53935;color:#fff;border:none;border-radius:15px;font-size:12px;cursor:pointer}

/* 企业卡片 */
.company-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.company-card .com-name{font-size:16px;font-weight:600;color:#222;margin-bottom:4px}
.company-card .com-meta{font-size:12px;color:#888;margin-bottom:6px}
.company-card .com-meta span{margin-right:10px}
.company-card .com-jobs{font-size:13px;color:#666}
.company-card .com-jobs a{margin-right:8px;color:#1a73e8}

/* 简历卡片 */
.resume-card{background:#fff;border-radius:8px;padding:12px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.resume-card .res-name{font-size:16px;font-weight:600;color:#222;margin-bottom:4px}
.resume-card .res-meta{font-size:12px;color:#888;margin-bottom:6px}
.resume-card .res-meta span{margin-right:10px}
.resume-card .res-job{font-size:13px;color:#558b2f}

/* 详情页 */
.detail-page{background:#fff;min-height:100vh}
.detail-header{padding:16px;border-bottom:1px solid #eee}
.detail-header h1{font-size:20px;margin-bottom:8px}
.detail-header .meta{font-size:13px;color:#888}
.detail-header .meta span{margin-right:12px}
.detail-section{padding:14px 16px;border-bottom:1px solid #f0f0f0}
.detail-section h3{font-size:15px;font-weight:600;margin-bottom:8px;color:#333}
.detail-section p{font-size:14px;color:#555;line-height:1.7;white-space:pre-wrap}
.detail-salary{font-size:22px;color:#e53935;font-weight:700}

/* 底部操作栏 */
.action-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 16px;display:flex;gap:10px;border-top:1px solid #eee;z-index:100}
.action-bar .btn{flex:1;padding:12px;border:none;border-radius:6px;font-size:15px;cursor:pointer;font-weight:600}
.action-bar .btn-primary{background:#e53935;color:#fff}
.action-bar .btn-outline{background:#fff;color:#e53935;border:1px solid #e53935}

/* 表单 */
.form-group{margin-bottom:14px}
.form-group label{display:block;font-size:13px;color:#666;margin-bottom:5px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;background:#fff}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e53935}
.form-group textarea{min-height:80px;resize:vertical}
.form-row{display:flex;gap:10px}
.form-row .form-group{flex:1}
.btn-submit{width:100%;padding:12px;background:#e53935;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:600;margin-top:10px}
.btn-submit:disabled{background:#ccc;cursor:not-allowed}

/* 登录注册 */
.auth-page{max-width:400px;margin:40px auto;padding:0 20px}
.auth-page h2{text-align:center;font-size:22px;margin-bottom:24px;color:#222}
.auth-tabs{display:flex;margin-bottom:20px;border-bottom:2px solid #eee}
.auth-tabs .tab{flex:1;text-align:center;padding:10px;font-size:15px;cursor:pointer;color:#888;border-bottom:2px solid transparent;margin-bottom:-2px}
.auth-tabs .tab.active{color:#e53935;border-bottom-color:#e53935;font-weight:600}
.auth-msg{text-align:center;color:#e53935;font-size:13px;margin-bottom:10px;min-height:18px}

/* 后台 */
.admin-layout{display:flex;min-height:100vh}
.admin-sidebar{width:120px;background:#2c3e50;color:#fff;flex-shrink:0;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;z-index:50}
.admin-sidebar .brand{padding:16px 12px;font-size:15px;font-weight:700;border-bottom:1px solid #34495e}
.admin-sidebar .menu a{display:block;padding:11px 14px;color:#bdc3c7;font-size:13px;border-left:3px solid transparent}
.admin-sidebar .menu a.active,.admin-sidebar .menu a:hover{background:#34495e;color:#fff;border-left-color:#e53935}
.admin-main{flex:1;margin-left:120px;padding:14px;background:#f5f5f5;min-height:100vh}
.admin-card{background:#fff;border-radius:8px;padding:14px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.admin-card h3{font-size:15px;margin-bottom:10px;color:#333}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stat-box{background:#fff;border-radius:8px;padding:14px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.stat-box .num{font-size:24px;font-weight:700;color:#e53935}
.stat-box .label{font-size:12px;color:#888;margin-top:4px}

/* 表格 */
.data-table{width:100%;border-collapse:collapse;font-size:13px}
.data-table th{background:#f8f8f8;padding:8px;text-align:left;font-weight:600;color:#555;border-bottom:1px solid #eee}
.data-table td{padding:8px;border-bottom:1px solid #f0f0f0}
.data-table .btn-sm{padding:3px 10px;font-size:12px;border:none;border-radius:4px;cursor:pointer;margin-right:5px}
.data-table .btn-edit{background:#1a73e8;color:#fff}
.data-table .btn-del{background:#e53935;color:#fff}
.data-table .btn-toggle{background:#ff9800;color:#fff}

/* 加载/空状态 */
.loading{text-align:center;padding:30px;color:#999;font-size:14px}
.empty{text-align:center;padding:40px 20px;color:#999}
.empty .icon{font-size:40px;margin-bottom:10px}
.pagination{display:flex;justify-content:center;gap:8px;margin:16px 0;flex-wrap:wrap}
.pagination button{padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:13px}
.pagination button.active{background:#e53935;color:#fff;border-color:#e53935}
.pagination button:disabled{opacity:.5;cursor:not-allowed}

/* Toast */
.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;padding:10px 20px;border-radius:6px;font-size:14px;z-index:9999;max-width:80%;text-align:center}

/* 标签 */
.tag{display:inline-block;padding:2px 8px;background:#f0f0f0;color:#666;border-radius:3px;font-size:11px;margin-right:5px}
.tag-red{background:#ffebee;color:#e53935}
.tag-green{background:#e8f5e9;color:#558b2f}
.tag-blue{background:#e3f2fd;color:#1a73e8}

/* 响应式 */
@media(max-width:480px){
  .admin-sidebar{width:90px}
  .admin-main{margin-left:90px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}

/* 底部固定菜单 */
.tabbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{flex:1;text-align:center;padding:8px 0 6px;font-size:11px;color:#888;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}
.tabbar a.active{color:#e53935}
.tabbar a .icon{font-size:20px;line-height:1}
.tabbar-spacer{height:60px}
.tabbar-badge{position:absolute;top:3px;right:calc(50% - 22px);background:#e53935;color:#fff;font-size:10px;min-width:16px;height:16px;line-height:16px;border-radius:8px;text-align:center;padding:0 4px;font-weight:normal;box-sizing:border-box}


/* ========== 手机端后台风格 ========== */
.m-header{position:sticky;top:0;background:#fff;padding:12px 16px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px;z-index:100}
.m-header .back{font-size:20px;color:#666;cursor:pointer;width:24px;flex-shrink:0}
.m-header .title{font-size:16px;font-weight:600;flex:1;color:#222}
.m-header .action{font-size:14px;color:#e53935;cursor:pointer;flex-shrink:0}
.m-content{padding:12px 12px 80px;background:#f5f5f5;min-height:100vh;box-sizing:border-box}
.m-card{background:#fff;border-radius:10px;padding:14px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.m-card-title{font-size:15px;font-weight:600;margin-bottom:10px;color:#222;display:flex;justify-content:space-between;align-items:center}
.m-card-title .more{font-size:12px;color:#888;font-weight:normal}
.m-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.m-stat{background:#fff;border-radius:10px;padding:14px 8px;text-align:center}
.m-stat .num{font-size:22px;font-weight:700;color:#e53935}
.m-stat .label{font-size:12px;color:#888;margin-top:4px}
.m-list{background:#fff;border-radius:10px;overflow:hidden;margin-bottom:10px}
.m-list-item{display:flex;align-items:center;padding:14px;border-bottom:1px solid #f0f0f0;cursor:pointer}
.m-list-item:last-child{border-bottom:none}
.m-list-item:active{background:#f5f5f5}
.m-list-item .main{flex:1;min-width:0}
.m-list-item .name{font-size:15px;font-weight:500;color:#222}
.m-list-item .desc{font-size:12px;color:#888;margin-top:3px}
.m-list-item .arrow{color:#ccc;font-size:18px;margin-left:8px}
.m-list-item .badge{background:#e53935;color:#fff;font-size:11px;border-radius:10px;padding:1px 7px;min-width:18px;text-align:center;margin-left:8px}
.m-tabbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;z-index:100;padding-bottom:env(safe-area-inset-bottom)}
.m-tabbar a{flex:1;text-align:center;padding:8px 0 6px;font-size:11px;color:#888;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px}
.m-tabbar a.active{color:#e53935}
.m-tabbar a .icon{font-size:20px;line-height:1}
.m-btn{display:inline-block;padding:10px 24px;background:#e53935;color:#fff;border:none;border-radius:22px;font-size:14px;cursor:pointer;text-align:center;text-decoration:none}
.m-btn-block{display:block;width:100%;padding:12px;background:#e53935;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;text-align:center;box-sizing:border-box}
.m-btn-outline{display:inline-block;padding:9px 22px;background:#fff;color:#e53935;border:1px solid #e53935;border-radius:22px;font-size:14px;cursor:pointer;text-align:center;text-decoration:none}
.m-form-group{margin-bottom:14px}
.m-form-group label{display:block;font-size:13px;color:#666;margin-bottom:6px}
.m-form-group input,.m-form-group select,.m-form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none;background:#fff}
.m-form-group input:focus,.m-form-group select:focus,.m-form-group textarea:focus{border-color:#e53935}
.m-empty{text-align:center;padding:60px 20px;color:#999}
.m-empty .icon{font-size:48px;margin-bottom:12px}
.m-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}