.pageNum_wrapper{display:flex;align-items:center;justify-content:center;grid-column:1/-1;margin-top:40px;width:100%;gap:8px}.pageNum_wrapper>span{display:contents}.pageNum_wrapper .pageNum_el{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-page-num-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,transform var(--duration-fast) var(--ease-spring)}.pageNum_wrapper .pageNum_el:hover{background-color:var(--color-bg-alt);color:var(--color-text-primary)}.pageNum_wrapper .pageNum_el:active{transform:scale(.92)}.pageNum_wrapper .pageNum_el.active{background-color:var(--color-accent);color:#fff}.pageNum_wrapper i{display:block;cursor:pointer;width:10px;height:16px;padding:10px;box-sizing:content-box;border-radius:var(--radius-sm);background-origin:content-box;transition:background-color var(--duration-fast) ease}.pageNum_wrapper i:hover{background-color:var(--color-bg-alt)}.pageNum_wrapper i.left-btn{background-position:-177px -48px}.pageNum_wrapper i.left-btn,.pageNum_wrapper i.right-btn{background-image:url(/images/image.svg);background-repeat:no-repeat}.pageNum_wrapper i.right-btn{background-position:-191px -48px}.techpost_page{position:relative;padding-top:24px}.techpost_page .post_title{display:block;margin-bottom:56px}.techpost_page .post_title h1{animation:fade-in-down 1s;animation-delay:0s;animation-fill-mode:both;font-size:2.4rem}.techpost_page .post_title span{animation:fade-in-down 1s;animation-delay:.7s;animation-fill-mode:both;font-size:.95rem;color:var(--color-text-muted)}.techpost_page .posts_wrapper{display:grid;grid-template-columns:1fr 180px;grid-gap:28px;gap:28px;align-items:start}.techpost_page .posts_wrapper .tag_wrap{display:flex;flex-direction:column;grid-column:2;grid-row:1;position:-webkit-sticky;position:sticky;top:90px;max-height:calc(100vh - 130px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:8px}.techpost_page .posts_wrapper .tag_wrap a{display:block;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:.88rem;font-weight:500;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease}.techpost_page .posts_wrapper .tag_wrap a:hover{background-color:var(--color-bg-alt);color:var(--color-text-primary)}.techpost_page .posts_wrapper .tag_wrap a:first-child{color:var(--color-accent);font-weight:700;position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-card-bg);border-bottom:1px solid var(--color-border);border-radius:0;padding-bottom:12px;margin-bottom:8px}.techpost_page .posts_wrapper .tag_wrap a.active{color:var(--color-accent);background-color:var(--color-accent-soft);font-weight:700}.techpost_page .posts_wrapper .tag_wrap a span{margin-left:5px;font-size:.75rem}.techpost_page .posts_wrapper .list_wrapper{grid-column:1;grid-row:1}.techpost_page .posts_wrapper .list_wrapper .list{display:flex;align-items:center;justify-content:normal;animation:fade-in-down 1s;animation-delay:.7s;animation-fill-mode:both}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0) translateX(0)}}.techpost_page .posts_wrapper .list_wrapper .list{flex-wrap:wrap;width:100%;gap:14px}.techpost_page .posts_wrapper .list_wrapper .list li{display:flex;align-items:flex-start;justify-content:normal;flex-direction:column;width:inherit;gap:16px;box-sizing:border-box;padding:28px;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-spring),box-shadow var(--duration-base) ease,border-color var(--duration-base) ease}.techpost_page .posts_wrapper .list_wrapper .list li:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:transparent}.techpost_page .posts_wrapper .list_wrapper .list li:hover .text_wrapper h2{color:var(--color-accent)}.techpost_page .posts_wrapper .list_wrapper .list li .text_wrapper{display:flex;align-items:normal;justify-content:normal;flex-direction:column;gap:10px}.techpost_page .posts_wrapper .list_wrapper .list li .text_wrapper h2{font-size:1.25rem;font-weight:700;transition:color var(--duration-fast) ease}.techpost_page .posts_wrapper .list_wrapper .list li .text_wrapper span{font-size:.88rem;line-height:1.6;color:var(--color-text-muted);display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;-webkit-line-clamp:2}.techpost_page .posts_wrapper .list_wrapper .list li .bottom_wrap{display:flex;align-items:center;justify-content:normal;gap:10px;font-size:.85rem}.techpost_page .posts_wrapper .list_wrapper .list li .bottom_wrap>*{color:var(--color-text-muted)}.techpost_page .posts_wrapper .list_wrapper .list li .bottom_wrap .date{margin-right:12px}.techpost_page .posts_wrapper .list_wrapper .list li .bottom_wrap .static_heart{background:url(/images/image.svg) no-repeat -4px -5px;width:25px;height:22px}.techpost_page .posts_wrapper .list_wrapper .list li .bottom_wrap .static_heart.like{transform:rotateY(180deg);background:url(/images/image.svg) no-repeat -32px -5px;width:25px;height:22px}@media(max-width:768px){.techpost_page .post_title{margin-bottom:36px}.techpost_page .post_title h1{font-size:1.8rem}.techpost_page .posts_wrapper{display:block}.techpost_page .posts_wrapper .tag_wrap{position:static;width:100%;max-height:180px;flex-direction:row;flex-wrap:wrap;gap:4px;margin-bottom:20px}.techpost_page .posts_wrapper .tag_wrap a{padding:6px 12px;font-size:.82rem}.techpost_page .posts_wrapper .tag_wrap a:first-child{position:static;border-bottom:none;margin-bottom:0;padding-bottom:6px}.techpost_page .posts_wrapper .list_wrapper .list li{padding:20px;gap:12px}}