.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 639px){.line-clamp-3{-webkit-line-clamp:2}}@media (min-width: 1536px){.line-clamp-3{-webkit-line-clamp:4}}.universal-post-list{width:100%;position:relative}.universal-post-list[data-center=true]{display:flex;justify-content:center;align-items:flex-start;min-height:60vh;padding-top:2rem}.universal-post-list[data-center=true][data-layout=masonry]{min-height:auto;padding-top:1rem}.universal-post-list[data-center=true][data-layout=grid]{display:flex!important;flex-wrap:wrap;justify-content:center;gap:1.5rem;max-width:800px;margin:0 auto;grid-template-columns:none!important}.universal-post-list[data-center=true][data-layout=grid] .post-item{width:calc(25% - 1.125rem)!important;max-width:300px;min-width:250px;flex-shrink:0}@media (max-width: 1023px){.universal-post-list[data-center=true][data-layout=grid] .post-item{width:calc(33.333% - 1rem)!important;max-width:280px}}@media (max-width: 639px){.universal-post-list[data-center=true][data-layout=grid] .post-item{width:calc(50% - .75rem)!important;max-width:250px}}@media (max-width: 640px){.universal-post-list[data-center=true]{min-height:50vh;padding-top:1rem}.universal-post-list[data-center=true][data-layout=masonry]{min-height:auto;padding-top:.5rem}.universal-post-list[data-center=true][data-layout=grid]{max-width:100%;gap:1rem;flex-direction:column}.universal-post-list[data-center=true][data-layout=masonry]{align-items:center}.universal-post-list[data-center=true] .post-item{max-width:400px;width:100%}}@media (min-width: 641px) and (max-width: 1024px){.universal-post-list[data-center=true][data-layout=grid],.universal-post-list[data-center=true][data-layout=masonry]{max-width:600px}}.universal-post-list[data-center=true] .center-hint{position:absolute;top:-2rem;left:50%;transform:translate(-50%);width:100%;z-index:1}.universal-post-list[data-center=true] .center-hint p{margin:0;font-size:.875rem;opacity:.7;transition:opacity .15s ease}.universal-post-list[data-center=true]:hover .center-hint p{opacity:.9}.post-item{position:relative;background:var(--card-bg);border-radius:var(--radius-large);overflow:hidden;transition:all .15s ease}.universal-post-list{transition:none}.universal-post-list .post-item{box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.universal-post-list:not([data-layout]){opacity:0}.universal-post-list[data-layout]{opacity:1;transition:opacity .1s ease}.universal-post-list[data-layout=grid]{display:grid;width:100%;gap:1rem;grid-template-columns:1fr}@media (max-width: 639px){.universal-post-list[data-layout=grid]{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (min-width: 640px) and (max-width: 1023px){.universal-post-list[data-layout=grid]{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 1024px){.universal-post-list[data-layout=grid]{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.universal-post-list[data-layout=grid] .post-item{display:flex;flex-direction:column;height:100%;width:100%;background:var(--card-bg);border-radius:var(--radius-large);overflow:hidden;transition:all .15s ease;min-height:-moz-fit-content;min-height:fit-content;box-sizing:border-box;contain:layout style}@media (max-width: 639px){.universal-post-list[data-layout=grid] .post-item{min-height:auto;height:auto}}@media (min-width: 640px) and (max-width: 1023px){.universal-post-list[data-layout=grid] .post-item{min-height:auto;height:auto}}@media (min-width: 1024px){.universal-post-list[data-layout=grid] .post-item{min-height:auto;height:auto}}.universal-post-list[data-layout=grid] .post-item[data-has-cover=false]{min-height:auto;height:auto}.universal-post-list[data-layout=grid] .post-item[data-has-cover=false] .post-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:1rem}.universal-post-list[data-layout=grid] .post-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.universal-post-list[data-layout=grid] .post-image{aspect-ratio:16/9;overflow:hidden;background:var(--card-bg);border-radius:var(--radius-large) var(--radius-large) 0 0!important}.universal-post-list[data-layout=grid] .post-cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease;border-radius:var(--radius-large) var(--radius-large) 0 0!important}.universal-post-list[data-layout=grid] .image-link:hover .post-cover-image{transform:scale(1.05)}.universal-post-list[data-layout=grid] .post-content{padding:.75rem 1rem;flex:1;display:flex;flex-direction:column}.universal-post-list[data-layout=grid] .post-title{font-size:1rem;line-height:1.4;margin-bottom:.5rem}@media (min-width: 640px){.universal-post-list[data-layout=grid] .post-title{font-size:1.1rem}}@media (min-width: 1024px){.universal-post-list[data-layout=grid] .post-title{font-size:1.125rem}}.universal-post-list[data-layout=grid] .post-description{font-size:.875rem;line-height:1.5;margin-bottom:.75rem;flex:1;color:var(--text-75, rgba(0, 0, 0, .75));transition:color .2s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 639px){.universal-post-list[data-layout=grid] .post-description{-webkit-line-clamp:2}}@media (min-width: 1536px){.universal-post-list[data-layout=grid] .post-description{-webkit-line-clamp:4}}.universal-post-list[data-layout=grid] .post-metadata{font-size:.75rem;margin-top:auto}.universal-post-list[data-layout=grid] .post-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--text-50);margin-top:auto;padding-top:.5rem}.universal-post-list[data-layout=grid] .post-meta .post-date{flex-shrink:0}.universal-post-list[data-layout=grid] .post-meta .category-section{display:flex;align-items:center;gap:.5rem;margin-left:auto}.universal-post-list[data-layout=grid] .title-chevron,.universal-post-list[data-layout=grid] .post-enter-btn,.universal-post-list[data-layout=grid] .post-separator{display:none}.universal-post-list[data-layout=grid] .post-item[data-has-cover=false]{position:relative}.universal-post-list[data-layout=grid] .post-item[data-has-cover=false]:before{content:"";position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:var(--primary);opacity:.1;border-radius:50%}.universal-post-list[data-layout=masonry]{display:flex!important;flex-direction:column;align-items:center;gap:1.5rem;width:100%;margin:0 auto;-moz-column-count:auto!important;column-count:auto!important;padding:0;min-height:auto;line-height:1}@media (max-width: 640px){.universal-post-list[data-layout=masonry]{gap:1rem;width:100%;padding:0}}.universal-post-list[data-layout=masonry] .post-item{display:flex;flex-direction:column;width:100%;max-width:100%;background:var(--card-bg);border-radius:var(--radius-large);overflow:hidden;transition:all .15s ease;box-sizing:border-box;contain:layout style;min-height:auto!important;height:auto!important;margin:0;line-height:1.4}.universal-post-list[data-layout=masonry] .post-item.onload-animation{transform:translateZ(0)!important;opacity:1;animation:none!important}.universal-post-list[data-layout=masonry] .post-item[data-has-cover=false]{min-height:auto!important;height:auto!important;margin:0;padding:0;transform:translateZ(0)!important;align-items:flex-start}.universal-post-list[data-layout=masonry] .post-item[data-has-cover=false] .post-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem;margin:0;min-height:auto;height:auto}.universal-post-list[data-layout=masonry] .post-image{width:100%;overflow:hidden;margin:0;padding:0;height:auto;min-height:auto;border-radius:var(--radius-large) var(--radius-large) 0 0!important}.universal-post-list[data-layout=masonry] .post-cover-image{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;margin:0;padding:0;min-height:auto;border-radius:var(--radius-large) var(--radius-large) 0 0!important}.universal-post-list[data-layout=masonry] .image-link:hover .post-cover-image{transform:scale(1.05)}.universal-post-list[data-layout=masonry] .post-content{padding:1rem;margin:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;height:auto}.universal-post-list[data-layout=masonry] .post-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.universal-post-list[data-layout=masonry] .post-title{font-size:1rem;line-height:1.4;margin-bottom:.5rem}.universal-post-list[data-layout=masonry] .post-description{font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.universal-post-list[data-layout=masonry] .post-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-50);margin-top:.5rem}.universal-post-list[data-layout=masonry] .title-chevron,.universal-post-list[data-layout=masonry] .post-enter-btn,.universal-post-list[data-layout=masonry] .post-separator{display:none}.universal-post-list[data-layout=masonry] .masonry-only-meta{display:inline}.universal-post-list[data-layout=grid] .masonry-only-meta{display:none}.universal-post-list .post-category-link{text-decoration:none;transition:all .2s ease}.universal-post-list .post-category-link:hover .post-category{color:var(--primary)}.universal-post-list .post-category{color:var(--text-50);font-size:.75rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.universal-post-list[data-layout=masonry] .post-tag-link{text-decoration:none;transition:all .2s ease}.universal-post-list[data-layout=masonry] .post-tag-link:hover .post-tag{color:var(--primary)}.universal-post-list[data-layout=masonry] .post-tag{color:var(--text-50);font-size:.75rem;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.universal-post-list[data-layout=masonry] .post-tag-link,.universal-post-list[data-layout=masonry] .post-tag,.universal-post-list[data-layout=masonry] .masonry-only-meta .meta-separator{display:none}}.post-title-link{text-decoration:none;color:inherit;display:block}.post-title{font-weight:500!important;margin:0;position:relative;transition:color .2s ease;color:var(--text-90, rgba(0, 0, 0, .9))}.post-title-link:hover .post-title,.post-title-link:active .post-title{color:var(--primary)}.post-description{color:var(--text-75, rgba(0, 0, 0, .75));line-height:1.6;margin-bottom:.875rem;transition:color .2s ease}.post-stats{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-50);margin-top:.875rem}.separator{color:var(--text-50)}.post-meta .post-date{color:var(--text-50);font-size:.75rem}.post-meta .post-category{color:var(--text-50);font-size:.75rem;font-weight:500}.post-meta .meta-separator{color:var(--text-30);margin:0 .25rem}.image-link{position:relative;display:block;overflow:hidden}.image-overlay{position:absolute;inset:0;background:#0000;transition:background .3s ease;z-index:10;pointer-events:none}.image-link:hover .image-overlay{background:#0000004d}.image-link:active .image-overlay{background:#00000080}.image-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none}.chevron-icon{font-size:3rem;color:#fff;opacity:0;transform:scale(.5);transition:all .3s ease}.image-link:hover .chevron-icon{opacity:1;transform:scale(1)}.enter-icon{font-size:2.5rem;color:var(--primary)}.empty-state{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem;text-align:center}.empty-state-content{max-width:500px;margin:0 auto}.empty-icon{font-size:4rem;color:var(--card-text-color-tertiary);margin-bottom:1rem;opacity:.6}.empty-title{font-size:1.5rem;font-weight:600;color:var(--card-text-color-main);margin-bottom:.5rem}.empty-description{color:var(--card-text-color-secondary);line-height:1.6;margin-bottom:1.5rem}.dev-tips{background:var(--card-bg);border:1px solid var(--line-divider);border-radius:8px;padding:1rem;text-align:left;margin-top:1rem}.dev-tips p{margin:0 0 .5rem;font-weight:600;color:var(--primary)}.dev-tips ul{margin:0;padding-left:1.2rem;list-style-type:disc}.dev-tips li{margin-bottom:.3rem;color:var(--card-text-color-secondary);line-height:1.4}.dev-tips code{background:var(--inline-code-bg);color:var(--inline-code-color);padding:.1rem .3rem;border-radius:3px;font-family:var(--font-mono);font-size:.85em}