sj-miniprogram/unpackage/dist/dev/mp-weixin/pages/jobdetail/index.wxss

.detail-container.data-v-dc9d1727 {
  width: 100%;
  height: 100vh;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.scroll-wrapper.data-v-dc9d1727 {
  flex: 1;
}
.section.data-v-dc9d1727 {
  padding: 30rpx 40rpx;
  background-color: #FFFFFF;
}
.section-title.data-v-dc9d1727 {
  font-size: 34rpx;
  font-weight: bold;
  color: #1A1A1A;
  margin-bottom: 30rpx;
}

/* 头部样式 */
.header-section.data-v-dc9d1727 {
  padding-top: 20rpx;
}
.header-section .title-line.data-v-dc9d1727 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24rpx;
}
.header-section .title-line .left-box.data-v-dc9d1727 {
  display: flex;
  align-items: center;
}
.header-section .title-line .left-box .job-name.data-v-dc9d1727 {
  font-size: 44rpx;
  font-weight: bold;
  color: #1A1A1A;
  margin-right: 16rpx;
}
.header-section .title-line .left-box .urgent-tag.data-v-dc9d1727 {
  font-size: 20rpx;
  color: #FF4D4F;
  border: 1rpx solid #FF4D4F;
  padding: 2rpx 10rpx;
  border-radius: 6rpx;
}
.header-section .title-line .salary.data-v-dc9d1727 {
  font-size: 38rpx;
  font-weight: bold;
  color: #1F6CFF;
}
.header-section .meta-list .meta-item.data-v-dc9d1727 {
  display: flex;
  align-items: center;
  margin-bottom: 12rpx;
  font-size: 26rpx;
  color: #777777;
}
.header-section .meta-list .meta-item .icon.data-v-dc9d1727 {
  width: 30rpx;
  height: 30rpx;
  margin-right: 12rpx;
  opacity: 0.7;
}
.header-section .meta-list .meta-item .warning-text.data-v-dc9d1727 {
  color: #FF4D4F;
  margin-left: 16rpx;
}

/* HR 区域 */
.hr-section.data-v-dc9d1727 {
  border-top: 1rpx solid #F8F9FB;
  display: flex;
  align-items: center;
  padding: 30rpx 40rpx;
}
.hr-section .hr-avatar.data-v-dc9d1727 {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  margin-right: 24rpx;
  background-color: #F0F0F0;
}
.hr-section .hr-content .hr-name.data-v-dc9d1727 {
  display: block;
  font-size: 30rpx;
  font-weight: bold;
  color: #1A1A1A;
  margin-bottom: 4rpx;
}
.hr-section .hr-content .hr-desc.data-v-dc9d1727 {
  font-size: 24rpx;
  color: #888888;
}

/* 岗位详情描述 */
.detail-content.data-v-dc9d1727 {
  border-top: 10rpx solid #F8F9FB;
}
.detail-content .tag-cloud.data-v-dc9d1727 {
  display: flex;
  flex-wrap: wrap;
  gap: 16rpx;
  margin-bottom: 40rpx;
}
.detail-content .tag-cloud .tag-label.data-v-dc9d1727 {
  background-color: #F5F7FA;
  color: #888888;
  font-size: 24rpx;
  padding: 10rpx 24rpx;
  border-radius: 6rpx;
}
.detail-content .rich-text-wrapper.data-v-dc9d1727 {
  font-size: 28rpx;
  color: #555555;
  line-height: 1.8;
}
.detail-content .info-block.data-v-dc9d1727 {
  margin-bottom: 24rpx;
}
.detail-content .info-block .block-label.data-v-dc9d1727 {
  display: block;
  font-size: 28rpx;
  font-weight: bold;
  color: #1A1A1A;
  margin-bottom: 8rpx;
}
.detail-content .info-block .block-text.data-v-dc9d1727 {
  font-size: 28rpx;
  color: #555555;
  line-height: 1.6;
}
.detail-content .info-block .list-item.data-v-dc9d1727 {
  display: flex;
  margin-bottom: 8rpx;
}
.detail-content .info-block .list-item .dot.data-v-dc9d1727 {
  font-weight: bold;
  margin-right: 12rpx;
  color: #1A1A1A;
}
.detail-content .info-block .list-item .list-text.data-v-dc9d1727 {
  font-size: 28rpx;
  color: #555555;
  line-height: 1.6;
}

