html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center; /* 水平居中 */
    /* align-items: center;  */
    background: linear-gradient(180deg, #262D37 0%, #8CA8AE 100%);
    background-attachment: fixed;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Tahoma, Arial;
    line-height: 150%; /* 设置全局行高 */
    color: #333; /* 设置全局文字颜色 */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei", Tahoma, Arial;
    color: #111;
    margin: 0;
}

p {
    margin: 0;
}

a {
    color: #007BFF; /* 链接颜色 */
    text-decoration: none; /* 移除下划线 */
    cursor: pointer;
}

a:hover {
    text-decoration: none; /* 悬停时添加下划线 */
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.tab-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 40px;
    border: 2px solid #FFF;
    clip-path: inset(0 round 30px);
}

.tab-button {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
    border: none;
    background: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}

.tab-button:hover {
    background: #ffffff10;
}

.tab-button.active {
    background: #FFF;
    color: #000;
    font-weight: 500;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding-bottom: 100px;
}

.tab-content h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
}

.featureGroup {
    display: flex;
    width: 327px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
    background: #EEE;
}

.logo {
    width: 100px;
    height: 100px;
    border-radius: 32px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08);
}

.feature {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.feature img {
    width: 279px;
    height: auto;
}

.feature p {
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.feature h6 {
    font-size: 16px;
    font-weight: 700;
}

.feature.div {
    border-bottom: 1px solid #CCC;
}

.fIntro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
}

.download-button {
    position: fixed;
    bottom: 24px;
    display: flex;
    width: 327px;
    height: 52px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 40px;
    background: #000;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.08), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}

.download-button:hover {
    background-color: #111;
}