html{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}


body{
    width: 100%;
    height: 100%;
}

.content{
    display: flex;
    align-items: stretch; /* 让 .right 高度适应 .left */

}


.other {
    flex: 1;
    background-color: white;
    text-align: center;
    width: 100%;
}

#container{
    overflow: auto;
    height: 100vh;
    padding-bottom: 10px;
}

/* 隐藏滚动条样式，仅对 Webkit 浏览器生效 (如 Chrome, Safari) */
#container::-webkit-scrollbar {
    display: none;
}

/* 使用 -ms-overflow-style 和 scrollbar-width 来隐藏滚动条样式 */
#container {
    -ms-overflow-style: none;  /* IE 和 Edge 浏览器 */
    scrollbar-width: none;  /* Firefox 浏览器 */
    overflow: auto;
    height: 100vh;
    padding-bottom: 10px;
}


.title{
    font-size: 24px;
}

a {
    color: inherit;
}

.tooltip {
    display: none; /* 隐藏浮层 */
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    z-index: 1000;
    border-radius: 5px;
}

.tooltip img {
    max-width: 200px;
    max-height: 200px;
}

.tooltip-trigger {
    cursor: pointer;
}

#svg-content {
    width: 100%;
    display: block;
}

#below-svg {
    width: 100%;
    background-color: white;
}

#svg-content1 {
    width: 100%;
    display: block;
}

#below-svg1 {
    width: 100%;
    background-color: white;
}

#second{
    display: flex;
    align-items: center;
    justify-content: center;
}

#first-svg{
    width: 50%;
    margin-top: -50px
}

#second-svg{
    width: 72%
}

#below{
    width: 100%;
    height: 200px;
    background-color: white
}

@media (max-width: 600px) {
    /* 隐藏在手机状态下不需要显示的元素 */
    #first-svg{
        width: 100%;
        margin-top: -50px
    }

    #second-svg{
        width: 100%
    }

    #first-other {
        display: none;
    }

    /* 调整其他元素占据全部可用空间 */
    #second {
        width: 100%;
        order: 1; /* 将 second 放在 second-svg 下方 */
        padding-top: 50px;
    }

    #second-svg {
        width: 100%;
    }

    #container > div {
        flex-direction: column; /* 在小屏幕上改为垂直布局 */
    }

    #below{
        width: 100%;
        height: 100px;
        background-color: white
    }

    #below-svg{
        display: none;
    }
}