.bf-header-banner {
  background: url("../../images/bytesforce/2025-09-15/home/bf-page-job-search-bg.avif") no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Results layout */
.bf-job-search-results { padding: 32px 0; }
/* .bf-job-summary { color: #555; } */

/* grid gutter */
.bf-job-grid > [class*="col-"] { margin-bottom: 24px; }

/* Card */
.bf-job-card {
  display: flex;
  flex-direction: column;
  height: 300px;
  border-radius: 16px;
  border: 1px solid rgba(78,99,255,.15);
  background:
    linear-gradient(180deg, rgba(78,99,255,.08), rgba(255,255,255,.85)),
    #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  padding: 24px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.bf-job-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,.12);
  border-color: rgba(78,99,255,.35);
}

/* 返回按钮样式 */
.btn-back-news {
  background: transparent;
  border: 2px solid #3F61FF;
  color: #3F61FF;
  padding: 12px 24px;
  border-radius: 25px;
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}

.btn-back-news:hover {
  background: #3F61FF;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(63, 97, 255, 0.3);
}

.btn-back-news i {
  font-size: 14px;
}

.bf-input-width {
  color: rgba(40, 56, 76, 0.6) !important;
  font-family: HelveticaNeue, sans-serif !important;
}

/* Title & meta */
.bf-job-title { 
  margin: 0;
  min-height: 2.8em;
  line-height: 1.4;
}
.bf-job-title a { color: #101010; text-decoration: none; }
.bf-job-title a:hover { color: #4e63ff; }

/* 对齐标签-值（多行时仍对齐） */
.bf-job-meta {
  margin: 10px 0 12px;
  color: #444;
}

/* 每一行容器建立独立 BFC，包住左侧 float */
.bf-job-meta > div {
  overflow: hidden;            /* 触发 BFC，避免上一行 float 影响下一行 */
}

/* 左侧标签固定宽度，右侧内容在其右侧换行 */
.bf-job-meta strong {
  float: left;
  min-width: 150px;                /* 可按视觉调整，比如 120–160px */
  margin-right: 8px;
}

/* 如遇特别长词，允许换行 */
.bf-job-meta > div {
  overflow-wrap: anywhere;
}

/* Chips */
.bf-chip {
  display: inline-flex; align-items: center;
  padding: 6px 10px; border-radius: 999px;
  font-size: 12px; line-height: 1; white-space: nowrap;
  border: 1px solid rgba(0,0,0,.08); color: #333; background: rgba(0,0,0,.03);
}
.bf-chip-mode { border-color: rgba(78,99,255,.25); color: #2d3cff; background: rgba(78,99,255,.08); }
.bf-chip-type { border-color: rgba(40,167,69,.25); color: #2a7a3a; background: rgba(40,167,69,.08); }

.bf-chip-list { display: flex; flex-wrap: wrap; gap: 8px; }

/* Footer actions */
.bf-card-actions { margin-top: auto; display: flex; justify-content: space-between; align-items: center; }
.bf-card-actions .link { color: #4e63ff; }
.bf-card-actions .link:hover { text-decoration: none; }

/* Empty state */
.bf-job-empty .bf-empty-icon {
  width: 64px; height: 64px; border-radius: 50%;
  margin: 0 auto; background: radial-gradient(circle at 30% 30%, rgba(78,99,255,.6), rgba(78,99,255,.1));
}

@media (max-width: 767.98px) {
  .bf-job-card { padding: 18px; }

  .btn-back-news {
    padding: 10px 20px;
    font-size: 14px;
  }
}