.page_container__XBX8f{background-color:#040417;color:#fff;width:100vw;height:100%;text-align:center}.page_wrapper__F6w_W{width:1000px;margin:0 auto}.page_title__M7kJq{font-size:40px;font-weight:700;display:inline-block;margin-top:80px}.page_gridContainer__bOYsX{display:grid;grid-template-columns:repeat(3,320px);gap:10px;justify-content:center;margin-top:80px}.page_gridItem__yf7GU{width:320px;height:130px;background-color:transparent;color:#fff;border:1px solid #7c7c7c}.page_gridItemPost__CRYqV{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding:10px;gap:10px}.page_gridItemTop__ZjxMU{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.page_gridItemPost__CRYqV span{font-size:14px;color:#ccc;text-align:left}.page_gridItemPost__CRYqV h1{font-size:18px;margin:0;text-align:left;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(1.2em * 3)}.page_gridItemPost__CRYqV img{width:70px;height:70px;border-radius:5px}.page_pagination__VKOPx{display:flex;justify-content:center;align-items:center;margin-top:20px}.page_pageButton__bqCye{background-color:#0070f3;color:#fff;border:none;padding:10px 15px;margin:0 5px;cursor:pointer;border-radius:5px;transition:background-color .3s}.page_pageButton__bqCye:disabled{background-color:#ccc;cursor:not-allowed}.page_pageButton__bqCye:hover:not(:disabled){background-color:#005bb5}.page_pageInfo__hpUm3{font-size:16px;margin:0 10px}@media screen and (min-width:768px) and (max-width:1024px){.page_wrapper__F6w_W{width:90%}.page_title__M7kJq{font-size:34px;margin-top:60px}.page_gridContainer__bOYsX{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:60px}.page_gridItem__yf7GU{width:100%;height:auto;min-height:130px}.page_gridItemPost__CRYqV{box-sizing:border-box}}@media screen and (max-width:480px){.page_wrapper__F6w_W{width:95%}.page_title__M7kJq{font-size:26px;margin-top:40px}.page_gridContainer__bOYsX{grid-template-columns:1fr;gap:15px;margin-top:40px}.page_gridItem__yf7GU{width:100%;height:auto;min-height:120px}.page_gridItemPost__CRYqV{gap:5px;padding:15px;box-sizing:border-box}.page_gridItemTop__ZjxMU{gap:15px}.page_gridItemPost__CRYqV h1{font-size:16px}.page_gridItemPost__CRYqV img{width:60px;height:60px;flex-shrink:0}.page_gridItemPost__CRYqV span{font-size:13px}}