.content {
    padding-top: 100px;
    padding-bottom: 100px;
    margin: 0 auto;
    max-width: 1440px;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.base-header {
    background: linear-gradient(270deg,#FF5E00 0%,#8943FA 48.27%,#60CBF8 100%);
    height: 70px;
    position: relative;
}
.base-header-link {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.base-header .content {
    padding: 0;
    gap: 100px;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.base-header-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: linear-gradient(180deg, #FFB41F 0%, #FF5500 100%);
    font-size: 16px;
    margin-left: 20px;
    box-shadow: 0 1px 2px 0 #00000040;
    color: #fff;
    min-width: 138px;
    font-weight: 700;
    height: 40px;
    border: 3px solid #FFF;
    box-shadow: 0 -4px 2px 0 #4B240040 inset;
}
.base-header-h3 {
    font-size: 20px;
}
.base-header-des {
    font-size: 12px;
    margin-top: 2px;
}
.base-header-discount {
    flex-direction: column;
}

.base-header-80 {
    font-size: 16px;
    font-weight: 700;
    /* 文字渐变 */
    background: linear-gradient(45deg, #ff6b6b, #f7d794, #4ecdc4);
    -webkit-background-clip: text; /* Chrome、Safari */
    background-clip: text;         /* 标准写法 */
    color: transparent;            /* 让文字本身透明，显示背景渐变 */
    /* 阴影（多层叠加） */
    text-shadow:
      2px 2px 4px rgba(0,0,0,0.2),   /* 基础柔光 */
      4px 4px 8px rgba(0,0,0,0.15),  /* 加深层次 */
      6px 6px 12px rgba(0,0,0,0.1);  /* 远距离淡化 */
}

.base-header-429 {
    font-size: 16px;
    background: linear-gradient(45deg, #ff6b6b, #f7d794, #4ecdc4);
    -webkit-background-clip: text; /* Chrome、Safari */
    background-clip: text;         /* 标准写法 */
    color: transparent;            /* 让文字本身透明，显示背景渐变 */
    /* 阴影（多层叠加） */
    text-shadow:
      2px 2px 4px rgba(0,0,0,0.2),   /* 基础柔光 */
      4px 4px 8px rgba(0,0,0,0.15),  /* 加深层次 */
      6px 6px 12px rgba(0,0,0,0.1);  /* 远距离淡化 */
}