.tutorials[data-v-33ca4ee9]{max-width:800px;margin:0 auto;padding:var(--spacing-md) 0 var(--spacing-2xl)}.tag-cloud-section[data-v-33ca4ee9]{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.tag-cloud-section .tag-cloud-header[data-v-33ca4ee9]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tag-cloud-section .tag-cloud-header .tag-cloud-title[data-v-33ca4ee9]{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.tag-cloud-section .tag-cloud-header .active-filters[data-v-33ca4ee9]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-cloud-section .tag-cloud-header .active-filters .selected-tag-chip[data-v-33ca4ee9]{display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 10px;background:var(--primary-color);color:#fff;border-radius:12px;font-size:.75rem;font-weight:500;cursor:pointer;transition:opacity .15s ease}.tag-cloud-section .tag-cloud-header .active-filters .selected-tag-chip[data-v-33ca4ee9]:hover{opacity:.85}.tag-cloud-section .tag-cloud-header .active-filters .selected-tag-chip .chip-close[data-v-33ca4ee9]{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#ffffff40;font-size:11px;line-height:1}.tag-cloud-section .tag-cloud[data-v-33ca4ee9]{display:flex;flex-wrap:wrap;gap:8px}.tag-cloud-section .tag-cloud .tag-item[data-v-33ca4ee9]{padding:5px 14px;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:400;cursor:pointer;transition:all .15s ease;font-family:inherit}.tag-cloud-section .tag-cloud .tag-item[data-v-33ca4ee9]:hover{border-color:var(--primary-color);color:var(--primary-color);background:#3b82f60a}.tag-cloud-section .tag-cloud .tag-item.active[data-v-33ca4ee9]{border-color:var(--primary-color);background:var(--primary-color);color:#fff;font-weight:500}.loading[data-v-33ca4ee9]{display:flex;justify-content:center;align-items:center;padding:3rem 0}.loading-spinner[data-v-33ca4ee9]{width:40px;height:40px;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin-33ca4ee9 1s linear infinite}@keyframes spin-33ca4ee9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-33ca4ee9]{text-align:center;padding:3rem 0;color:#dc2626;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.tutorials-list[data-v-33ca4ee9]{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-sm)}.article-card[data-v-33ca4ee9]{border-bottom:1px solid var(--border-color);padding:18px 0}.article-card[data-v-33ca4ee9]:last-child{border-bottom:none}.article-card .article-body[data-v-33ca4ee9]{min-width:0}.article-card h2[data-v-33ca4ee9]{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4;margin-bottom:6px;cursor:pointer;text-decoration:none}.article-card h2[data-v-33ca4ee9]:hover{text-decoration:underline;text-decoration-color:var(--text-primary);text-underline-offset:4px;text-decoration-thickness:1.5px}.article-card .post-excerpt[data-v-33ca4ee9]{font-size:13px;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.article-card .article-tags-row[data-v-33ca4ee9]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.article-card .article-tags-row .badge.popular[data-v-33ca4ee9]{display:inline-flex;align-items:center;padding:2px 8px;background:#f3f4f6;color:#6b7280;border-radius:4px;font-size:11px;font-weight:500}.article-card .article-tags-row .cat-tag[data-v-33ca4ee9]{padding:2px 10px;background:#f3f4f6;color:#374151;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.article-card .article-tags-row .hot-tag[data-v-33ca4ee9]{padding:3px 10px;background:#f9fafb;color:#6b7280;border-radius:14px;font-size:11px;white-space:nowrap;line-height:1.4}.article-card .article-tags-row .hot-tag.tag-highlight[data-v-33ca4ee9]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.article-card .article-tags-row .meta-sep[data-v-33ca4ee9]{width:1px;height:14px;background:var(--border-color);margin:0 4px;align-self:center}.article-card .article-tags-row .meta-date[data-v-33ca4ee9]{font-size:12px;color:var(--text-muted);white-space:nowrap}.article-card .article-tags-row .view-count[data-v-33ca4ee9]{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--text-muted)}.article-card .article-tags-row .view-count svg[data-v-33ca4ee9]{opacity:.65}.article-card .article-tags-row .article-fav-btn[data-v-33ca4ee9]{background:transparent;border:none;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;opacity:.35;margin-left:auto}.article-card .article-tags-row .article-fav-btn .fav-icon[data-v-33ca4ee9]{width:16px;height:16px;object-fit:contain;transition:all .15s ease}.article-card .article-tags-row .article-fav-btn[data-v-33ca4ee9]:hover{transform:scale(1.15);opacity:.75}.article-card .article-tags-row .article-fav-btn.favorited[data-v-33ca4ee9]{opacity:1}.article-card .article-tags-row .article-fav-btn.favorited .fav-icon[data-v-33ca4ee9]{filter:brightness(0%)}.article-card .article-tags-row .article-fav-btn.favorited[data-v-33ca4ee9]:hover{transform:scale(1.1)}.article-card .article-tags-row .article-fav-btn.favorited:hover .fav-icon[data-v-33ca4ee9]{filter:brightness(0%) brightness(1.07)}.empty-state[data-v-33ca4ee9]{text-align:center;padding:3rem 0;color:var(--text-muted)}@keyframes fadeInUp-33ca4ee9{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.category-fade-enter-active[data-v-33ca4ee9],.category-fade-leave-active[data-v-33ca4ee9]{transition:opacity .35s ease,transform .35s ease}.category-fade-enter-from[data-v-33ca4ee9],.category-fade-leave-to[data-v-33ca4ee9]{opacity:0;transform:translateY(20px)}.articles-container[data-v-33ca4ee9]{display:flex;flex-direction:column;gap:0}.article-card[data-v-33ca4ee9]{animation:fadeInUp-33ca4ee9 .4s ease forwards;opacity:0}@media (max-width: 768px){.tutorials[data-v-33ca4ee9]{padding:var(--spacing-lg) 0}.tag-cloud .tag-item[data-v-33ca4ee9]{padding:4px 12px;font-size:.75rem}.article-tags-row[data-v-33ca4ee9]{gap:6px;flex-wrap:wrap}.article-tags-row .meta-sep[data-v-33ca4ee9]{display:none}.article-tags-row .cat-tag[data-v-33ca4ee9],.article-tags-row .hot-tag[data-v-33ca4ee9],.article-tags-row .badge.popular[data-v-33ca4ee9]{font-size:10px;padding:1px 8px}.article-tags-row .meta-date[data-v-33ca4ee9],.article-tags-row .view-count[data-v-33ca4ee9]{font-size:11px}}