mkdocs_pro_wcowin/docs/stylesheets/link.css

/* 用于大屏幕和小屏幕的通用样式 */
.card {
   width: 45%;
   font-size: 1rem;
   padding: 10px 20px;
   border-radius: 4px;
   transition-duration: 0.15s;
   margin-bottom: 1rem;
   display: flex;
}

.card:nth-child(odd) {
   float: left;
}

.card:nth-child(even) {
   float: right;
}

/* 在大屏幕上保留悬停效果 */
.card:hover {
   transform: scale(1.1);
   box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}

.card a {
   border: none;
}

.card .ava {
   width: 3rem!important;
   height: 3rem!important;
   margin: 0!important;
   margin-right: 1em!important;
   border-radius: 4px;
}

.card .card-header {
   font-style: italic;
   overflow: hidden;
   width: auto;
}

.card .card-header a {
   font-style: normal;
   color: #608DBD;
   font-weight: bold;
   text-decoration: none;
}

/* 在大屏幕上保留链接悬停颜色 */
.card .card-header a:hover {
   color: #d480aa;
   text-decoration: none;
}

.card .card-header .info {
   font-style: normal;
   color: #a3a3a3;
   font-size: 14px;
   min-width: 0;
   overflow: hidden;
   white-space: nowrap;
}

/* 媒体查询：小屏幕 */
@media (max-width: 768px) {
   .card {
       width: 100%; /* 在小屏幕上显示为单列 */
       float: none; /* 清除浮动 */
   }
}
.markdown-content {
   clear: both;
}

.markdown-content h2 {
   /* 可以自定义样式 */
   font-size: 1.5rem;
   color: #333;
}