.loading-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.7);z-index:9999;display:flex;align-items:center;flex-direction:column;justify-content:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:#1c1c1c;width:60px;height:60px;animation:spin 2s linear infinite;margin-bottom:20px}.loading-text{color:#1c1c1c;font-size:20px;text-align:center}.history-container{display:flex;justify-content:space-between;padding-left:10%;padding-right:10%;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.history-column{flex:1;margin:0 10px}.history-column img{width:100%;height:auto;border-radius:10px;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.history-record-info{font-size:14px;padding-left:12px;padding-bottom:2px}.history-record-info span{color:#333}.history-record-info p{color:#9ca3af}.history-back-info{background-color:hsla(0,0%,100%,0);color:#030303;border-bottom-left-radius:10px;border-bottom-right-radius:10px;margin-bottom:20px;border-bottom:1px solid #e5e7eb;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}.history-image-container{position:relative;display:inline-block;height:100%}.history-image-container img{display:block;width:100%;transition:filter .3s ease}.history-image-container .icon-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;cursor:pointer}.history-image-container:hover img{filter:brightness(50%)}.history-image-container:hover .icon-button{display:block}@media (max-width:768px){.history-container{flex-direction:column;align-items:center;padding-left:2%;padding-right:2%}.history-column{margin:10px 0;width:90%}.history-column img{border-radius:5px}.history-record-info{font-size:12px}.loading-spinner{width:40px;height:40px}.loading-text{font-size:14px}}.history-page{display:flex;justify-content:center;align-items:center;padding-top:20px;padding-bottom:40px}.history-page button{border:1px solid #e5e7eb;padding:10px 15px;margin:0 5px;cursor:pointer;border-radius:5px;transition:background-color .3s}.history-page button:disabled{background-color:#ccc;cursor:not-allowed}.page{background-color:#f0f0f0}.page:hover{background-color:#ddd}.page.active{background-color:#6b58e4;color:#fff}.jump-text{color:#333;padding-right:10px}.jump-click{background-color:#6b58e4;color:#fff;border:none;padding:10px 15px;margin:0 5px;cursor:pointer;border-radius:5px;transition:background-color .3s}.jump-click:hover{opacity:.8}.jump-input{width:80px;padding:5px;border:1px solid #ccc;border-radius:5px;margin-right:10px}