.posts-section[data-v-3d72acc9]{background-color:#f5f5f5;padding:48px 24px;min-height:100vh}.posts-container[data-v-3d72acc9]{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px}.post-card[data-v-3d72acc9]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.post-card[data-v-3d72acc9]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.post-image-wrapper[data-v-3d72acc9]{width:100%;height:300px;overflow:hidden}.post-image[data-v-3d72acc9]{width:100%;height:100%;object-fit:cover}.post-content[data-v-3d72acc9]{padding:24px}.post-date[data-v-3d72acc9]{font-size:14px;color:#888;margin:0 0 12px;font-weight:500}.post-text[data-v-3d72acc9]{font-size:16px;color:#333;line-height:1.6;margin:0 0 20px}.post-actions[data-v-3d72acc9]{display:flex;gap:12px;justify-content:flex-start;border-top:1px solid #eeeeee;padding-top:16px}.action-button[data-v-3d72acc9]{display:flex;align-items:center;gap:6px;background-color:transparent;border:1px solid #dddddd;border-radius:20px;padding:8px 16px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,color .3s ease}.action-icon[data-v-3d72acc9]{font-size:18px}.action-text[data-v-3d72acc9]{font-size:14px;font-weight:500;color:#555}.like-button[data-v-3d72acc9]:hover{background-color:#ffe5e5;border-color:#ff6b6b}.like-button:hover .action-text[data-v-3d72acc9]{color:#ff6b6b}.share-button[data-v-3d72acc9]:hover{background-color:#e5f4ff;border-color:#4dabf7}.share-button:hover .action-text[data-v-3d72acc9]{color:#4dabf7}.comment-button[data-v-3d72acc9]:hover{background-color:#f0e5ff;border-color:#9775fa}.comment-button:hover .action-text[data-v-3d72acc9]{color:#9775fa}@media (max-width: 1024px){.posts-container[data-v-3d72acc9]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media (max-width: 768px){.posts-section[data-v-3d72acc9]{padding:32px 16px}.posts-container[data-v-3d72acc9]{grid-template-columns:1fr;gap:20px}.post-image-wrapper[data-v-3d72acc9]{height:250px}.post-content[data-v-3d72acc9]{padding:20px}.post-actions[data-v-3d72acc9]{flex-wrap:wrap}.action-button[data-v-3d72acc9]{padding:6px 12px}.action-text[data-v-3d72acc9]{font-size:13px}}@media (max-width: 480px){.posts-section[data-v-3d72acc9]{padding:24px 12px}.post-image-wrapper[data-v-3d72acc9]{height:220px}.post-content[data-v-3d72acc9]{padding:16px}.post-text[data-v-3d72acc9]{font-size:15px}.action-button[data-v-3d72acc9]{padding:6px 10px}.action-icon[data-v-3d72acc9]{font-size:16px}.action-text[data-v-3d72acc9]{font-size:12px}}.img-overlay-1[data-v-3d72acc9]{position:relative;display:inline-block;width:600px;height:400px}.img-overlay-1 img[data-v-3d72acc9]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-1[data-v-3d72acc9]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--3c81acbc)}.img-overlay-2[data-v-3d72acc9]{position:relative;display:inline-block;width:600px;height:400px}.img-overlay-2 img[data-v-3d72acc9]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-2[data-v-3d72acc9]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--3c81acba)}.img-overlay-3[data-v-3d72acc9]{position:relative;display:inline-block;width:600px;height:400px}.img-overlay-3 img[data-v-3d72acc9]{display:block;height:100%;width:100%;object-fit:cover;z-index:-1}.img-overlay-3[data-v-3d72acc9]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--3c81acb8)}