.buy06-container {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.buy06f3 {
  width: 100%;
  height: 812px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(35, 26, 84, 1);
}
 
.buy06-navigation {
  top: 44px;
  left: 0px;
  width: 375px;
  height: 44px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.buy06-title {
  gap: 10px;
  top: 1px;
  left: 86.5px;
  width: 203px;
  display: flex;
  position: absolute;
  align-items: center;
}
 
.buy06-componment-navigation-title {
  gap: 10px;
  display: flex;
  padding: 10px 68px;
  overflow: hidden;
  align-items: flex-start;
}
 
.buy06-text10 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  font-size: 17px;
  font-style: Semibold;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 600;
  line-height: 22px;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-componment-navigation-left-accessory {
  gap: 5px;
  top: 0px;
  left: 0px;
  width: 30px;
  display: flex;
  padding: 10px 9px;
  position: absolute;
  align-items: center;
}
 
.buy06-componmenticoni-o-sarrowleft {
  width: 12px;
  height: 21px;
}
 
.buy06-status-bari-x {
  top: 0px;
  left: 0px;
  width: 375px;
  height: 44px;
  display: flex;
  overflow: hidden;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.buy06-notch {
  top: -2px;
  left: 78px;
  width: 0px;
  height: 0px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.buy06-right-side {
  top: 17.3306884765625px;
  left: 293.6666564941406px;
  width: 66.661376953125px;
  height: 11.336018562316895px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.buy06-battery {
  top: 0.002685546875px;
  left: 42.333343505859375px;
  width: 24.32803726196289px;
  height: 11.333333015441895px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.buy06-rectangle1 {
  top: 0px;
  left: 0px;
  width: 22px;
  height: 11px;
  opacity: 0.35;
  position: absolute;
}
 
.buy06-combined-shape {
  top: 3.6666667461395264px;
  left: 23px;
  width: 1px;
  height: 4px;
  opacity: 0.40;
  position: absolute;
}
 
.buy06-rectangle2 {
  top: 1.9999998807907104px;
  left: 2px;
  width: 18px;
  height: 7px;
  position: absolute;
}
 
.buy06-wifi {
  top: 0px;
  left: 22.027069091796875px;
  width: 15px;
  height: 11px;
  position: absolute;
}
 
.buy06-mobile-signal {
  top: 0.3359375px;
  left: 0px;
  width: 17px;
  height: 11px;
  position: absolute;
}
 
.buy06-text11 {
  top: 104px;
  left: 59px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Semibold;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 600;
  line-height: 27px;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-rectangle4196 {
  top: 232px;
  left: 16px;
  width: 343px;
  height: 383px;
  position: absolute;
  border-radius: 20px;
}
 
.buy06-rectangle4199 {
  top: 566px;
  left: 142px;
  width: 91px;
  height: 29px;
  position: absolute;
  border-radius: 24px;
}
 
.buy06-text17 {
  top: 573px;
  left: 160px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: SF Pro;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text18 {
  top: 523px;
  left: 106px;
  color: rgba(174, 174, 174, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: right;
  font-family: SF Pro;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text19 {
  top: 419px;
  left: 106px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Medium;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text20 {
  top: 458px;
  left: 106px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Medium;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text21 {
  top: 502px;
  left: 106px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text22 {
  top: 383px;
  left: 106px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Semibold;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text23 {
  top: 347px;
  left: 106px;
  color: rgba(62, 30, 230, 1);
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Semibold;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text24 {
  top: 422px;
  left: 36px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text25 {
  top: 461px;
  left: 36px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text26 {
  top: 502px;
  left: 36px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text27 {
  top: 385px;
  left: 36px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text28 {
  top: 349px;
  left: 36px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-iconiccopy {
  top: 382px;
  left: 295px;
  width: 28px;
  height: 28px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.buy06-union {
  top: 4px;
  left: 6px;
  width: 16px;
  height: 20px;
  position: absolute;
}
 
.buy06-text29 {
  top: 248px;
  left: 58px;
  color: rgba(249, 108, 71, 1);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Medium;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 500;
  line-height: 21px;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text33 {
  top: 296px;
  left: 70px;
  color: rgba(57, 57, 57, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Medium;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 500;
  line-height: 21px;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text34 {
  top: 625px;
  left: 16px;
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  font-size: 12px;
  font-style: Regular;
  text-align: left;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: 21px;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-group9029 {
  top: 723px;
  left: 0px;
  width: 375px;
  height: 21px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(35, 26, 84, 1);
}
 
.buy06-text38 {
  top: 2px;
  left: 118px;
  color: rgba(255, 255, 255, 0.20000000298023224);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: SF Pro;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text39 {
  top: 196px;
  left: 90px;
  color: rgba(251, 162, 139, 1);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: right;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-overlay1 {
  top: 0px;
  left: 0px;
  width: 375px;
  height: 812px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
 
.buy06-overlay2 {
  top: 0px;
  left: 0px;
  width: 375px;
  height: 812px;
  position: absolute;
}
 
.buy06-modal {
  gap: 16px;
  top: 300px;
  left: 15px;
  width: 345px;
  display: flex;
  padding: 16px;
  overflow: hidden;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  border-color: rgba(255, 255, 255, 0.15000000596046448);
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  flex-direction: column;
  background-color: rgba(35, 26, 84, 1);
}
 
.buy06-group1 {
  width: 313px;
  height: 24px;
  display: flex;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.buy06-text40 {
  color: rgba(255, 255, 255, 1);
  width: 313px;
  height: auto;
  position: absolute;
  font-size: 18px;
  font-style: Medium;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text41 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  opacity: 0.80;
  font-size: 16px;
  align-self: stretch;
  font-style: Regular;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-text42 {
  font-weight: 400;
}
 
.buy06-btn {
  gap: 8px;
  display: flex;
  align-self: stretch;
  align-items: flex-start;
  flex-direction: column;
}
 
.buy06-componment-btn-style1 {
  width: 313px;
  height: 48px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
}
 
.buy06-navlink {
  display: contents;
}
 
.buy06-bg1 {
  top: 0px;
  left: 0px;
  width: 313px;
  height: 48px;
  position: absolute;
  border-radius: 8px;
  text-decoration: none;
}
 
.buy06-text49 {
  top: 12px;
  left: 140px;
  color: var(--dl-color-default-white);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Medium;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}
 
.buy06-buttonrefresh {
  gap: 8px;
  top: 717px;
  left: 34px;
  width: 313px;
  display: flex;
  position: absolute;
  flex-grow: 1;
  align-items: flex-start;
  flex-shrink: 0;
  animation-name: pulse;
  flex-direction: column;
  animation-delay: 0s;
  text-decoration: none;
  animation-duration: 2000ms;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
 
.buy06-componment-btn-style2 {
  width: 313px;
  height: 48px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-self: stretch;
  align-items: flex-start;
}
 
.buy06-bg2 {
  top: 0px;
  left: 0px;
  width: 313px;
  height: 48px;
  position: absolute;
  border-radius: 8px;
  animation-name: pulse;
  animation-delay: 0s;
  animation-duration: 2000ms;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
 
.buy06-text50 {
  top: 12px;
  left: 109px;
  color: var(--dl-color-default-white);
  height: auto;
  position: absolute;
  font-size: 16px;
  font-style: Medium;
  text-align: center;
  font-family: PingFang TC;
  font-weight: 500;
  line-height: 24px;
  font-stretch: normal;
  text-decoration: none;
}