.blog-view[data-v-6def66e1]{width:100%;height:100vh;background-color:#fff;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.blog-view[data-v-6def66e1]::-webkit-scrollbar{width:0;height:0}.blog-header[data-v-6def66e1]{height:64px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;padding:0 40px}.header-container[data-v-6def66e1]{max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-text[data-v-6def66e1]{font-size:14px;font-weight:600;color:#1a1a1a;padding:0}.logo-text[data-v-6def66e1]:hover{background-color:transparent!important;color:#000}.header-nav[data-v-6def66e1]{display:flex;align-items:center;gap:24px}.nav-item[data-v-6def66e1]{text-decoration:none;color:#4a5565;font-size:14px;font-weight:500;padding:0}.nav-item[data-v-6def66e1]:hover{background-color:transparent!important;color:#1a1a1a}.profile-icon[data-v-6def66e1]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;overflow:hidden}.user-avatar[data-v-6def66e1]{width:100%;height:100%;object-fit:cover}.blog-content[data-v-6def66e1]{padding:60px 20px}.content-container[data-v-6def66e1]{max-width:800px;margin:0 auto}.blog-title[data-v-6def66e1]{font-size:48px;font-weight:800;margin-bottom:40px;color:#1a1a1a}.category-tabs[data-v-6def66e1]{display:flex;gap:24px;border-bottom:1px solid #f0f0f0;margin-bottom:60px;overflow-x:auto;scrollbar-width:none}.category-tabs[data-v-6def66e1]::-webkit-scrollbar{display:none}.category-tab[data-v-6def66e1]{padding:12px 0;font-size:14px;font-weight:500;color:#6a7282;cursor:pointer;position:relative;white-space:nowrap;transition:color .2s}.category-tab[data-v-6def66e1]:hover:not(.active){color:#1a1a1a;background-color:transparent!important}.category-tab.active[data-v-6def66e1]{color:#1a1a1a}.category-tab.active[data-v-6def66e1]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#1a1a1a}.category-tabs-skeleton[data-v-6def66e1]{gap:16px}.category-tab-skeleton[data-v-6def66e1]{width:84px;height:16px;border-radius:999px;margin:12px 0;flex-shrink:0}.blog-list[data-v-6def66e1]{display:flex;flex-direction:column;gap:80px;margin-bottom:80px}.blog-item[data-v-6def66e1]{display:flex;gap:40px;align-items:flex-start;cursor:pointer;padding:0}.blog-item[data-v-6def66e1]:hover{background-color:transparent!important}.blog-info[data-v-6def66e1]{flex:1}.read-time[data-v-6def66e1]{font-size:12px;font-weight:600;color:#9aa2b1;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:12px}.blog-item-title[data-v-6def66e1]{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:16px;color:#1a1a1a}.blog-item-desc[data-v-6def66e1]{font-size:16px;line-height:1.6;color:#6a7282;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-meta[data-v-6def66e1]{display:flex;align-items:center;gap:8px;font-size:14px;color:#9aa2b1}.author[data-v-6def66e1]{color:#6a7282;font-weight:500}.blog-image[data-v-6def66e1]{width:280px;height:160px;border-radius:8px;overflow:hidden;flex-shrink:0;-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate}.blog-image img[data-v-6def66e1]{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-item:hover .blog-image img[data-v-6def66e1]{transform:scale(1.05)}.blog-item-skeleton[data-v-6def66e1]{pointer-events:none}.skeleton[data-v-6def66e1]{border-radius:8px;background:linear-gradient(90deg,#e7eaf0b8 25%,#e7eaf059 37%,#e7eaf0b8 63%);background-size:400% 100%}.skeleton-read-time[data-v-6def66e1]{display:block;width:110px;height:12px;margin-bottom:14px}.skeleton-title[data-v-6def66e1]{width:88%;height:30px;margin-bottom:14px}.skeleton-desc[data-v-6def66e1]{width:100%;height:16px;margin-bottom:10px}.skeleton-desc.short[data-v-6def66e1]{width:72%;margin-bottom:18px}.skeleton-meta[data-v-6def66e1]{width:200px;height:14px}.shimmer[data-v-6def66e1]{animation:skeleton-shimmer-6def66e1 1.2s ease-in-out infinite}@keyframes skeleton-shimmer-6def66e1{0%{background-position:100% 50%}to{background-position:0 50%}}.pagination[data-v-6def66e1]{display:flex;justify-content:center;margin-top:40px}.pagination-bottom[data-v-6def66e1]{margin-top:20px}.pagination-controls[data-v-6def66e1]{display:flex;align-items:center;gap:32px}.pagination-btn[data-v-6def66e1]{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px;cursor:pointer;font-size:14px;font-weight:600;color:#6a7282;transition:color .2s}.pagination-btn[data-v-6def66e1]:not(.disabled):hover{color:#1a1a1a}.pagination-btn.disabled[data-v-6def66e1]{color:#d1d5dc;cursor:not-allowed}.page-numbers[data-v-6def66e1]{display:flex;gap:8px}.page-number[data-v-6def66e1]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:14px;font-weight:600;color:#6a7282;cursor:pointer;transition:all .2s}.page-number[data-v-6def66e1]:hover:not(.active){background-color:#f8f9fa;color:#1a1a1a}.page-number.active[data-v-6def66e1]{background-color:#1a1a1a;color:#fff}@media(max-width:768px){.blog-header[data-v-6def66e1]{padding:0 20px}.blog-item[data-v-6def66e1]{flex-direction:column-reverse;gap:20px}.blog-image[data-v-6def66e1]{width:100%;height:200px}.blog-title[data-v-6def66e1]{font-size:32px}}