.main-content{margin-left:208px;margin-top:64px;width:calc(100% - 208px);padding:16px 16px 30px;transition:margin-left .3s ease,width .3s ease}.waterfall-container{width:100%;max-width:none;margin:0}.grid-layout .grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%}.grid-layout .grid-item{width:100%;margin-bottom:0;position:relative;overflow:hidden;border-radius:4px;box-shadow:var(--shadow-sm);background-color:var(--bg-card);cursor:pointer;opacity:0;transform:translateY(20px);aspect-ratio:3/4}.grid-layout .grid-item.masonry-loaded{opacity:1;transform:translateY(0)}@media(max-width:1400px){.grid-layout .grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media(max-width:1200px){.grid-layout .grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:992px){.grid-layout .grid{grid-template-columns:repeat(3,1fr);gap:6px}}@media(max-width:768px){.grid-layout .grid{grid-template-columns:repeat(2,1fr);gap:6px}}.grid-layout .grid-item:hover{box-shadow:var(--shadow-lg)}.grid-layout .post-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;position:relative}.grid-layout .post-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:var(--bg-muted);z-index:1}.grid-layout .post-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.grid-layout .grid-item:hover .post-image{transform:scale(1.05)}.grid-layout .grid-item:hover .post-image.lazy:not(.lazyloaded):not(.loaded){transform:none!important}.grid-layout .placeholder-image{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.grid-layout .placeholder-image i{font-size:2em;margin-bottom:10px}.grid-layout .post-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:14px 11px;transform:translateY(0);transition:transform .3s ease;z-index:10}.grid-layout .post-title{font-size:16.5px;font-weight:600;margin-bottom:8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.grid-layout .post-info{display:flex;gap:15px;margin-bottom:0;font-size:12px;opacity:.9}.grid-layout .post-date,.grid-layout .post-category{font-weight:var(--font-weight-semibold)}@media(max-width:768px){.post-category,.post-tags{display:none}.grid-layout .grid-item{aspect-ratio:auto!important}.grid-layout .post-link{display:flex;flex-direction:column;height:100%}.grid-layout .post-image-wrapper{position:relative;width:100%;aspect-ratio:3/4;height:auto}.grid-layout .post-overlay{position:relative;bottom:auto;left:auto;right:auto;background:transparent!important;background-image:none!important;color:var(--text-primary)!important;padding:10px 8px;transform:none!important;z-index:2;display:flex;flex-direction:column;flex-grow:1}.grid-layout .post-title{color:var(--text-primary)!important;font-size:14.5px!important;margin-bottom:6px;line-height:1.3;height:2.6em}.grid-layout .post-info{color:var(--text-muted)!important;opacity:1!important;font-size:11.5px!important}}@media(max-width:1200px){.main-content{margin-left:0;width:100%;padding:16px 16px 30px;min-height:calc(100vh - 64px);transition:margin-left .3s ease,width .3s ease}}@media(max-width:768px){.main-content{margin-left:0;width:100%;padding:6px 6px 20px;min-height:calc(100vh - 64px);transition:margin-left .3s ease,width .3s ease}}@media(max-width:640px){.main-content{margin-left:0;width:100%;padding:6px 6px 20px;margin-top:54px;min-height:calc(100vh - 54px);transition:margin-left .3s ease,width .3s ease}.grid-layout .post-overlay{padding:8px 6px!important}.grid-layout .post-title{font-size:13.5px!important;margin-bottom:4px;line-height:1.3;height:2.6em}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding:0;flex-direction:row}.pagination-numbers{display:flex;gap:8px;align-items:center}.pagination-btn,.pagination-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-card);color:var(--text-secondary);text-decoration:none;border-radius:6px;border:1px solid var(--border-color);font-size:16px;font-weight:600;transition:all .2s ease;box-shadow:var(--shadow-sm);min-width:40px}@media(max-width:768px){.pagination-numbers{display:none!important}.pagination-btn{width:auto;padding:0 15px;min-width:40px}.pagination{margin-top:20px}.mobile-page-indicator{display:flex!important;align-items:center;justify-content:center;height:40px;padding:0 15px;background:var(--bg-card);border-radius:6px;border:1px solid var(--border-color);font-weight:600;color:var(--link-color);box-shadow:var(--shadow-sm)}}.mobile-page-indicator{display:none}.pagination-number.active,a.pagination-number.active{background-color:var(--link-color)!important;color:var(--text-inverse)!important;border-color:var(--link-color)!important;box-shadow:0 4px 15px #3b82f64d}[data-theme=dark] .grid-layout .grid-item{box-shadow:var(--shadow-md)}[data-theme=dark] .grid-layout .grid-item:hover{box-shadow:var(--shadow-lg)}[data-theme=dark] .pagination-number.active,[data-theme=dark] a.pagination-number.active{box-shadow:0 4px 15px #60a5fa66}