/* QIENET frozen-home production layer for Recruitment V2 — 2026-09-21 */
body.qn-recruitment-surface{background:#fff;color:#1f2937;font-weight:400}
body.qn-recruitment-surface .wrap{max-width:1280px;margin:28px auto 48px;padding:0 24px}
body.qn-recruitment-surface h1{font-weight:700;letter-spacing:-.025em}
body.qn-recruitment-surface h2{font-weight:700}
body.qn-recruitment-surface h3{font-weight:650}
body.qn-recruitment-surface .muted,
body.qn-recruitment-surface .pub-sub,
body.qn-recruitment-surface .section-head p{color:#6f7f97}
body.qn-recruitment-surface .pub-hero,
body.qn-recruitment-surface .card,
body.qn-recruitment-surface .pub-section,
body.qn-recruitment-surface .section-card,
body.qn-recruitment-surface .side-card,
body.qn-recruitment-surface .form-section,
body.qn-recruitment-surface .table-card,
body.qn-recruitment-surface .metric-card{
  border:1px solid #e4edf6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(40,83,124,.05)
}
body.qn-recruitment-surface .pub-hero{
  padding:28px 30px;
  background:linear-gradient(105deg,#f7fbff 0%,#fff 58%,#f5fbff 100%);
  box-shadow:0 8px 28px rgba(40,83,124,.05)
}
body.qn-recruitment-surface .pub-hero:after{display:none}
body.qn-recruitment-surface .pub-logo{border:0;border-radius:16px;background:linear-gradient(135deg,#eaf5ff,#f4fbff);box-shadow:none}
body.qn-recruitment-surface .pub-title{font-size:30px;font-weight:700;color:#14223c}
body.qn-recruitment-surface .pub-badge,
body.qn-recruitment-surface .status-chip,
body.qn-recruitment-surface .pill{
  border-radius:999px;
  font-weight:600
}
body.qn-recruitment-surface .pub-badge.blue,
body.qn-recruitment-surface .status-chip.blue{background:#eaf5ff;color:#087cf0}
body.qn-recruitment-surface .pub-badge.green,
body.qn-recruitment-surface .status-chip.green{background:#e9f9f2;color:#15966b}
body.qn-recruitment-surface .btn{
  min-height:40px;
  padding:8px 15px;
  border-radius:12px;
  font-weight:600;
  box-shadow:none
}
body.qn-recruitment-surface .btn.primary{
  background:linear-gradient(135deg,#1788f6,#0879ee);
  border-color:#0879ee;
  color:#fff;
  box-shadow:0 6px 16px rgba(8,124,240,.14)
}
body.qn-recruitment-surface input,
body.qn-recruitment-surface select,
body.qn-recruitment-surface textarea{
  border-color:#dce6f0;
  border-radius:11px;
  background:#fbfdff
}
body.qn-recruitment-surface input:focus,
body.qn-recruitment-surface select:focus,
body.qn-recruitment-surface textarea:focus{
  border-color:#96c8f8;
  box-shadow:0 0 0 3px rgba(8,124,240,.08)
}
body.qn-recruitment-surface label{font-weight:600;color:#405169}
body.qn-recruitment-surface .pub-search,
body.qn-recruitment-surface .search-panel{
  border:1px solid #e4edf6;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 24px rgba(40,83,124,.04)
}
body.qn-recruitment-surface .section-head{margin-top:28px}
body.qn-recruitment-surface .section-head h2{font-size:22px;color:#14223c}
body.qn-recruitment-surface .section-head p{display:none}
body.qn-recruitment-surface .pub-row{
  border-color:#e8eef5;
  transition:background .15s ease,padding-left .15s ease
}
body.qn-recruitment-surface .pub-row:hover{
  background:#fbfffc;
  padding-left:8px
}
body.qn-recruitment-surface .pub-row h3{color:#18243c}
body.qn-recruitment-surface .pub-row-money{color:#0c70db;background:#eef6ff;border:1px solid #d9eaff;border-radius:999px;padding:5px 9px;white-space:nowrap}
body.qn-recruitment-surface .pub-talent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.qn-recruitment-surface .pub-talent-card{
  border:1px solid #e5edf5;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 22px rgba(40,83,124,.04);
  transition:.16s ease
}
body.qn-recruitment-surface .pub-talent-card:hover{
  transform:translateY(-2px);
  border-color:#b8dafa;
  background:#fbfdff;
  box-shadow:0 12px 28px rgba(40,83,124,.08)
}
body.qn-recruitment-surface .pub-tag{border-radius:999px;background:#f4f8fc;color:#52677f}
body.qn-recruitment-surface .pub-privacy{border-radius:12px;background:#f8fbff;border-color:#e2ebf5;color:#5f7187}
body.qn-recruitment-surface .workspace-head{
  padding:20px 22px;
  border:1px solid #e4edf6;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 28px rgba(40,83,124,.05)
}
body.qn-recruitment-surface .workspace-head h1{font-size:26px;font-weight:650}
body.qn-recruitment-surface .workspace-kicker{background:#eaf5ff;color:#087cf0;font-weight:650}
body.qn-recruitment-surface .metric-card{padding:17px}
body.qn-recruitment-surface .metric-card:after{display:none}
body.qn-recruitment-surface .metric-label{font-weight:500;color:#7a8799}
body.qn-recruitment-surface .stat{font-size:26px;font-weight:650}
body.qn-recruitment-surface .action-link{
  border-color:#e5edf5;
  border-radius:12px;
  background:#fbfdff;
  font-weight:550
}
body.qn-recruitment-surface .action-link:hover{background:#f5faff;border-color:#b8dafa;color:#087cf0}
body.qn-recruitment-surface .table th{background:#f8fbff;color:#63748a;font-weight:600}
body.qn-recruitment-surface .table td{border-color:#edf2f6}
body.qn-recruitment-surface .table tr:hover td{background:#fbfffc}
body.qn-recruitment-surface .login-aside{background:linear-gradient(145deg,#087cf0,#0b61c8)}
body.qn-recruitment-surface .login-card{border-radius:18px}
html[data-theme="dark"] body.qn-recruitment-surface{background:#0f141b}
html[data-theme="dark"] body.qn-recruitment-surface .pub-hero,
html[data-theme="dark"] body.qn-recruitment-surface .card,
html[data-theme="dark"] body.qn-recruitment-surface .pub-section,
html[data-theme="dark"] body.qn-recruitment-surface .section-card,
html[data-theme="dark"] body.qn-recruitment-surface .side-card,
html[data-theme="dark"] body.qn-recruitment-surface .form-section,
html[data-theme="dark"] body.qn-recruitment-surface .table-card,
html[data-theme="dark"] body.qn-recruitment-surface .metric-card,
html[data-theme="dark"] body.qn-recruitment-surface .workspace-head{background:#171e27;border-color:#303b48}
@media(max-width:1000px){body.qn-recruitment-surface .pub-talent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body.qn-recruitment-surface .wrap{padding:0 12px}body.qn-recruitment-surface .pub-talent-grid{grid-template-columns:1fr}}


/* Unified auth proportions — 2026-09-21 */
body.qn-recruitment-surface .login-shell{
  width:min(100%,960px);
  max-width:960px;
  margin:44px auto 64px;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:18px;
}
body.qn-recruitment-surface .login-aside{
  padding:30px;
  border-radius:18px;
}
body.qn-recruitment-surface .login-card{
  padding:30px;
  border-radius:18px;
}
body.qn-recruitment-surface .login-shell input,
body.qn-recruitment-surface .login-shell select,
body.qn-recruitment-surface .login-shell textarea{
  min-height:46px;
}
body.qn-recruitment-surface .login-shell .btn{
  min-height:46px;
}
body.qn-recruitment-surface .login-card h2{
  font-size:28px;
}
body.qn-recruitment-surface .login-aside h1{
  font-size:30px;
}
@media(max-width:900px){
  body.qn-recruitment-surface .login-shell{
    width:min(100%,640px);
    grid-template-columns:1fr;
    margin:24px auto 48px;
  }
}