:root {
  --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
    "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
    "Source Han Sans CN", sans-serif;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 1440px;
  height: 5200px;
  margin: 0 auto;
  padding: 90px 126px 90px 126px;
  background: #0b0c0f;
  overflow: hidden;
}
.intro-all {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 42px;
  position: relative;
  min-width: 0;
}
.avatar-pic-of-me {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  width: 312px;
  z-index: 1;
}
.profile-png {
  flex-shrink: 0;
  position: relative;
  width: 312px;
  height: 338px;
  z-index: 2;
  overflow: hidden;
}
.profile-png-1 {
  position: absolute;
  width: 312px;
  height: 428px;
  top: -25px;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/j5qOE2Gbmk.png)
    no-repeat center;
  background-size: cover;
  z-index: 3;
}
.contact-channel {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 16px;
  position: relative;
  min-width: 0;
  z-index: 4;
}
.cv {
  flex-shrink: 0;
  position: relative;
  width: 36px;
  height: 41px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/dct2dAEHC5.png)
    no-repeat center;
  background-size: cover;
  z-index: 5;
  overflow: hidden;
}
.gmail {
  flex-shrink: 0;
  position: relative;
  width: 36px;
  height: 36px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/z4uVchQGvC.png)
    no-repeat center;
  background-size: cover;
  z-index: 6;
  overflow: hidden;
  border-radius: 4px;
}
.wechat {
  flex-shrink: 0;
  position: relative;
  width: 36px;
  height: 36px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/g71mpX791w.png)
    no-repeat center;
  background-size: cover;
  z-index: 7;
  overflow: hidden;
  border-radius: 4px;
}
.ins {
  flex-shrink: 0;
  position: relative;
  width: 36px;
  height: 36px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/XhvVaWPWbE.png)
    no-repeat center;
  background-size: cover;
  z-index: 8;
  overflow: hidden;
  border-radius: 4px;
}
.words-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 18px;
  position: relative;
  z-index: 9;
}
.name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
}
.jizhao-xie {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 56px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  text-align: left;
  white-space: nowrap;
  z-index: 11;
}
.master-student {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: rgba(255, 255, 255, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
.status {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  padding: 10px 20px 10px 20px;
  border: 1px solid #ffffff;
  z-index: 13;
  border-radius: 50px;
}
.open-to-phd-positions {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 715px;
  height: 28px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: justified;
  white-space: nowrap;
  z-index: 14;
}
.hi-im-a-third-year-master-student {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: justified;
  z-index: 15;
}
.hi-im-a-third-year-master-student-2 {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: justified;
}
.a {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: justified;
  letter-spacing: -0.16px;
}
.background-in-design {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: justified;
}
.research-interests-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  z-index: 16;
}
.research-interests {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: rgba(255, 255, 255, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 17;
}
.hci-bci-neurofeedback-based-games {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: rgba(255, 255, 255, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 18;
}
.division {
  flex-shrink: 0;
  position: relative;
  width: 312px;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/GOWg3aW1sm.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
}
.content-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 48px;
  position: relative;
  width: 1188px;
  z-index: 20;
}
.content-all-3 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 42px;
  position: relative;
  z-index: 21;
}
.news-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 5px;
  position: relative;
  width: 312px;
  z-index: 22;
}
.news {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 23;
}
.news-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  min-width: 0;
  padding: 20px 20px 20px 20px;
  background: #292730;
  z-index: 24;
  border-radius: 12px;
}
.working-on-my-website {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  letter-spacing: -0.12px;
  z-index: 25;
}
.working-on-my-website-4 {
  position: relative;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  letter-spacing: -0.12px;
}
.working-on-my-website-5 {
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
}
.research-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 5px;
  position: relative;
  z-index: 26;
}
.research {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 27;
}
.research-frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 28;
}
.research-card {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  height: 275px;
  padding: 10px 15px 10px 15px;
  background: #ffffff;
  z-index: 29;
  border-radius: 20px;
}
.research-pic {
  flex-shrink: 0;
  position: relative;
  width: 245px;
  height: 245px;
  z-index: 30;
  overflow: hidden;
  border-radius: 20px;
}
.research-review-png {
  position: absolute;
  width: 323px;
  height: 323px;
  top: 50%;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/j17hjxGjQe.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-50%, -50%);
  z-index: 31;
}
.research-card-words {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-height: 0;
  padding: 12px 0 12px 0;
  z-index: 32;
}
.frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 33;
}
.a-review-of-the-impact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 539px;
  height: 56px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  letter-spacing: -0.2px;
  z-index: 34;
}
.uses-the-mda-framework {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 539px;
  height: 88px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
  z-index: 35;
}
.bottom-card {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 36;
}
.tags-card {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  width: 302px;
  z-index: 37;
}
.tag {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 142px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 38;
  border-radius: 50px;
}
.neurofeedback-game {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 39;
}
.healthy-adults {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 101px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 40;
  border-radius: 50px;
}
.mda {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 41;
}
.tag-6 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 47px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 42;
  border-radius: 50px;
}
.pdf {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 43;
}
.research-card-7 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 44px;
  padding: 5px 10px 5px 10px;
  z-index: 44;
  border-radius: 50px;
}
.research-pic-8 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 45;
}
.research-mot-png {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  height: 275px;
  padding: 10px 15px 10px 15px;
  background: #ffffff;
  z-index: 46;
  border-radius: 20px;
}
.research-card-words-9 {
  flex-shrink: 0;
  position: relative;
  width: 245px;
  height: 245px;
  z-index: 47;
  overflow: hidden;
  border-radius: 20px;
}
.frame-a {
  position: absolute;
  width: 274px;
  height: 274px;
  top: 50%;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/QYg0HVVn5E.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-52.37%, -49.45%);
  z-index: 48;
}
.adaptive-neurofeedback-game-design {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-height: 0;
  padding: 12px 0 12px 0;
  z-index: 49;
}
.designing-a-closed-loop-neurofeedback-game {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 50;
}
.bottom-card-b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 539px;
  height: 56px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  letter-spacing: -0.2px;
  z-index: 51;
}
.tags-card-c {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 539px;
  height: 110px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
  z-index: 52;
}
.tag-d {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 53;
}
.adaptive-difficulty {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  width: 409px;
  z-index: 54;
}
.theta-alpha {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 122px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 55;
  border-radius: 50px;
}
.d-mot {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 56;
}
.tag-e {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 89px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 57;
  border-radius: 50px;
}
.masters-thesis {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 58;
}
.pdf-f {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 71px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 59;
  border-radius: 50px;
}
.research-card-10 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 60;
}
.group-9 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 109px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 61;
  border-radius: 50px;
}
.text-18 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 62;
}
.section-10 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 44px;
  padding: 5px 10px 5px 10px;
  z-index: 63;
  border-radius: 50px;
}
.text-19 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 64;
}
.group-a {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  height: 275px;
  padding: 10px 15px 10px 15px;
  background: #ffffff;
  z-index: 65;
  border-radius: 20px;
}
.research-pic-11 {
  flex-shrink: 0;
  position: relative;
  width: 245px;
  height: 245px;
  z-index: 66;
  overflow: hidden;
  border-radius: 20px;
}
.research-vr-png {
  position: absolute;
  width: 271px;
  height: 271px;
  top: 50%;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/vmUn6mN11s.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-49.63%, -48.15%);
  z-index: 67;
}
.research-card-words-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-height: 0;
  padding: 12px 0 12px 0;
  z-index: 68;
}
.frame-13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  z-index: 69;
}
.eeg-vr-neurofeedback-game-system {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.2px;
  z-index: 70;
}
.eeg-unity-vr-pipeline {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 539px;
  height: 88px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
  z-index: 71;
}
.bottom-card-14 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 72;
}
.tags-card-15 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 388px;
  z-index: 73;
}
.tag-16 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 169px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 74;
  border-radius: 50px;
}
.neurofeedback-interaction {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 75;
}
.eeg-vr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 76px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 76;
  border-radius: 50px;
}
.research-assistant {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 77;
}
.tag-17 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 127px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 78;
  border-radius: 50px;
}
.tag-18 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 79;
}
.card-pdf-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 44px;
  padding: 5px 10px 5px 10px;
  z-index: 80;
  border-radius: 50px;
}
.pdf-19 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 81;
}
.content-all-1a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 60px;
  position: relative;
  z-index: 82;
}
.publication-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 1188px;
  z-index: 83;
}
.division-1b {
  flex-shrink: 0;
  position: relative;
  width: 1188px;
  height: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/GLAxzvmDba.png)
    no-repeat center;
  background-size: cover;
  z-index: 84;
}
.publication {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 85;
}
.card-publication {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  height: 275px;
  padding: 10px 15px 10px 15px;
  background: #ffffff;
  z-index: 86;
  border-radius: 20px;
}
.section-16 {
  flex-shrink: 0;
  position: relative;
  width: 245px;
  height: 245px;
  z-index: 87;
  overflow: hidden;
  border-radius: 20px;
}
.img-5 {
  position: absolute;
  width: 250px;
  height: 250px;
  top: 50%;
  left: 50%;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/L22zV8Z3XR.png)
    no-repeat center;
  background-size: cover;
  transform: translate(-49.8%, -49.8%);
  z-index: 88;
}
.content-publication {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  min-height: 0;
  padding: 12px 0 12px 0;
  z-index: 89;
}
.words-publication {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  z-index: 90;
}
.neurofeedback-games-impact {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 893px;
  height: 56px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  letter-spacing: -0.2px;
  z-index: 91;
}
.serious-game-design-evaluation {
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
  z-index: 92;
}
.jizhao-xie-1c {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
}
.comma {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
}
.qian-ji {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
}
.comma-1d {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
}
.qian-ji-1e {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
}
.comma-1f {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
}
.bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 93;
}
.tags {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  position: relative;
  width: 376px;
  z-index: 94;
}
.tag-20 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 75px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 95;
  border-radius: 50px;
}
.hcii {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.12px;
  z-index: 96;
}
.tag-21 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 95px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 97;
  border-radius: 50px;
}
.autistic-child {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 98;
}
.eye-contact {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 89px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 99;
  border-radius: 50px;
}
.serious-game {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 100;
}
.tag-22 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 99px;
  padding: 5px 10px 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  z-index: 101;
  border-radius: 50px;
}
.links {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  text-align: left;
  white-space: nowrap;
  z-index: 102;
}
.link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 163px;
  padding: 5px 10px 5px 10px;
  z-index: 103;
  border-radius: 50px;
}
.pdf-23 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 104;
}
.video {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 105;
}
.pre {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 106;
}
.education-all {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 17px;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 107;
}
.division-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 1188px;
  z-index: 108;
}
.education {
  flex-shrink: 0;
  position: relative;
  width: 1196px;
  height: 9px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/EejCEZBisV.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
}
.card-education {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 110;
}
.card-sjtu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1188px;
  z-index: 111;
}
.logo {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 30px 20px 30px 20px;
  background: #ffffff;
  z-index: 112;
  border-radius: 20px;
}
.box-6 {
  flex-shrink: 0;
  position: relative;
  width: 195px;
  height: 132px;
  z-index: 113;
  overflow: hidden;
}
.sjtu-words {
  position: relative;
  width: 184px;
  height: 60px;
  margin: 36px 0 0 6px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/xQ5KBP4YQW.png)
    no-repeat center;
  background-size: cover;
  z-index: 114;
}
.frame-25 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  z-index: 115;
}
.shanghai-jiao-tong-university {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 116;
}
.years {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 117;
}
.m-eng-international-industrial-design-engineering {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 118;
}
.exchange {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 119;
}
.admitted-by-graduate-recommendation {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 120;
}
.gpa {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 121;
}
.card-hust {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 122;
}
.logo-26 {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 123;
}
.box-7 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 30px 20px 30px 20px;
  background: #ffffff;
  z-index: 124;
  border-radius: 20px;
}
.hust-words {
  flex-shrink: 0;
  position: relative;
  width: 195px;
  height: 132px;
  z-index: 125;
  overflow: hidden;
}
.frame-27 {
  position: relative;
  width: 122px;
  height: 93px;
  margin: 20px 0 0 37px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/i8h11JrXuq.png)
    no-repeat center;
  background-size: cover;
  z-index: 126;
}
.huazhong-university-of-science-technology {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  height: 132px;
  z-index: 127;
}
.years-28 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 128;
}
.frame-29 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 129;
}
.text-38 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 130;
}
.group-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 131;
}
.product-design-hust-qs {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 132;
}
.english-translation {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 133;
}
.outstanding-graduate-hust {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 134;
}
.gpa-2a {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 135;
}
.professional-experience-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 1188px;
  z-index: 136;
}
.professional-experience {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 137;
}
.card-professional-experience {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1188px;
  z-index: 138;
}
.card-lego {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 30px 20px 30px 20px;
  background: #ffffff;
  z-index: 139;
  border-radius: 20px;
}
.logo-2b {
  flex-shrink: 0;
  position: relative;
  width: 195px;
  height: 132px;
  z-index: 140;
  overflow: hidden;
}
.lego-logo {
  position: relative;
  width: 88px;
  height: 88px;
  margin: 22px 0 0 54px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/cm51cLV9N7.png)
    no-repeat center;
  background-size: cover;
  z-index: 141;
}
.lego-words {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  z-index: 142;
}
.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 143;
}
.lego-group-china-hq {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 144;
}
.aug-present {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 145;
}
.words {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 146;
}
.user-research-crm-optimization {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 943px;
  height: 44px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
  z-index: 147;
}
.internal-events-support {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.16px;
  z-index: 148;
}
.oppo-ai-hardware-pm-intern {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.16px;
  z-index: 149;
}
.card-oppo {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  min-width: 0;
  padding: 30px 20px 30px 20px;
  background: #ffffff;
  z-index: 150;
  border-radius: 20px;
}
.logo-2c {
  flex-shrink: 0;
  position: relative;
  width: 195px;
  height: 132px;
  z-index: 151;
  overflow: hidden;
}
.oppo-logo {
  position: relative;
  width: 154px;
  height: 36.855px;
  margin: 48px 0 0 21px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/Wya2kegO0i.png)
    no-repeat center;
  background-size: cover;
  z-index: 152;
}
.oppo-words {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 10px;
  position: relative;
  height: 132px;
  z-index: 153;
}
.title-2d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 154;
}
.may-jul {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 155;
}
.words-2e {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 156;
}
.competitive-analysis-seminars {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 157;
}
.user-interviews-insights {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.16px;
  z-index: 158;
}
.prds-product-features {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.16px;
  z-index: 159;
}
.leadership-activities-all {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 943px;
  height: 44px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  letter-spacing: -0.16px;
  z-index: 160;
}
.leadership-activities {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 1188px;
  z-index: 161;
}
.card-leadership-activities {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 162;
}
.words-2f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1188px;
  padding: 0 15px 0 15px;
  background: #ffffff;
  z-index: 163;
  border-radius: 20px;
}
.teaching-assistant {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  padding: 30px 20px 30px 20px;
  background: #ffffff;
  z-index: 164;
  border-radius: 20px;
}
.teaching-assistant-ge-academic-design-research-colloquium {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 165;
}
.invited-student-guest {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 166;
}
.invited-student-guest-design-shanghai {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.design-dept-assistant {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.design-dept-assistant-icci-school-sjtu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 167;
}
.administrative-assistant {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 168;
}
.administrative-assistant-school-of-design-sjtu {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 169;
}
.lead-actor {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.lead-actor-sjtu-michigan-college-drama-production {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.student-union-vice-chair-arts-sports {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 170;
}
.student-union-vice-chair-arts-sports-activities {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 171;
}
.awards-scholarships-all {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 976px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 172;
}
.awards-scholarships {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.card-awards-scholarships {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.words-30 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 173;
}
.national-first-prize {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 174;
}
.national-first-prize-china-university-exhibition-milan-design-week {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 175;
}
.text-52 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.text-53 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-54 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 176;
}
.box-c {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 177;
}
.group-18 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 178;
}
.text-55 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.text-56 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-57 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 179;
}
.section-29 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 180;
}
.section-2a {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 976px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 181;
}
.text-58 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.text-59 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-5a {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 182;
}
.wrapper-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 1188px;
  z-index: 183;
}
.text-5b {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 184;
}
.wrapper-18 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  width: 1188px;
  padding: 0 15px 0 15px;
  background: #ffffff;
  z-index: 185;
  border-radius: 20px;
}
.wrapper-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  padding: 30px 20px 30px 20px;
  background: #ffffff;
  z-index: 186;
  border-radius: 20px;
}
.group-19 {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 187;
}
.wrapper-1a {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 188;
}
.text-5c {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.text-5d {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-5e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 189;
}
.national-second-prize {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 190;
}
.national-second-prize-ncda {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 191;
}
.national-second-prize-31 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.future-designer-ncda {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-61 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 192;
}
.third-prize {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 193;
}
.third-prize-shanghai-division {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 194;
}
.third-prize-32 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.china-us-young-maker-competition {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-64 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 195;
}
.inspiration-award {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 196;
}
.inspiration-award-bmw {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 197;
}
.inspiration-award-33 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.bmw-university-challenge-camp {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-67 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 198;
}
.runner-up {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 199;
}
.runner-up-hackday {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 200;
}
.runner-up-34 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.lianchuang-nightingale-tech {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-6a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 39px;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 201;
}
.outstanding-graduate {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 202;
}
.outstanding-graduate-hust-35 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1069px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 203;
}
.outstanding-graduate-36 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.hust {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-6d {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 204;
}
.graduate-admission-exemption {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 205;
}
.graduate-admission-exemption-37 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 206;
}
.text-6f {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 207;
}
.three-good-student {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 208;
}
.three-good-student-38 {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 209;
}
.merit-student {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 210;
}
.excellent-student-cadre {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 211;
}
.excellent-student-cadre-hust {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1021px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 212;
}
.excellent-student-cadre-39 {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.hust-3a {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-74 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 213;
}
.zhongdao-scholarship {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 214;
}
.zhongdao-scholarship-hust {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1021px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 215;
}
.zhongdao-scholarship-3b {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.hust-3c {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-77 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 216;
}
.self-strengthening-scholarship {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  height: 28px;
  z-index: 217;
}
.self-strengthening-scholarship-hust {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1021px;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  text-overflow: initial;
  white-space: nowrap;
  z-index: 218;
}
.self-strengthening-scholarship-3d {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: left;
}
.hust-3e {
  position: relative;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
}
.text-7a {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 219;
}
.skills-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 1188px;
  z-index: 220;
}
.skills {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 221;
}
.card-skills {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 20px;
  position: relative;
  min-width: 0;
  z-index: 222;
}
.skill {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 12px;
  position: relative;
  padding: 20px 24px 20px 24px;
  background: #ffffff;
  z-index: 223;
  border-radius: 20px;
}
.programming {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 224;
}
.taps {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 225;
}
.section-30 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 61px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 226;
  border-radius: 50px;
}
.python {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 227;
}
.section-31 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 170px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 232;
  border-radius: 50px;
}
.ai-assisted-prototyping {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 233;
}
.section-32 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 231px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 234;
  border-radius: 50px;
}
.statistical-analysis {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 235;
}
.section-33 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 74px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 228;
  border-radius: 50px;
}
.matlab {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 229;
}
.section-34 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 131px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 230;
  border-radius: 50px;
}
.front-end-web {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 231;
}
.skill-3f {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 12px;
  position: relative;
  padding: 20px 24px 20px 24px;
  background: #ffffff;
  z-index: 236;
  border-radius: 20px;
}
.design {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 237;
}
.taps-40 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 238;
}
.wrapper-21 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 314px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 239;
  border-radius: 50px;
}
.ui-ux-design {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 240;
}
.box-13 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 269px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 241;
  border-radius: 50px;
}
.graphic-design {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 242;
}
.box-14 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 135px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 243;
  border-radius: 50px;
}
.text-85 {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 244;
}
.wrapper-22 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 206px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 247;
  border-radius: 50px;
}
.product-rendering {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 248;
}
.empty {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 90px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 245;
  border-radius: 50px;
}
.d-printing {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 246;
}
.skill-41 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 12px;
  position: relative;
  padding: 20px 24px 20px 24px;
  background: #ffffff;
  z-index: 249;
  border-radius: 20px;
}
.hci {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 250;
}
.taps-42 {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 4px;
  position: relative;
  z-index: 251;
}
.empty-43 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 96px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 252;
  border-radius: 50px;
}
.think-aloud {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 253;
}
.empty-44 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 176px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 256;
  border-radius: 50px;
}
.rapid-paper-prototyping {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 257;
}
.empty-45 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 134px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 260;
  border-radius: 50px;
}
.thematic-analysis {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 261;
}
.empty-46 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 146px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 264;
  border-radius: 50px;
}
.heuristic-evaluation {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 265;
}
.empty-47 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 111px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 254;
  border-radius: 50px;
}
.user-personas {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 255;
}
.empty-48 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 164px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 262;
  border-radius: 50px;
}
.cognitive-walkthrough {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 263;
}
.empty-49 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 169px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 266;
  border-radius: 50px;
}
.behavioral-experiments {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 267;
}
.empty-4a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  position: relative;
  width: 153px;
  padding: 4px 8px 4px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  z-index: 258;
  border-radius: 50px;
}
.affinity-diagramming {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 20px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  text-align: left;
  white-space: nowrap;
  z-index: 259;
}
.design-all {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 10px;
  position: relative;
  width: 1188px;
  z-index: 268;
}
.design-4b {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 50px;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  text-align: left;
  white-space: nowrap;
  z-index: 269;
}
.card-design {
  flex-shrink: 0;
  position: relative;
  width: 1188px;
  height: 420px;
  z-index: 270;
}
.card-design-4c {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  position: relative;
  width: 1188px;
  margin: 0 0 0 0;
  z-index: 271;
}
.design-card {
  flex-shrink: 0;
  position: relative;
  width: 584px;
  height: 200px;
  background: #ffffff;
  z-index: 272;
  overflow: hidden;
  border-radius: 20px;
}
.bg {
  position: absolute;
  width: 812.693px;
  height: 517.248px;
  top: -67px;
  left: -89px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/VGiuJS4p0V.png)
    no-repeat center;
  background-size: cover;
  z-index: 273;
  overflow: hidden;
}
.card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  position: absolute;
  width: 584px;
  height: 200px;
  top: 0;
  left: 0;
  padding: 20px 24px 20px 24px;
  z-index: 274;
  border-radius: 20px;
}
.word {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  gap: 12px;
  position: relative;
  min-width: 0;
  min-height: 0;
  z-index: 275;
}
.title-4d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  z-index: 276;
}
.ai-features-of-spotify {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  width: 400px;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 277;
}
.pdf-demo {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 69px;
  z-index: 278;
}
.pdf-spotify {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 17px;
  z-index: 279;
}
.pdf-4e {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 280;
}
.demo-spotify {
  flex-shrink: 0;
  position: relative;
  width: 37px;
  height: 17px;
  z-index: 281;
}
.demo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 282;
}
.collaboration-with-spotify {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 283;
}
.design-card-4f {
  flex-shrink: 0;
  position: relative;
  width: 584px;
  height: 200px;
  background: #ffffff;
  z-index: 284;
  overflow: hidden;
  border-radius: 20px;
}
.bg-50 {
  position: absolute;
  width: 685.309px;
  height: 510.248px;
  top: -69px;
  left: -36.09px;
  z-index: 285;
}
.mask-group {
  position: absolute;
  width: 685.309px;
  height: 510.248px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/mGmgc99FDm.png)
    no-repeat center;
  background-size: cover;
  z-index: 286;
}
.word-51 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  position: absolute;
  width: 584px;
  height: 200px;
  top: 0;
  left: 0;
  padding: 20px 24px 20px 24px;
  z-index: 287;
  border-radius: 20px;
}
.title-52 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 288;
}
.gamification-experience-with-lego-product {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 289;
}
.pdf-demo-53 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 8px;
  position: relative;
  width: 69px;
  z-index: 290;
}
.pdf-lego {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 17px;
  z-index: 291;
}
.pdf-54 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 292;
}
.demo-lego {
  flex-shrink: 0;
  position: relative;
  width: 37px;
  height: 17px;
  z-index: 293;
}
.demo-55 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 294;
}
.design-challenge-presented-in-the-lego-interview {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 295;
}
.card-design-56 {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  position: relative;
  width: 1188px;
  margin: 20px 0 0 0;
  z-index: 296;
}
.design-card-57 {
  flex-shrink: 0;
  position: relative;
  width: 584px;
  height: 200px;
  background: #ffffff;
  z-index: 297;
  overflow: hidden;
  border-radius: 20px;
}
.bg-58 {
  position: absolute;
  width: 764.438px;
  height: 460px;
  top: -48px;
  left: -65px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/jE1VttS17r.png)
    no-repeat center;
  background-size: cover;
  z-index: 298;
  overflow: hidden;
}
.card-59 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  position: relative;
  width: 584px;
  height: 200px;
  top: 0;
  left: 0;
  padding: 20px 24px 20px 24px;
  z-index: 299;
  overflow: hidden;
  border-radius: 20px;
}
.word-5a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 300;
}
.brainbeat-cinema {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 301;
}
.pdf-brain {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 17px;
  z-index: 302;
}
.pdf-5b {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 303;
}
.groundbreaking-movie-rating-system {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  width: 536px;
  min-width: 0;
  height: 44px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: left;
  z-index: 304;
}
.design-card-5c {
  flex-shrink: 0;
  position: relative;
  width: 584px;
  height: 200px;
  background: #ffffff;
  z-index: 305;
  overflow: hidden;
  border-radius: 20px;
}
.bg-5d {
  position: absolute;
  width: 584px;
  height: 200px;
  top: 0;
  left: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-20/jj5sgkc2Zq.png)
    no-repeat center;
  background-size: cover;
  z-index: 306;
  overflow: hidden;
}
.card-5e {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px;
  position: absolute;
  width: 584px;
  height: 200px;
  top: 0;
  left: 0;
  padding: 20px 24px 20px 24px;
  z-index: 307;
  overflow: hidden;
  border-radius: 20px;
}
.word-5f {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-wrap: nowrap;
  flex-shrink: 0;
  position: relative;
  min-width: 0;
  z-index: 308;
}
.some-small-projects {
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  height: 28px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  z-index: 309;
}
.pdf-small {
  flex-shrink: 0;
  position: relative;
  width: 24px;
  height: 17px;
  z-index: 310;
}
.pdf-60 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  top: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.8);
  font-family: PingFang SC, var(--default-font-family);
  font-size: 12px;
  font-weight: 600;
  line-height: 16.8px;
  text-align: left;
  text-decoration: underline;
  white-space: nowrap;
  z-index: 311;
}
.small-designs-included {
  align-self: stretch;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  min-width: 0;
  height: 22px;
  color: #000000;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  white-space: nowrap;
  z-index: 312;
}
.copyright {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  width: 1188px;
  min-width: 0;
  min-height: 0;
  color: #ffffff;
  font-family: PingFang SC, var(--default-font-family);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: center;
  z-index: 313;
}
/* ===== BG unify & clickability ===== */
:root{
  /* 如果你已有全局深色变量，用你自己的；没有就用这个默认 */
  --page-bg: rgba(11, 12, 15, 1);
}

