There is a problem with converting the href tag to pdf

html file

11231

body {
font-size: 14px;
line-height: 32.0px;
padding: 0 20px;
margin: 0;
font-family:'阿里巴巴普惠体 3.0 45 Light'; }

.split {
margin: 0 6px;
}

.content {
white-space: pre-wrap;
word-break: break-word;
padding-bottom: 100.0px;
}

.link {
font-size: 16px;
color: #5A7DA9;
font-weight: 500;
text-decoration: unset;
padding-bottom: 24px;
}

.title {
font-weight: bold;
font-size: 32.0px;
text-align: center;
padding-top: 16.0px;
padding-bottom: 16.0px;
color: #333333;
}

.desc {
font-size: 20.0px ;
}

.version {
font-size: 20.0px ;
display: none ;
}

.gmtUpdate {
font-size: 20.0px ;
display: block ;
}

.gmtEffect {
font-size: 20.0px ;
display: block ;
}

.paragraph {
position: relative;
margin: 0;
margin: 0;
padding: 0;
}

.y9-bold {
font-weight: bold;
}

.y9-italic {
font-style: italic;
}

.y9-underline {
text-decoration: underline;
}

.y9-strikethrough {
text-decoration: line-through;
}

.y9-underline-strikethrough {
text-decoration: underline line-through;
}

.y9-link {
display: inline-block;
color: #E86452;
}

.y9-rich-table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
margin: 24px 0;
text-align: left;
}

.y9-rich-table-header {
position: relative;
color: #000000d9;
font-weight: bold;
}

.y9-rich-table-cell {
position: relative;
display: table-cell;
padding: 16px;
vertical-align: inherit;
overflow-wrap: break-word;
border: 1px solid rgb(239, 239, 239);
}

.y9-chapter {
font-weight: normal;
text-align: left;
font-size: 36.0px;
line-height: 32.0px;
padding-top: 16.0px;
padding-bottom: 16.0px;
color: #000;
}
.y9-variable {
font-size: 20.0px ;
}

html display effect

pdf display effect