.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:200px;gap:15px;grid-auto-flow:dense}.grid-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 5px 15px #0000001a;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.grid-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.grid-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;-o-object-position:15% 15%;object-position:15% 15%}.grid-item:hover img{transform:scale(1.05)}.grid-item.large{grid-column:span 2;grid-row:span 2}.grid-item.portrait{grid-row:span 2}.grid-item.landscape{grid-column:span 2}.image-caption{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:15px;opacity:0;transform:translateY(20px);transition:all .3s ease}.grid-item:hover .image-caption{opacity:1;transform:translateY(0)}.image-interaction{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;align-items:center;opacity:0;transition:all .3s ease}.image-interaction1{position:absolute;top:65px;right:15px;display:flex;flex-direction:column;align-items:center;opacity:0;transition:all .3s ease}.grid-item:hover .image-interaction,.grid-item:hover .image-interaction1{opacity:1}.like-btn,.eye-btn{background:#ffffffe6;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.like-btn:hover,.eye-btn:hover{background:#ff6b81;color:#fff}.like-btn.liked{background:#ff4757;color:#fff}.like-count{color:#fff;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-size:13px}@media (max-width: 598px){.grid-item:hover .image-caption{opacity:0;transform:translateY(0)}.grid-item img{-o-object-position:15% 15%;object-position:15% 15%}.grid-item.portrait{grid-row:span 2;grid-column:span 2}}@media (max-width: 448px){.image-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:5px}.grid-item,.grid-item.large,.grid-item.portrait,.grid-item.landscape{grid-column:span 1!important;grid-row:span 1!important;position:relative;overflow:hidden;transition:opacity .3s ease;background-color:#fff}.grid-item:active{opacity:.9}.grid-item:before{content:"";display:block;padding-top:100%}.grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.grid-item.multi-image:after{content:"";position:absolute;top:10px;right:10px;width:24px;height:24px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/><path d="M14 17H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"/></svg>') no-repeat center;background-size:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));z-index:1}.grid-item.video:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"/></svg>') no-repeat center;background-size:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));z-index:1}.grid-item.liked:before{content:"";position:absolute;bottom:10px;left:10px;width:18px;height:18px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') no-repeat center;background-size:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));z-index:1}.grid-item.commented:before{content:"";position:absolute;bottom:10px;left:32px;width:18px;height:18px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/></svg>') no-repeat center;background-size:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));z-index:1}.image-interaction{top:5px;right:0}}.loading-spinner{display:inline-block;width:1em;height:1em;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{background:transparent;border:none;color:inherit;text-decoration:underline;cursor:pointer;padding:0;margin-left:5px}.grid-item{transition:opacity .3s ease}.grid-item.loading{opacity:.5;pointer-events:none}.tag-header{text-align:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 6px #0000001a}.tag-header h1{font-size:2.5rem;margin-bottom:10px;color:#2d3748}.tag-description{font-size:1.1rem;color:#4a5568;max-width:800px;margin:0 auto}.tag-post-count{display:inline-block;margin-top:15px;padding:5px 15px;background-color:#4299e1;color:#fff;border-radius:20px;font-size:.9rem;font-weight:600}.popular-tags{margin:30px 0;padding:20px;background:#f8fafc;border-radius:12px}.popular-tags h3{margin-bottom:15px;color:#2d3748;font-size:1.3rem;border-bottom:2px solid #e2e8f0;padding-bottom:10px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-cloud a{display:inline-block;padding:5px 15px;background-color:#edf2f7;color:#4a5568;border-radius:20px;text-decoration:none;transition:all .3s ease;font-size:.9rem}.tag-cloud a:hover{background-color:#4299e1;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.tag-header h1{font-size:2rem}.tag-description{font-size:1rem}}