body
{
    background-color: #EED99A;
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.display-none
{
    display: none;
}

.invisible
{
    visibility: hidden;
}

.main
{
    background-image: url("main.png");
  /*      width: 854px;*/
  /*  height: 902px;*/
  /*  background-size: 854px auto; !* 宽度固定，高度等比例缩放 *!*/
  /*background-repeat: no-repeat;*/
    width: 427px;
    height: 451px;
    margin: 60px auto;
}
.box-title {
    margin-top: 60px;
    display: flex;
    justify-content: center;
}

.bald
{
    background-image: url("bald.jpg");
    width: 500px;
    height: 420px;
    background-size: 500px auto; /* 宽度固定，高度等比例缩放 */
  background-repeat: no-repeat;
margin-bottom: 60px;
}

.box {
    display: flex;
  justify-content: center;  /* 水平居中 */
  align-items: center;     /* 垂直居中 */
    flex-direction: column;

}
.min-app {

}

.min-app-title {

}
.app {
    margin-top: 20px;
}
.remark {
    font-size: smaller;
}
.app-title {
line-height: 40px;
}

.title-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
    width:500px;
}

.app-icon {
    width: 120px;
    height: 120px;
    background-image: url("bald_icon.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    order: -1;
}


.nav
{
    margin: 20px auto;
    width: 426px;
    height: 40px;
}


.button
{
    width:140px;
    height:37px;
    border:1px solid #ffffff;
    color:#ffffff;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
}

.about
{
    float: left;
}

.join
{
    float:right;
}

.bottom
{
        font-size: small;
    margin-top: 100px;
        text-align: center;
}

a
{
    text-decoration: none;
    color:#333;
}