/* 办公地址区 - 动态地图 */
.address-section.data-v-dc9d1727 {
  border-top: 10rpx solid #F8F9FB;
}
.address-section .map-wrapper.data-v-dc9d1727 {
  position: relative;
  width: 100%;
  height: 360rpx;
  border-radius: 12rpx;
  overflow: hidden;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
}
.address-section .map-wrapper .map-view.data-v-dc9d1727 {
  width: 100%;
  height: 100%;
}

/* 公司概况区 */
.company-section.data-v-dc9d1727 {
  border-top: 10rpx solid #F8F9FB;
}
.company-section .company-header.data-v-dc9d1727 {
  display: flex;
  align-items: center;
  margin-bottom: 24rpx;
}
.company-section .company-header .company-logo.data-v-dc9d1727 {
  width: 80rpx;
  height: 80rpx;
  border-radius: 12rpx;
  background: #f0f0f0;
  margin-right: 20rpx;
}
.company-section .company-header .company-name.data-v-dc9d1727 {
  font-size: 32rpx;
  font-weight: bold;
  color: #1A1A1A;
}
.company-section .company-desc.data-v-dc9d1727 {
  font-size: 28rpx;
  color: #666666;
  line-height: 1.6;
}
.end-tip.data-v-dc9d1727 {
  padding: 60rpx 0;
  text-align: center;
}
.end-tip text.data-v-dc9d1727 {
  font-size: 24rpx;
  color: #CCCCCC;
}
.safe-bottom-holder.data-v-dc9d1727 {
  height: 140rpx;
}

/* 底部栏 */
.bottom-action-bar.data-v-dc9d1727 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120rpx;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  padding: 0 40rpx;
  padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.08);
  z-index: 999;
}
.bottom-action-bar .collect-box.data-v-dc9d1727 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80rpx;
  margin-right: 40rpx;
  background: transparent;
  /* 强制背景透明 */
}
.bottom-action-bar .collect-box .star-icon.data-v-dc9d1727 {
  width: 44rpx;
  height: 44rpx;
  margin-bottom: 4rpx;
  background: transparent;
  display: block;
}
.bottom-action-bar .collect-box .collect-text.data-v-dc9d1727 {
  font-size: 20rpx;
  color: #999999;
}
.bottom-action-bar .consult-btn.data-v-dc9d1727 {
  flex: 1;
  background-color: #FFB700;
  height: 88rpx;
  border-radius: 44rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.bottom-action-bar .consult-btn text.data-v-dc9d1727 {
  color: #FFFFFF;
  font-size: 32rpx;
  font-weight: bold;
}
.bottom-action-bar .consult-btn.initial.data-v-dc9d1727, .bottom-action-bar .consult-btn.paid.data-v-dc9d1727 {
  background-color: #FFB700;
  box-shadow: 0 8rpx 16rpx rgba(255, 183, 0, 0.2);
}
.bottom-action-bar .consult-btn.assessed.data-v-dc9d1727 {
  background-color: #1F6CFF;
  box-shadow: 0 8rpx 16rpx rgba(31, 108, 255, 0.2);
}
.bottom-action-bar .consult-btn.added.data-v-dc9d1727 {
  background-color: #E0E0E0 !important;
  box-shadow: none !important;
  pointer-events: none;
}
.bottom-action-bar .consult-btn.added text.data-v-dc9d1727 {
  color: #999 !important;
}
.bottom-action-bar .consult-btn.data-v-dc9d1727:active {
  opacity: 0.9;
}