body {
    overflow-x: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #000000;
}

.page-wrapper {
    width: 1728px;
    position: relative;
}

@media screen and (min-width: 1729px) {
    body {
        width: 100%;
    }
    
    .page-wrapper {
        margin: 0 auto;
    }
}

@media screen and (max-width: 1728px) {
    body {
        overflow-x: auto;
    }
    
    .navbar {
        left: calc(50% + (1728px - 100vw)/2);
    }
    
    .forth-page,
    .third-page,
    .second-page,
    .hero {
        min-width: 1728px;
    }
}

@media (hover: none) and (pointer: coarse) {
    body {
        -webkit-overflow-scrolling: touch;
    }
}

.group-ntu {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: relative;
} 

.rectangle-ntu {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.ntu-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.ntu-text {
    width: 24px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-harvard {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 235px;
    top: 0;
} 

.rectangle-harvard {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.harvard-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.harvard-text {
    width: 141px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-berkley {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 470px;
    top: 0;
} 

.rectangle-berkley {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.berkley-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.berkley-text {
    width: 86px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-califo {
    width: 225px;
    height: 194px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 705px;
    top: 0;
} 

.rectangle-califo {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.califo-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.califo-text {
    width: 225px;
    height: 24px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-tokyo {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 202px;
} 

.rectangle-tokyo {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.tokyo-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.tokyo-text {
    width: 149px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-ucla {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 235px;
    top: 202px;
} 

.rectangle-ucla {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.ucla-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.ucla-text {
    width: 32px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-ucl {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 470px;
    top: 202px;
} 

.rectangle-ucl {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.ucl-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.ucl-text {
    width: 24px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-icl {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 705px;
    top: 202px;
} 

.rectangle-icl {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.icl-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.icl-text {
    width: 24px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-oxford {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 0;
    top: 394px;
} 

.rectangle-oxford {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.oxford-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.oxford-text {
    width: 157px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.group-unitree {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 235px;
    top: 394px;
} 

.rectangle-unitree {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
} 

.unitree-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
} 

.unitree-text {
    width: 157px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

.hand {
    width: 216px;
    height: 333px;
    position: absolute;
    top: 119px;
    left: 16px;
    gap: 0px;
    opacity: 0.9;
    position: relative;
} 

.hand-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
} 

.hand::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 67.72%, #000000 100%);
    pointer-events: none;
} 

.forth-page {
    width: 1728px;
    height: 416px;
    position: absolute;
    top: 5446px;
    gap: 0px;
    opacity: 1;
} 

.group-end {
    width: 221px;
    height: 136px;
    position: absolute;
    top: 80px;
    left: 164px;
    gap: 0px;
    opacity: 1;
} 

.end-icon {
    width: 178.67px;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
    gap: 0px;
    opacity: 1;
    object-fit: contain;
} 

.end-text {
    width: 201px;
    height: 36px;
    position: absolute;
    top: 100px;
    left: 20px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
} 

.copyright-text {
    width: 224px;
    height: 24px;
    position: absolute;
    top: 100px;
    left: 1339px;
    gap: 0px;
    opacity: 0.4;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
} 

.group-end-menu {
    width: 580px;
    height: 108px;
    position: absolute;
    top: 100px;
    left: 634px;
    gap: 0px;
    opacity: 1;
} 

.frame-menu1 {
    width: 110px;
    height: 108px;
    position: absolute;
    top: 0px;
    left: 0px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 1;
} 

.frame-menu2 {
    width: 110px;
    height: 108px;
    position: absolute;
    top: 0px;
    left: 235px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 1;
} 

.frame-menu3 {
    width: 110px;
    height: 76px;
    position: absolute;
    top: 0px;
    left: 470px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 1;
} 

.menu-title {
    width: 86px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
} 

.menu-ecosystem {
    width: 71px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
} 

.menu-rebocap {
    width: 55px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
} 

.menu-resource {
    width: 63px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
} 

.menu-media-kit {
    width: 71px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
}

.menu-terms {
    width: 86px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
}

.menu-privacy {
    width: 94px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
}

.menu-cookie {
    width: 94px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
} 

.menu-title,
.menu-ecosystem,
.menu-rebocap,
.menu-resource,
.menu-media-kit,
.menu-terms,
.menu-privacy,
.menu-cookie {
    white-space: nowrap;
} 

.menu-x {
    width: 16px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
}

.menu-discord {
    width: 55px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
}

.menu-telegram {
    width: 63px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
}

.menu-email {
    width: 47px;
    height: 12px;
    gap: 0px;
    opacity: 1;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
}

.menu-title,
.menu-ecosystem,
.menu-rebocap,
.menu-resource,
.menu-media-kit,
.menu-terms,
.menu-privacy,
.menu-cookie,
.menu-x,
.menu-discord,
.menu-telegram,
.menu-email {
    white-space: nowrap;
} 

/* SWISSSMILE 样式 */
.group-swissmile {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 470px;
    top: 394px;
}

.rectangle-swissmile {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.swissmile-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
}

.swissmile-text {
    width: 157px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
} 

/* AGILE 样式 */
.group-agile {
    width: 225px;
    height: 182px;
    gap: 0;
    opacity: 1;
    position: absolute;
    left: 705px;
    top: 394px;
}

.rectangle-agile {
    width: 225px;
    height: 160px;
    gap: 0;
    border-radius: 8px;
    border: 1px solid rgba(187, 187, 187, 0.2);
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
}

.agile-icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 30px;
    left: 62px;
    opacity: 1;
    object-fit: contain;
}

.agile-text {
    width: 157px;
    height: 12px;
    position: absolute;
    top: 170px;
    left: 0;
    font-family: 'Azeret Mono', monospace;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #F3F5F2;
    opacity: 0.4;
}