.tutorial-card[data-v-d63cadd6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;height:100%;transition:all .22s ease;box-shadow:var(--shadow-card)}.tutorial-card[data-v-d63cadd6]:hover{border-color:var(--border-light);transform:translateY(-3px);box-shadow:var(--shadow-card-hover)}.card-image[data-v-d63cadd6]{position:relative;height:88px;background:radial-gradient(ellipse at 20% 80%,rgba(40,120,70,.14) 0%,transparent 60%),linear-gradient(150deg,#0b1a14,#0e2318 60%,#0a1912);overflow:hidden}.card-image[data-v-d63cadd6]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:20px 20px}.image-placeholder[data-v-d63cadd6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(201,148,58,.25);border-radius:var(--radius-md)}.image-placeholder svg[data-v-d63cadd6]{width:20px;height:20px;color:#c9943a}.card-body[data-v-d63cadd6]{flex:1;padding:14px 16px}.card-title[data-v-d63cadd6]{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:5px;line-height:1.38;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-summary[data-v-d63cadd6]{font-size:12.5px;color:var(--text-tertiary);line-height:1.6;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta[data-v-d63cadd6]{display:flex;gap:12px}.meta-item[data-v-d63cadd6]{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.meta-item svg[data-v-d63cadd6]{width:12px;height:12px}.card-footer[data-v-d63cadd6]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--border-subtle)}.author[data-v-d63cadd6]{font-size:12px;font-weight:500;color:var(--text-tertiary)}.arrow[data-v-d63cadd6]{font-size:14px;color:var(--text-muted);transition:all var(--transition-fast)}.tutorial-card:hover .arrow[data-v-d63cadd6]{color:var(--accent-warm);transform:translate(3px)}.tutorials-page[data-v-af4f7208]{min-height:100%;padding-bottom:var(--space-12)}.container[data-v-af4f7208]{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.page-header[data-v-af4f7208]{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 70%,rgba(40,120,70,.12) 0%,transparent 55%),linear-gradient(150deg,#0b1a14,#0e2318 55%,#0a1912);border-bottom:none;margin-bottom:var(--space-6)}.page-header[data-v-af4f7208]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.page-header[data-v-af4f7208]:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(201,148,58,.75),transparent)}.page-header .container[data-v-af4f7208]{position:relative;z-index:1;padding-top:44px;padding-bottom:40px}.page-header h1[data-v-af4f7208]{font-family:var(--font-serif);font-size:26px;font-weight:700;color:#e8f2ec;margin-bottom:8px;letter-spacing:-.01em}.page-header p[data-v-af4f7208]{font-size:14px;color:#7aa88e}.filters-bar[data-v-af4f7208]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:var(--space-4)}.search-box[data-v-af4f7208]{position:relative;flex:1;max-width:320px}.search-icon[data-v-af4f7208]{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.search-box input[data-v-af4f7208]{width:100%;padding:8px 12px 8px 36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;transition:all var(--transition-fast)}.search-box input[data-v-af4f7208]:focus{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 2px var(--accent-primary-light)}.search-box input[data-v-af4f7208]::placeholder{color:var(--text-placeholder)}.results-count[data-v-af4f7208]{font-size:12px;color:var(--text-tertiary);margin-bottom:var(--space-3)}.results-count strong[data-v-af4f7208]{color:var(--text-primary);font-weight:600}.tutorials-grid[data-v-af4f7208]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-height:300px}.empty-state[data-v-af4f7208]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.empty-icon[data-v-af4f7208]{font-size:36px;margin-bottom:12px;opacity:.4}.empty-state h3[data-v-af4f7208]{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.empty-state p[data-v-af4f7208]{font-size:13px;color:var(--text-tertiary)}.pagination[data-v-af4f7208]{display:flex;justify-content:center;margin-top:var(--space-8)}@media (max-width: 1024px){.tutorials-grid[data-v-af4f7208]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container[data-v-af4f7208]{padding:0 var(--space-4)}.filters-bar[data-v-af4f7208]{flex-direction:column;align-items:stretch}.search-box[data-v-af4f7208]{max-width:none}.tutorials-grid[data-v-af4f7208]{grid-template-columns:1fr}}