.title[data-v-66dcab7c]{display:flex;align-items:center;font-size:26px;font-weight:800;margin-bottom:32px;transition:transform 0.4s ease}.title i[data-v-66dcab7c],.title svg[data-v-66dcab7c]{margin-right:8px;height:26px;width:26px;fill:var(--fill)}.title[data-v-66dcab7c]:hover{transform:translateY(-5px)}@media screen and (max-width: 450px){.title[data-v-66dcab7c]{margin-top:16px;font-size:20px;margin-bottom:16px}}

.blogList[data-v-1c6fcece]{display:grid;grid-template-columns:repeat(4, 1fr);gap:4px;border-radius:4px;padding:1.5px;margin-bottom:32px}.blogList li[data-v-1c6fcece]{padding:16px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px;border:solid 1.5px var(--item_bg_color)}.blogList li .date[data-v-1c6fcece]{font-size:14px;margin-top:16px;color:var(--text-grey)}.blogList li .title[data-v-1c6fcece]{margin-top:16px;font-size:16px;font-weight:500;height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}.blogList li .title[data-v-1c6fcece]:hover{text-decoration:underline}.blogList li .category[data-v-1c6fcece]{margin-top:16px;margin-bottom:-4px}.blogList li .category .tag[data-v-1c6fcece]{color:var(--left_tag_item);font-size:12px;border-radius:4px;padding:4px 6px;margin-right:4px;user-select:none;margin-bottom:4px;display:none}.blogList li .category .tag[data-v-1c6fcece]:nth-of-type(n){background:var(--tag_color_1)}.blogList li .category .tag[data-v-1c6fcece]:nth-of-type(1){display:inline-block}.blogList li .category .tag[data-v-1c6fcece]:nth-of-type(2){display:inline-block}.blogList li .category .tag[data-v-1c6fcece]:nth-of-type(2n){background:var(--tag_color_3)}.blogList li .img-wrap[data-v-1c6fcece]{height:98px;max-height:98px;border:solid 1.5px var(--item_bg_color);border-radius:4px;padding:1.5px}.blogList li .img-wrap img[data-v-1c6fcece]{width:100%;height:100%;object-fit:cover;border-radius:4px}.blogs-slider-container[data-v-1c6fcece]{width:100%;max-width:calc(var(--main-width) - 100px);height:100%;transform-style:preserve-3d;display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 auto;overflow:hidden}.blogs-slider-container .hidden-radio[data-v-1c6fcece]{display:none}.blogs-slider-container .cards[data-v-1c6fcece]{position:relative;width:100%;height:144px;margin:0 auto 32px;display:flex;justify-content:center;align-items:center}.blogs-slider-container .cards .card[data-v-1c6fcece]{position:absolute;width:60%;height:100%;transition:transform 0.4s ease, opacity 0.4s ease, z-index 0.4s ease, box-shadow 0.4s ease;cursor:pointer;display:block;border-radius:12px}.blogs-slider-container .cards .card img[data-v-1c6fcece]{width:100%;height:100%;object-fit:cover;border-radius:12px}.floating-menu[data-v-1c6fcece]{position:fixed;top:50%;left:calc(var(--main-width) / 2 + 50% + 35px);transform:translate(-50%, -50%);background-color:var(--left_tag_item);border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,0.1);padding:6px;z-index:100;transition:right 0.5s cubic-bezier(0.19, 1, 0.22, 1),box-shadow 0.3s ease}.floating-menu[data-v-1c6fcece]:hover,.floating-menu[data-v-1c6fcece]:focus-within{box-shadow:3px 3px 8px rgba(0,0,0,0.12)}.floating-menu ul[data-v-1c6fcece]{list-style:none;padding:0;margin:0}.floating-menu li[data-v-1c6fcece]{margin-bottom:8px}.floating-menu li[data-v-1c6fcece]:last-child{margin-bottom:0}.floating-menu .divider[data-v-1c6fcece]{width:100%;height:1px;background:rgba(0,0,0,0.1);margin:8px 0}.floating-menu a[data-v-1c6fcece]{text-decoration:none;padding:4px 6px;border-radius:5px;transition:background-color 0.3s ease, color 0.3s ease;font-size:12px;line-height:1;overflow:hidden;max-width:70px;display:block;text-align:center;white-space:nowrap;text-overflow:ellipsis}.floating-menu a[data-v-1c6fcece]:hover,.floating-menu a[data-v-1c6fcece]:focus{background-color:var(--purple_text_color);color:var(--left_tag_item)}.floating-menu a[data-v-1c6fcece]:focus{outline:2px solid var(--purple_text_color);outline-offset:2px}@media screen and (max-width: 450px){.blogList[data-v-1c6fcece]{grid-template-columns:repeat(2, 1fr);border:none}.blogList .category .tag[data-v-1c6fcece]{font-size:10px !important}.blogList .category .tag[data-v-1c6fcece]:nth-of-type(2){display:none}.blogList li .img-wrap[data-v-1c6fcece]{height:80px !important}.blogs-slider-container[data-v-1c6fcece]{max-height:130px}.blogs-slider-container .cards[data-v-1c6fcece]{height:130px;margin-bottom:12px}.floating-menu[data-v-1c6fcece]{display:none}}