.history-card{

    background:var(--card);

    border:1px solid var(--border);

    border-radius:24px;

    padding:24px;

}

.history-card h3{

    margin-bottom:18px;

    font-size:22px;

}

#historyList{

    list-style:none;

    display:flex;

    flex-direction:column;

    gap:12px;

}

#historyList li{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px;

    border-radius:14px;

    background:rgba(255,255,255,.03);

    transition:.25s;

}

#historyList li:hover{

    background:rgba(255,255,255,.06);

}

#historyList img{

    width:46px;

    height:46px;

    border-radius:10px;

    object-fit:cover;

}

.history-text{

    flex:1;

}

.history-title{

    font-weight:600;

}

.history-sub{

    color:var(--text-secondary);

    font-size:13px;

}