.javaboxPlan {
  padding: 80px 0 90px;
  background: linear-gradient(0deg, #ffffff, #d4feff);
}
.javaboxPlan .innerContent {
  width: 1300px;
  margin: 0 auto;
}
.javaboxPlan .box_hd {
  text-align: center;
}
.javaboxPlan .box_hd h2 {
  font-size: 48px;
  color: #253747;
  line-height: 1.3;
  font-weight: bold;
}
.javaboxPlan .box_hd h2 span {
  color: #0479ff;
}
.javaboxPlan .box_hd p {
  padding-top: 20px;
  font-size: 16px;
  color: #253747;
  letter-spacing: 2px;
  line-height: 24px;
}
.javaboxPlan .plan-main {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.javaboxPlan .plan-side {
  width: 494px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 57px;
  padding-top: 115px;
}
.javaboxPlan .plan-center {
  flex: 1;
  min-width: 0;
}
.javaboxPlan .plan-center-top {
  position: relative;
  min-height: 449px;
}
.javaboxPlan .plan-robot {
  width: 336px;
  height: 449px;
  object-fit: contain;
  display: block;
  z-index: 0;
  position: relative;
}
.javaboxPlan .ability-card {
  width: 462px;
  border-radius: 12px;
  overflow: hidden;
}
.javaboxPlan .ability-card--blue .ability-card__hd {
  background: linear-gradient(90deg, #0479ff 0%, #3199ff 100%);
}
.javaboxPlan .ability-card--blue .ability-card__bd {
  background: linear-gradient(180deg, #d3f5ff 0%, #f1fcff 100%);
}
.javaboxPlan .ability-card--blue .ability-card__icon {
  background-image: url("/pc/module/aiapp/image/module7/Vector_5_269.svg");
}
.javaboxPlan .ability-card--orange .ability-card__hd {
  background: linear-gradient(90deg, #ff6439 0%, #ff8431 100%);
}
.javaboxPlan .ability-card--orange .ability-card__bd {
  background: linear-gradient(180deg, #ffedd4 0%, #fffbf6 100%);
}
.javaboxPlan .ability-card--orange .ability-card__icon {
  background-image: url("/pc/module/aiapp/image/module7/Vector_5_276.svg");
}
.javaboxPlan .ability-card--purple {
  position: absolute;
  left: 327px;
  top: 120px;
}
.javaboxPlan .ability-card--purple .ability-card__hd {
  background: linear-gradient(90deg, #0479ff 0%, #3140ff 100%);
}
.javaboxPlan .ability-card--purple .ability-card__bd {
  background: linear-gradient(180deg, #e1f8ff 0%, #f0fcff 100%);
}
.javaboxPlan .ability-card--purple .ability-card__icon {
  background-image: url("/pc/module/aiapp/image/module7/Vector_5_283.svg");
}
.javaboxPlan .ability-card__hd {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 66px;
  padding: 16px 20px;
  border-radius: 10px 10px 0 0;
}
.javaboxPlan .ability-card__hd h4 {
  font-size: 22px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 1.3;
}
.javaboxPlan .ability-card__icon {
  flex-shrink: 0;
  width: 24px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.javaboxPlan .ability-card__bd {
  padding: 18px 12px;
}
.javaboxPlan .ability-card__bd p {
  font-size: 15px;
  color: #253747;
  line-height: 25px;
  letter-spacing: 1px;
}
.javaboxPlan .job-panel {
  margin-top: -120px;
  z-index: 1;
  position: relative;
}
.javaboxPlan .job-panel__title {
  padding-left: 336px;
  font-size: 22px;
  font-weight: bold;
  color: #2a9cff;
  letter-spacing: 1px;
  line-height: 30px;
  margin-bottom: 8px;
}
.javaboxPlan .job-panel__list {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 22px 27px;
  border-radius: 0 0 12px 12px;
  background: #ddf8ff;
}
.javaboxPlan .job-panel__list ul {
  flex: 1 1 1.1 1;
}
.javaboxPlan .job-panel__list ul li {
  position: relative;
  padding-left: 14px;
  font-size: 15px;
  color: #1793ff;
  line-height: 25px;
  letter-spacing: 1px;
}
.javaboxPlan .job-panel__list ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #1793ff;
}
.javaboxPlan .btnbox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  margin-top: 43px;
}
.javaboxPlan .btnbox .a_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 23px;
  height: 64px;
  padding: 10px 36px 10px 24px;
  border-radius: 79px;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  width: auto;
  line-height: 1;
  margin: 0;
  min-width: auto;
  box-shadow: inset 0 0 13px #ffffff;
  transition: opacity 0.3s ease;
  background: linear-gradient(90deg, #2ab0ff 0%, #007bff 100%);
}
.javaboxPlan .btnbox .a_btn:hover {
  opacity: 0.9;
  transform: none;
  box-shadow: inset 0 0 13px #ffffff;
}
.javaboxPlan .btnbox .a_btn::after {
  content: "";
  width: 10px;
  height: 17px;
  flex-shrink: 0;
  background: url("/pc/module/aiapp/module2/images/Stroke.svg") no-repeat center;
  background-size: 100% 100%;
  border: none;
  padding: 0;
  position: static;
  transform: none;
  margin: 0;
  right: auto;
  top: auto;
}
.javaboxPlan .btnbox .a_btn2 {
  background: linear-gradient(90deg, #ff8c69 0%, #ff5a4d 100%);
  box-shadow: inset 0 0 13px #ffffff;
}
.javaboxPlan .btnbox .a_btn2:hover {
  opacity: 0.9;
  box-shadow: inset 0 0 13px #ffffff;
}
.javaboxPlan .btnbox .a_btn2::after {
  background-image: url("/pc/module/aiapp/module2/images/Stroke0.svg");
  border-color: transparent;
}