@charset "UTF-8";[data-v-4f026582]:root{--message-input-height:63px;--message-input-footer-height:0px;--header-height:64px;--right-panel-width:320px;--sidebar-width:248px;--chatlayout-side-padding:16px;--chat-content-width:640px;--sidebar-header-height:132px;--sidebar-footer-height:140px;--scrollbar-width:8px;--full-height:calc(var(--vh, 1vh)*100);--full-width:calc(var(--vw, 1vw)*100);--mobile-sidebar-left:calc(var(--full-width)*-1)}:root .el-header[data-v-4f026582]{--el-header-padding:0px}@media (max-width:1600px){[data-v-4f026582]:root{--el-menu-item-height:50px;--el-menu-sub-item-height:50px}}@media (max-width:720px){[data-v-4f026582]:root{--header-height:48px;--chatlayout-side-padding:8px;--sidebar-width:var(--full-width);--right-panel-width:var(--full-width)}}.blog-post-preview[data-v-4f026582]{background:var(--secondary-background);border:1px solid var(--secondary-stroke);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.blog-post-preview[data-v-4f026582]:hover{border-color:var(--accent);box-shadow:0 0 10px 2px var(--disabled);transform:translateY(-4px)}.blog-post-preview__image[data-v-4f026582]{height:200px;overflow:hidden;position:relative}.blog-post-preview__image img[data-v-4f026582]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.blog-post-preview__image:hover img[data-v-4f026582]{transform:scale(1.05)}.blog-post-preview__image .blog-post-preview__category[data-v-4f026582]{left:16px;position:absolute;top:16px}.blog-post-preview__image .blog-post-preview__category span[data-v-4f026582]{background:var(--accent);border-radius:20px;color:#fff;font-size:12px;font-style:normal;font-weight:400;font-weight:600;letter-spacing:0;line-height:16px;padding:4px 12px}.blog-post-preview__content[data-v-4f026582]{padding:24px}.blog-post-preview__meta[data-v-4f026582]{align-items:center;display:flex;gap:16px;margin-bottom:12px}.blog-post-preview__meta .blog-post-preview__date[data-v-4f026582],.blog-post-preview__meta .blog-post-preview__read-time[data-v-4f026582]{color:var(--secondary-text);font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;line-height:16px}.blog-post-preview__meta .blog-post-preview__read-time[data-v-4f026582]:before{color:var(--tertiary-text);content:"•";margin-right:8px}.blog-post-preview__title[data-v-4f026582]{color:var(--default-text);font-size:18px;font-weight:700;line-height:26px;line-height:1.4;margin:0 0 12px;-webkit-line-clamp:2}.blog-post-preview__excerpt[data-v-4f026582],.blog-post-preview__title[data-v-4f026582]{display:-webkit-box;font-style:normal;letter-spacing:0;-webkit-box-orient:vertical;overflow:hidden}.blog-post-preview__excerpt[data-v-4f026582]{color:var(--secondary-text);font-size:14px;font-weight:400;line-height:18px;line-height:1.6;margin:0 0 20px;-webkit-line-clamp:3}.blog-post-preview__footer[data-v-4f026582]{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.blog-post-preview__footer .blog-post-preview__author[data-v-4f026582]{align-items:center;display:flex;gap:12px}.blog-post-preview__footer .blog-post-preview__author .author-avatar[data-v-4f026582]{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.blog-post-preview__footer .blog-post-preview__author .author-info[data-v-4f026582]{display:flex;flex-direction:column}.blog-post-preview__footer .blog-post-preview__author .author-info .author-name[data-v-4f026582]{color:var(--default-text);font-size:14px;font-style:normal;font-weight:700;letter-spacing:0;line-height:18px}.blog-post-preview__footer .blog-post-preview__author .author-info .author-role[data-v-4f026582]{color:var(--secondary-text);font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;line-height:16px}.blog-post-preview__footer .blog-post-preview__actions[data-v-4f026582]{display:flex;gap:8px}.blog-post-preview__footer .blog-post-preview__actions .action-button[data-v-4f026582]{background:none;border:none;border-radius:6px;color:var(--secondary-text);cursor:pointer;padding:8px;transition:all .2s ease}.blog-post-preview__footer .blog-post-preview__actions .action-button[data-v-4f026582]:hover{background:var(--tertiary-background);color:var(--default-text)}.blog-post-preview__footer .blog-post-preview__actions .action-button svg.filled[data-v-4f026582]{fill:var(--accent);color:var(--accent)}.blog-post-preview__tags[data-v-4f026582]{display:flex;flex-wrap:wrap;gap:8px}.blog-post-preview__tags .tag[data-v-4f026582]{background:var(--tertiary-background);border-radius:4px;color:var(--secondary-text);font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;line-height:16px;padding:4px 8px}.blog-post-preview__tags .tag.more[data-v-4f026582]{color:var(--accent);font-weight:600}@media (max-width:720px){.blog-post-preview__image[data-v-4f026582]{height:160px}.blog-post-preview__content[data-v-4f026582]{padding:16px}.blog-post-preview__footer[data-v-4f026582]{align-items:flex-start;flex-direction:column;gap:12px}.blog-post-preview__footer .blog-post-preview__actions[data-v-4f026582]{align-self:flex-end}}