/* Restored from v1.1.5.180 in v1.1.5.282: canonical post/feed style baseline. */
.kp-page--feed,
.kp-page--hashtag {
max-width: 720px;
margin: 0 auto;
padding: 8px 12px 60px;
position: relative;
z-index: 1;
}
.kp-feed-head {
margin: 4px 0 10px;
padding: 8px 12px;
background: linear-gradient(135deg,
color-mix(in srgb, var(--n-accent) 8%, var(--n-bg-2)),
var(--n-bg-2));
border: 1px solid color-mix(in srgb, var(--n-accent) 22%, var(--n-line));
border-radius: 10px;
}
.kp-feed-head__title {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
font-size: 1rem;
font-weight: 800;
color: var(--n-text);
letter-spacing: .01em;
}
.kp-feed-head__ico {
font-size: 1.1rem;
filter: drop-shadow(0 2px 6px color-mix(in srgb, var(--n-accent) 45%, transparent));
}
.kp-page--feed .cat-tabs {
margin: 0 0 12px;
}
.kp-feed-main {
display: flex;
flex-direction: column;
gap: 14px;
}
.kp-page--hashtag .kp-feed-stack {
display: flex;
flex-direction: column;
gap: 8px;
}
.kp-feed-ad {
background: var(--n-bg-2);
border: 1px dashed var(--n-violet-soft);
border-radius: var(--n-r-md);
padding: 18px;
}
.kp-feed-ad__head { margin-bottom: 8px; }
.kp-feed-ad__text {
font-size: .88rem;
line-height: 1.55;
color: var(--n-text);
margin-bottom: 12px;
}
.kp-feed-loadmore {
display: flex;
justify-content: center;
margin-top: 22px;
}
.kp-feed-loadmore .btn-ghost {
padding: 11px 24px;
font-size: .82rem;
}
@media (max-width: 540px) {
.kp-page--feed,
.kp-page--hashtag {
padding: 6px 10px 60px;
}
.kp-feed-head { margin: 2px 0 8px; padding: 6px 10px; }
.kp-feed-head__title { font-size: .92rem; }
}