#wp.na-community-masonry{padding-top:20px}
#wp #nacWallFeed{width:100%!important;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#wp #nacWallFeed>li{width:auto!important;float:none;margin:0;padding:0;box-sizing:border-box;min-width:0;box-shadow:var(--comiis-shadow)}
#wp #nacWallFeed.na-masonry-ready{display:block}
#wp #nacWallFeed.na-masonry-ready>li{position:absolute;width:var(--na-card-width)!important}
#nacWallFeed .kmpic img{display:block;height:auto;max-height:600px;min-height:80px}
#nacWallFeed .kmtitle{margin:10px 12px 4px;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
#nacWallFeed .kmtit{margin:0 12px 10px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:12px}
#nacWallFeed .kmuser{order:-1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
#nacWallFeed .kmuser img{object-fit:cover}
#nacWallFeed .kmtxt{flex-shrink:0;display:flex;gap:8px;padding:0}
#nacWallFeed .kmtxt em{margin:0;float:none;display:inline-flex;align-items:center;gap:3px}
#nacWallFeed .kmtxt em:before{font-family:dzicon;font-size:14px;margin:0;color:var(--comiis-fc)}
#nacWallFeed .na-likes:before{content:"\f110"}
.na-video-cover{height:210px;display:grid;place-items:center;background:var(--comiis-bgc);color:var(--comiis-fc)}
.na-masonry-load{text-align:center;padding:28px 0}
.na-masonry-load button{border:1px solid var(--comiis-borderb);border-radius:var(--comiis-radius-m);background:var(--comiis-bgf);color:var(--comiis-fb);padding:12px 40px;font:inherit;cursor:pointer}
.na-masonry-load button:disabled{cursor:default;color:var(--comiis-fc)}
@media(max-width:1000px){#wp #nacWallFeed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:666px){#wp.na-community-masonry{padding:15px}#wp #nacWallFeed{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#nacWallFeed .kmtitle{font-size:14px;line-height:22px!important;margin:8px 9px 4px}#nacWallFeed .kmtit{margin:0 9px 8px}#nacWallFeed .kmuser img{width:18px;height:18px;margin-top:5px;margin-right:4px}#nacWallFeed .kmtxt{gap:5px}#nacWallFeed .kmtxt .kmhf{display:none}}

/* Shared reference panel, filter strip, and compact card metadata. */
#wp .na-community-panel{padding:20px;margin-bottom:20px}
#wp .na-community-filters{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;overflow:visible}
.na-feed-tabs,.na-feed-selects{display:flex;align-items:center;gap:0}
#wp .na-feed-tabs .kmico{display:inline-flex!important;align-items:center;float:none;white-space:nowrap}
.na-feed-tabs .kmico+.kmico{border-left:1px solid var(--comiis-borderb);margin-left:12px;padding-left:12px}
.na-feed-selects{gap:15px}
.na-feed-dropdown{position:relative;white-space:nowrap}
#wp .na-feed-dropdown summary.showmenu{display:block;list-style:none;cursor:pointer;line-height:20px;padding:0;background:none;border:0;color:var(--comiis-fa)}
.na-feed-dropdown summary::-webkit-details-marker{display:none}
#wp .na-feed-dropdown summary.showmenu:before{content:"\e63f";font-family:dzicon;font-size:16px;float:left;margin-top:1px;margin-right:4px}
#wp .na-feed-dropdown summary.showmenu:after{display:none}
.na-filter-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:110px;z-index:100}
.na-filter-menu a[aria-current]{color:var(--comiis-color)}
.na-feed-dropdown summary:focus-visible{outline:2px solid var(--comiis-color);outline-offset:4px}
#wp #nacWallFeed>li{box-shadow:none}
#nacWallFeed .kmtit{height:28px;line-height:28px;margin:3px 1px 2px;gap:8px}
#nacWallFeed .kmtitle{margin:6px 1px 0}
#nacWallFeed .kmuser{display:flex;align-items:center;gap:6px;flex:1}
#nacWallFeed .kmuser img{width:22px;height:22px;margin:0;flex-shrink:0}
#nacWallFeed .kmtxt{gap:10px;flex-direction:row-reverse}
#nacWallFeed .kmtxt em,#nacWallFeed .kmtxt em.kmhf{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:28px;font-style:normal}
#nacWallFeed .kmtxt em.kmhf:before,#nacWallFeed .kmtxt em.na-likes:before{float:none;font-family:dzicon;font-size:16px;line-height:1;margin:0;color:var(--comiis-fd)}
#nacWallFeed .kmtxt em.kmhf:before{content:"\f10d"}
#nacWallFeed .kmtxt em.na-likes:before{content:"\f110"}
@media(max-width:800px){#wp .na-community-filters{flex-wrap:wrap}.na-feed-selects{margin-left:auto}}
@media(max-width:666px){#wp .na-community-panel{padding:12px}#wp .na-community-filters{padding:10px;gap:10px}.na-feed-selects{margin:0;width:100%;justify-content:space-between;gap:6px}#nacWallFeed .kmtit{flex-wrap:wrap;height:auto;gap:0}#nacWallFeed .kmuser{flex-basis:100%}#nacWallFeed .kmtxt{margin-left:auto}#nacWallFeed .kmuser img{width:18px;height:18px}}

#nacWallFeed>li{cursor:pointer}

/* Text is server-rendered; media loads independently inside a skeleton. */
#nacWallFeed .kmpic.na-image-loading,#nacWallFeed .kmpic.na-image-failed{position:relative;aspect-ratio:4/3;background:var(--comiis-bgc);border-radius:var(--comiis-radius-s);overflow:hidden}
#nacWallFeed .kmpic.na-image-loading>a,#nacWallFeed .kmpic.na-image-failed>a{display:block;width:100%;height:100%}
#nacWallFeed .kmpic.na-image-loading img,#nacWallFeed .kmpic.na-image-failed img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
#nacWallFeed .kmpic.na-image-loading:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 15%,rgba(148,160,181,.18) 45%,transparent 75%);transform:translateX(-100%);animation:na-image-shimmer 1.5s infinite}
.na-image-error{display:grid;place-items:center;height:100%;font-size:12px;color:var(--comiis-fc)}
@keyframes na-image-shimmer{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){#nacWallFeed .kmpic.na-image-loading:after{animation:none;transform:none}}

/* Reuse the homepage 热门标签 button styles; only the row layout differs. */
.comiis_i_tags.na-community-tagbar{display:flex;align-items:center;gap:14px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:7px 0 16px;overscroll-behavior-x:contain}
.na-community-tagbar::-webkit-scrollbar{display:none}
.comiis_i_tags.na-community-tagbar a{float:none;flex:0 0 auto;margin:0;text-decoration:none}
.comiis_i_tags.na-community-tagbar a[aria-current=true]{background:var(--comiis-bga);color:var(--comiis-color)}
.comiis_i_tags.na-community-tagbar a[aria-current=true]:before{color:var(--comiis-color);opacity:1}
.na-community-tagbar a:focus-visible{outline:2px solid var(--comiis-color);outline-offset:-2px}