@media (max-width: 768px) { 
    /* 确保登录按钮显示 */
    .auth-links, 
    .navbar .auth-links, 
    .nav-right .auth-links, 
    .nav-container .auth-links,
    a.btn-login, 
    .btn-login {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 0 12px !important;
        background: transparent !important;
        border-radius: 0 !important;
        color: #fff !important;
        text-decoration: none !important;
        font-size: 17px !important;  /* 改为与首页按钮相同的字号 */
        font-weight: bold !important;  /* 改为粗体，与首页按钮保持一致 */
        box-shadow: none !important;
        border: none !important;
        height: 60px !important;
    }
    
    /* 确保登录按钮图标清晰显示 */
    .btn-login i {
        text-shadow: none !important;
        filter: none !important;
        opacity: 1 !important;
        font-size: 14px !important;
    }

    /* 隐藏导航栏中的注册按钮，但保留注册页面中的注册按钮 */
    .navbar a.btn-register,
    .nav-right .btn-register,
    .nav-container .btn-register,
    .auth-links .btn-register { 
        display: none !important; 
    }
    
    /* 确保注册页面中的注册按钮正常显示 */
    .login-box .btn-register,
    .register-form .btn-register {
        display: block !important;
    } 

    /* 确保个人中心和用户头像显示 */
    .profile-link,
    .user-menu,
    .user-avatar {
        display: flex !important;
    }
}

/* 超小屏幕上的调整 */
@media (max-width: 480px) {
    .auth-links, 
    .navbar .auth-links, 
    .nav-right .auth-links, 
    .nav-container .auth-links,
    a.btn-login, 
    .btn-login {
        height: 50px !important;
        font-size: 17px !important;  /* 确保超小屏幕也使用相同字号 */
        font-weight: bold !important;  /* 确保超小屏幕也使用粗体 */
    }
}