.tutorial-detail-page{background-color:var(--color-bg);min-height:100vh}.tutorial-detail-hero{border-bottom:1px solid var(--color-border);color:#fff;background:linear-gradient(135deg,#4c1d95 0%,#1e40af 100%);padding:5rem 0 3rem}.tutorial-detail-breadcrumb{opacity:.8;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.tutorial-detail-breadcrumb a{color:#fff;text-decoration:none}.tutorial-detail-breadcrumb a:hover{text-decoration:underline}.tutorial-detail-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:var(--radius-full);background:#fff3;border:1px solid #ffffff4d;margin-bottom:1rem;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-block}.tutorial-detail-title{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.tutorial-detail-meta{opacity:.85;align-items:center;gap:1.5rem;font-size:.9rem;display:flex}.tutorial-detail-author{align-items:center;gap:.5rem;display:flex}.tutorial-detail-author-avatar{background:#ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.tutorial-detail-content{max-width:860px;padding:3rem var(--spacing-4);margin:0 auto}.tutorial-related-product{border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);text-align:center;margin-top:3rem;padding:2rem}.tutorial-related-product-title{color:var(--color-text);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.tutorial-related-product-desc{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.9rem}@media (max-width:768px){.tutorial-detail-title{font-size:1.75rem}.tutorial-detail-hero{padding:4rem 0 2rem}.tutorial-detail-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}