.cl-query-item {display:flex;align-items:center;padding:5px;}
.cl-query-item label {margin:0;padding-right:20px;}
.cl-query-item ul {display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;}
.cl-query-item ul li {cursor:pointer;padding:0 8px;}
.cl-query-item ul li.active {border-radius:5px;background-color:#1890ff;color:#fff;}

.cl-plugins {display:flex;flex-wrap:wrap;}
.cl-plugin-item {padding:10px;width:33%;}
.cl-plugin-item .wrapper {padding:15px;border-radius:5px;border:1px solid #e4e6eb;}
.cl-plugin-item .title {display:flex;justify-content:space-between;align-items:center;}
.cl-plugin-item .title .ant-tag {margin:0;}
.cl-plugin-item .name {position:relative;font-size:1rem;font-weight:600;}
.cl-plugin-item .name > sup {font-size:10px;padding:0 5px;}
.cl-plugin-item .author {color:#8492a6;padding-top:8px;}
.cl-plugin-item .author > span {text-decoration:underline;}
.cl-plugin-item .summary {color:#8492a6;margin:10px 0;height:45px;line-height:1.5;overflow:hidden;}
.cl-plugin-item .detail {display:flex;justify-content:space-between;}

.cl-plugin .cl-card-body {padding:15px 20px;}
.cl-plugin .cl-card-body > .title {font-size:1.2rem;font-weight:bold;margin-bottom:10px;}
.cl-plugin .cl-card-body .button {text-align:center;margin:15px;}
.cl-plugin .cl-card-body h1 {font-weight:bold;font-size:1.5rem;margin-bottom:20px;}
.cl-plugin .cl-card-body h2 {font-weight:bold;font-size:1.2rem;margin-bottom:10px;}
.cl-plugin .cl-card-body h3 {font-weight:bold;font-size:1rem;margin-bottom:10px;}
.cl-plugin .cl-card-body h4 {font-weight:bold;font-size:0.8rem;margin-bottom:10px;}

.cl-plugin-list-item {padding:10px 1.1rem;padding-bottom:0;}
.cl-plugin-list-item:hover {background-color:#f9f9f9;}
.cl-plugin-list-item .item {
    display:grid;grid-template-columns:20% 15% 15% 10% 12% 18% 10%;height:36px;
    border-bottom:1px solid #f3f3f3;padding-bottom:10px;overflow:hidden;
}
.cl-plugin-list-item .ant-tag {cursor:pointer;height:25px;}

.cl-plugin .title {display:flex;justify-content:space-between;align-items:center;}
.cl-plugin .title h1 {font-size:20px;font-weight:bold;margin:0;}
.cl-plugin .tags span {font-size:16px;padding:2px 10px;}
.cl-plugin .content {padding:10px 0;}
.cl-plugin pre {border-left:5px solid #1890ff;padding:10px;background-color:#f1f1f1;border-radius:3px;}

@media screen and (max-width:768px) {
    .cl-plugin-item {width:100%;}
}