.content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; /* 修改为 100% */
    max-width: 1080px; /* 可选：限制最大宽度 */
    margin: 0 auto;
    background: #020015;
}
.header{
    width: 1080px;
    height: 600px;
    /*image{*/
    /*    width: 1080px;*/
    /*    height: 600px;*/
    /*}*/
   background: url("/static/image/pc-1.svg")
}

.main {
    display: flex;
    width: 100%;
    max-width: 1080px;
    padding: 0px 80px 40px 80px;
    flex-direction: column;
    align-items: center; /* 改为居中对齐，更符合常见布局需求 */
    gap: 40px;
    background-color: #020015; /* 添加背景色，让 padding 区域可见 */
    box-sizing: border-box; /* 确保 padding 不会影响宽度计算 */
    margin: 0 auto; /* 居中于页面中央 */
    margin-top: 160px;
}

.recommendation-section{
  width: 100%;
  max-width: 920px;
  padding: 120px 80px 40px 80px;
}
.recommendation-content {
    width: 100%;
    max-width: 920px;
    padding: 120px 80px 40px 0px;
    margin-top: 70px;
}
.recommendation-content {
    color: #FFF;
    font-family: "PingFang SC", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 500;
    line-height: 86px; /* 134.375% */
}

.device-model {
    background: linear-gradient(90deg, #BACDFF -0.54%, #5B6FFF 100.36%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.recommendation-wen{
    flex: 1 0 0;
  color: rgba(255, 255, 255, 0.80);
  font-family: "PingFang SC";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.main-2{
    display: flex;
    width: 100%;
    max-width: 920px;
    flex-direction: column;
    align-items:center;
    gap: 44px;
    align-self: stretch;
    margin-top: 20px;
}
.main-content2{
    display: flex;
    padding: 40px 0px;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    border-radius: 16.119px;
    border: 0.672px solid rgba(76, 112, 245, 0.90);
    background: rgba(10, 10, 31, 0.60);
    backdrop-filter: blur(13.432836532592773px);
}
.main-content2-three{
    display: flex;
    flex-direction:column;
    width: 306.269px;
    align-items: center;
    font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
    font-family: "PingFang SC";

}
.main-content2-three-all{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 5.373px;
}
.main-content2-three-shu{
  color: #FFF;
  text-align: right;
  font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
  font-family: "PingFang SC";
  font-size: 50px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px; /* 128% */
  letter-spacing: -0.55px;
}
.main-content2-three-unit{
  color: rgba(255, 255, 255, 0.80);
  font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
  font-family: "PingFang SC";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px; /* 175% */
  letter-spacing: -0.352px;
}
.main-content2-three-class{
  color: rgba(255, 255, 255, 0.70);
  font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
  font-family: "PingFang SC";
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.216px;
}

.main-content3{
    display: flex;
    padding: 56px 0px 80px 0px;
    flex-direction: column;
    align-items: center;
    gap: 37.612px;
    align-self: stretch;
    border-radius: 16.119px;
    border: 0.672px solid rgba(76, 112, 245, 0.90);
    background: rgba(10, 10, 31, 0.60);
    backdrop-filter: blur(10.746269226074219px);
}

.main-content3-one{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16.119px;
    align-self: stretch;
}
.main-content3-rscsr{
  color: #FFF;
  text-align: right;
  font-feature-settings: 'ss11' on, 'cv09' on, 'liga' off, 'calt' off;
  font-family: "PingFang SC";
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 64.478px; /* 134.328% */
  letter-spacing: -0.528px;
}
.main-content3-money{
  text-align: center;
  font-feature-settings: 'liga' off, 'calt' off;
  font-family: "PingFang SC";
  font-size: 72px;
  font-style: normal;
  font-weight: 500;
  line-height: 96.716px; /* 134.328% */

  background: linear-gradient(90deg, #BACCFF 0%, #5B6FFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-content32{
    display: flex;
    width: 918.806px;
    justify-content: space-between;
    align-items: flex-start;
}
.main-content32-all{
    display: flex;
    width: 306.269px;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}
.main-content32-top{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 5.373px;
}
.footer{
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
}