.ucs-wrap {
max-width: 920px;
margin: 0 auto;
}
.ucs-form {
display: flex;
gap: .5rem;
align-items: center;
margin: 1rem 0;
}
.ucs-form input[type="text"] {
flex: 1;
padding: .65rem .8rem;
border: 1px solid #ddd;
border-radius: 10px;
}
.ucs-form button {
padding: .65rem .95rem;
border: 1px solid #ddd;
border-radius: 10px;
cursor: pointer;
}
.ucs-item {
padding: 1rem 0;
border-bottom: 1px solid #eee;
}
.ucs-title {
font-weight: 600;
font-size: 1.2rem;
margin: 0 0 .25rem;
}
.ucs-url {
font-size: .9rem;
color: #818181;
margin: 0 0 .25rem;
}
.ucs-excerpt {
margin: .25rem 0 0;
color: #555;
}
.ucs-badges {
display: flex;
gap: .4rem;
flex-wrap: wrap;
margin: .25rem 0 .5rem;
}
.ucs-badge {
font-size: .75rem;
padding: .15rem .5rem;
border: 1px solid #eee;
border-radius: 999px;
opacity: .85;
}
.ucs-meta {
font-size: .9rem;
color: #555;
margin: .5rem 0 1rem;
}
.ucs-meta-time {
opacity: .6;
}
.ucs-pagination {
display: flex;
justify-content: space-between;
margin: 1rem 0;
}
.ucs-pagination a {
padding: .45rem .65rem;
border: 1px solid #ddd;
border-radius: 10px;
text-decoration: none;
}