/* 响应式设计 */
@media (max-width: 768px) {
    .container{
        max-width: 768px;
    }
    .logo{
        padding-right: 15px;
    }
    .logo img {
        height: 45px;
    }
    .nav-wrapper {
        padding: 15px 5px;
    }
    .nav-link {
        padding: 10px 8px;
    }
    .btn-login span {
        display: none;
    }

}

@media (max-width: 576px) {

    .container{
        max-width: 576px;
    }
    .nav-link {
        padding: 10px 7px;
    }
    .logo{
        padding-right: 10px;
    }
    .logo img {
        height: 38px;
    }
}

@media (max-width: 480px) {
    .container {
        max-width: 480px;
    }
    .logo{
        padding-right: 3px;
    }
    .logo img {
        height: 30px;
    }
    .nav-link {
        padding: 10px 5px;
        font-size: 16px;
        letter-spacing: 1px;
        word-spacing: 1px;
    }

}