/* 基础样式与布局 */
:root{
  --primary:#1677ff;
  --danger:#ff4d4f;
  --bg:#f7f8fa;
  --text:#1f2328;
  --muted:#6b7280;
  --border:#e5e7eb;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','PingFang SC','Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif;
  color:var(--text);
  background:var(--bg);
}
.page-header{ padding:24px 16px; text-align:center; }
.page-header h1{ margin:0; font-size:36px; letter-spacing:2px; }

.container{ max-width:1100px; margin:0 auto; padding:8px 16px 48px; }

.form-section{ background:#fff; border:1px solid var(--border); border-radius:10px; padding:20px; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.form-row{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; }
label{ color:var(--muted); }
input,select,button{ height:36px; padding:0 10px; border:1px solid var(--border); border-radius:8px; background:#fff; }
input:focus,select:focus{ outline:2px solid rgba(22,119,255,.3); border-color:var(--primary); }
button{ cursor:pointer; }
.primary{ background:var(--primary); color:#fff; border-color:var(--primary); padding:0 18px; }
.primary:hover{ filter:brightness(.95); }
.error{ color:var(--danger); min-height:20px; margin-top:8px; }

.table-section{ margin-top:28px; }
.table-section h2{ text-align:center; font-size:32px; margin:6px 0 16px; }
.table-wrapper{ overflow:auto; background:#fff; border:1px solid var(--border); border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,.04); }
table{ width:100%; border-collapse:separate; border-spacing:0; }
thead th{ background:#e8f0ff; color:#1b3a7a; font-weight:600; }
th,td{ text-align:center; padding:14px 10px; border-bottom:1px solid var(--border); }
tbody tr:hover{ background:#fafafa; }
.tag-danger{ color:var(--danger); cursor:pointer; }

.salary::after{ content:' 元'; color:var(--muted); font-size:12px; margin-left:2px; }

@media (max-width:720px){
  .form-row{ gap:10px; }
  .page-header h1{ font-size:28px; }
  .table-section h2{ font-size:24px; }
}

/* 桌面端不换行，确保“录入”紧跟城市选择框右侧 */
@media (min-width: 900px){
  .form-row{ flex-wrap:nowrap; }
}