.blog-detail{--blog-detail-primary: #1e3a8a;--blog-detail-primary-light: #3b82f6;--blog-detail-secondary: #10b981;--blog-detail-accent: #f59e0b}.blog-detail .gradient-mattock{background:linear-gradient(135deg,var(--blog-detail-primary) 0%,var(--blog-detail-primary-light) 100%)}.blog-detail .gradient-text{background:linear-gradient(135deg,var(--blog-detail-primary) 0%,var(--blog-detail-primary-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.blog-detail .toc-active{color:var(--blog-detail-primary);font-weight:600;position:relative}.blog-detail .toc-active:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:3px;height:100%;background:var(--blog-detail-primary)}.blog-detail .code-block{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:.5rem;overflow-x:auto}.blog-detail .quote-block{border-left:4px solid var(--blog-detail-primary-light);padding-left:1.5rem;font-style:italic;color:#4b5563}.blog-detail .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-detail .hover\:text-blue-600:hover{color:#2563eb}.blog-detail .hover\:bg-blue-600:hover{background-color:#2563eb}.blog-detail .hover\:bg-blue-100:hover{background-color:#dbeafe}.blog-detail .hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-detail .hover\:opacity-90:hover{opacity:.9}.blog-detail .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.blog-detail .focus\:border-blue-500:focus{border-color:#3b82f6}.blog-detail .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}