@charset "UTF-8";
/* Pixso 3:2 / 2:221 — 393×751@1×；阶段区列宽对齐稿 */
.aidesign-box4 {
  width: 100%;
  box-sizing: border-box;
  background: #cfedff;
}

.aidesign-box4__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0.8rem 0.27rem 0.8rem;
  box-sizing: border-box;
}

/* 2:222 — top 40；两行标题区 */
.aidesign-box4__head {
  width: 100%;
  min-width: 0;
  height: 1.2rem;
}

.aidesign-box4__title {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* 2:2048 — 24px / lh30 / ls2；思源宋体 Heavy */
.aidesign-box4__title-line {
  font-size: 0.48rem;
  font-family: "Source Han Serif CN Heavy", "Source Han Serif CN-Heavy", "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 900;
  line-height: 0.6rem;
  letter-spacing: 0.04rem;
  color: #2f343b;
  white-space: nowrap;
}

.aidesign-box4__title-line--accent {
  color: #2765ff;
}

/* 2:223 — 366@1× 撑满内容区 */
.aidesign-box4-table {
  width: 100%;
  margin-top: 0.4rem;
  box-sizing: border-box;
}

/* 2:2049 — 366×40；圆角 10 10 0 0 */
.aidesign-box4-table__header {
  display: grid;
  grid-template-columns: 1.97rem minmax(0, 116fr) minmax(0, 118.5fr);
  align-items: center;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.2rem 0.2rem 0 0;
  background: linear-gradient(90deg, #2769ff 0%, #2f91ff 100%);
}

/* 2:2095/2096/2097 — 11px / lh20 / ls2 / 列内居中 */
.aidesign-box4-table__th {
  min-width: 0;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 0.22rem;
  line-height: 0.4rem;
  letter-spacing: 0.04rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

/* 行间距 5@1× */
.aidesign-box4-table__body {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin-top: 0.2rem;
}

/* 2:2050 — 366×110；圆角 8 */
.aidesign-box4-row {
  display: grid;
  grid-template-columns: 1.97rem minmax(0, 116fr) minmax(0, 118.5fr);
  position: relative;
  align-items: center;
  width: 100%;
  height: 2.2rem;
  box-sizing: border-box;
  border-radius: 0.16rem;
  background: #fff;
  overflow: hidden;
  /* 2:2060 stroke — 2px #FF6E46 */
}
.aidesign-box4-row--highlight {
  border: 0.04rem solid #ff6e46;
  overflow: visible;
}

/* 阶段列：图标+文案垂直居中于列 */
.aidesign-box4-row__stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 0.12rem;
  min-width: 0;
  padding: 0.12rem 0;
  box-sizing: border-box;
}

/* 图标约 50×43@1× */
.aidesign-box4-row__icon {
  display: block;
  width: 1rem;
  height: 0.86rem;
  object-fit: contain;
}

.aidesign-box4-row__stage-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 2:2055 — 10px #999 */
.aidesign-box4-row__period {
  margin: 0;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  font-size: 0.2rem;
  line-height: 0.28rem;
  letter-spacing: 0;
  color: #999;
  text-align: center;
  white-space: nowrap;
}

/* 2:2056 — 12px Bold ls1 */
.aidesign-box4-row__rank {
  margin: 0;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 0.24rem;
  line-height: 0.32rem;
  letter-spacing: 0.02rem;
  text-align: center;
  white-space: nowrap;
}

.aidesign-box4-row--bronze .aidesign-box4-row__rank {
  color: #c57e54;
}

.aidesign-box4-row--gold .aidesign-box4-row__rank {
  color: #ff7829;
}

.aidesign-box4-row--diamond .aidesign-box4-row__rank {
  color: #296dff;
}

.aidesign-box4-row--king .aidesign-box4-row__rank {
  color: #ff5729;
}

.aidesign-box4-row__col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 100%;
  box-sizing: border-box;
}
.aidesign-box4-row__col--mid {
  gap: 0.12rem;
}

/* 2:2058 — 12px Bold #FF6019 */
.aidesign-box4-row__salary {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  font-size: 0.24rem;
  line-height: 0.32rem;
  letter-spacing: 0;
  color: #ff6019;
  text-align: center;
  white-space: nowrap;
}

/* 2:2057 — 12px ls2 #333 */
.aidesign-box4-row__jobs {
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.aidesign-box4-row__jobs p {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  font-size: 0.24rem;
  line-height: 0.32rem;
  letter-spacing: 0.04rem;
  color: #333;
  white-space: nowrap;
}

/* 高亮行右侧技能区避开角标 */
.aidesign-box4-row--highlight .aidesign-box4-row__col--right {
  justify-content: flex-start;
  padding-top: 0.72rem;
}

/* 2:2059 — 11px ls1 #333 */
.aidesign-box4-row__skills {
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.aidesign-box4-row__skills p {
  margin: 0;
  width: 100%;
  max-width: 100%;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  font-size: 0.22rem;
  line-height: 0.3rem;
  letter-spacing: 0.02rem;
  color: #333;
  white-space: nowrap;
}

/* 2:2068 — padding 4/12；圆角 0 10 0 10 */
.aidesign-box4-row__badge {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.08rem 0.24rem;
  box-sizing: border-box;
  border-radius: 0 0.16rem 0 0.2rem;
  background: #ff6e46;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  font-size: 0.2rem;
  line-height: 0.26rem;
  letter-spacing: 0.04rem;
  color: #fff;
  text-align: right;
  white-space: nowrap;
}
.aidesign-box4-row__badge p {
  margin: 0;
}

/* 2:2098 — top634 10px #999 居中 */
.aidesign-box4__note {
  margin: 0.18rem 0 0;
  font-family: "Microsoft YaHei-Regular", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  font-size: 0.2rem;
  line-height: 0.28rem;
  letter-spacing: 0;
  color: #999;
  text-align: center;
  white-space: nowrap;
}

/* 2:2092 — 218×51；圆角12；渐变按钮 */
.aidesign-box4__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.24rem;
  margin-top: 0.24rem;
  padding: 0.4rem 0.64rem;
  box-sizing: border-box;
  border: none;
  border-radius: 0.24rem;
  box-shadow: inset 0 0 0.22rem #fff;
  background: linear-gradient(90deg, #bc75ff 0%, #7568ff 100%);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.aidesign-box4__cta-text {
  font-size: 0.3rem;
  font-family: "Microsoft YaHei-Bold", "Microsoft YaHei", sans-serif;
  font-weight: 700;
  line-height: 0.3rem;
  letter-spacing: 0.04rem;
  color: #fff;
  white-space: nowrap;
}

.aidesign-box4__cta-arrow {
  display: block;
  width: 0.12rem;
  height: 0.2rem;
  flex-shrink: 0;
  object-fit: contain;
  opacity: 0.4;
}