/* 背景统一为深色，避免边缘露白 */
html, body{
  background: var(--page-bg) !important;
  min-height: 100%;
  margin: 0;
}

/* 你的外层容器若有（任选其一或都写）： */
#wrap, #viewport, .viewport, .page, main{
  background: transparent !important; /* 让容器透明，露出 body 的深色 */
}

/* 确保链接和图标能接收点击（有些 Figma 导出会带 pointer-events:none） */
a, .link-chip, .doc, .right-links a,
.contact-icons, .contact-icons *{
  pointer-events: auto !important;
  cursor: pointer;
}
/* ====== Right-top label group (PDF / DEMO / …) ====== */
/* 卡片根元素已有 .zx-card-rel（若没有由 JS 自动加），这里给它绝对定位的“右上角容器” */
.zx-card-rel { position: relative; }

.zx-card-rel .zx-right-links {
  position: relative;
  /* 来自你的量尺：top ≈25.5，right ≈24；落地取整更稳 */
  top: 26px;
  right: 24px;
  display: flex;
  align-items: baseline;
  gap: 8px;                /* PDF 与 DEMO 之间 8px */
}

.zx-card-rel .zx-right-links a,
.zx-card-rel .zx-right-links [data-action]{
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  /* 取消任何历史上的偏移 */
  position: static !important;
  right: auto !important;
  top: auto !important;
}

/* ====== 研究卡单个 PDF 胶囊 ====== */
.zx-pdf-pill{
  position: relative;
  top: 26px;              /* 与上面一致 */
  right: 24px;            /* 与上面一致 */
  padding: 5px 10px;      /* 你的量尺：上下5、左右10 */
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}

/* ====== 发表卡底部 LINK/PDF/VIDEO/PRE 一行 ====== */
.pub-links{
  display: flex;
  gap: 8px;               /* 词与词之间 8px */
}
.pub-links a{ text-decoration: underline; font-weight: 600; cursor: pointer; }

/* ====== 保险：如果页面上还有旧的“逐个右移”的写法，取消它 ====== */
.zx-card-rel [data-action="demo"],
.zx-card-rel [data-action="video"],
.zx-card-rel [data-action="pre"],
.zx-card-rel [data-action="link"]{
  right: auto !important;
}