.blog-post-card{border:1px solid #e5e7eb;border-radius:12px;padding:24px;background:#fff;transition:all .3s ease;cursor:pointer}.blog-post-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px);border-color:#d1d5db}.blog-post-meta{display:flex;gap:16px;align-items:center;margin-bottom:12px;font-size:14px;color:#6b7280}.blog-post-category{background:linear-gradient(135deg,#4f55c1,#6366f1);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.blog-post-title{font-size:24px;font-weight:600;margin-bottom:12px;color:#1f2937;line-height:1.3}.blog-post-excerpt{color:#4b5563;line-height:1.6;margin-bottom:16px}.blog-post-read-more{color:#4f55c1;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:gap .3s ease}.blog-post-read-more:hover{gap:12px}.blog-detail-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.blog-detail-title{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:16px;line-height:1.2}.blog-detail-meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.blog-detail-author{display:flex;align-items:center;gap:12px}.blog-detail-author-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4f55c1,#6366f1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.blog-detail-author-info{display:flex;flex-direction:column}.blog-detail-author-name{font-weight:600;color:#1f2937}.blog-detail-author-role{font-size:14px;color:#6b7280}.blog-content{line-height:1.8;color:#374151}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#1f2937;font-weight:600;margin-top:32px;margin-bottom:16px;line-height:1.3}.blog-content h1{font-size:32px}.blog-content h2{font-size:28px}.blog-content h3{font-size:24px}.blog-content h4{font-size:20px}.blog-content h5{font-size:18px}.blog-content h6{font-size:16px}.blog-content p{margin-bottom:16px}.blog-content a{color:#4f55c1;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-content a:hover{border-bottom-color:#4f55c1}.blog-content ul,.blog-content ol{margin-bottom:16px;padding-left:24px}.blog-content li{margin-bottom:8px}.blog-content blockquote{border-left:4px solid #4f55c1;padding-left:16px;margin:24px 0;font-style:italic;color:#6b7280}.blog-content code{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;color:#1f2937}.blog-content pre{background:#1f2937;color:#f9fafb;padding:16px;border-radius:8px;overflow-x:auto;margin:24px 0}.blog-content pre code{background:none;color:inherit;padding:0}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.blog-content>p:first-of-type img,.blog-content>img:first-child{margin-top:0;margin-bottom:8px}.blog-content>p:first-of-type{margin-top:0;margin-bottom:8px}.blog-content table{width:100%;border-collapse:collapse;margin:24px 0}.blog-content th,.blog-content td{padding:12px;text-align:left;border-bottom:1px solid #e5e7eb}.blog-content th{background:#f9fafb;font-weight:600;color:#1f2937}.blog-loading{text-align:center;padding:40px;color:#6b7280}.blog-loading:after{content:"";display:inline-block;width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#4f55c1;border-radius:50%;animation:spin 1s linear infinite;margin-left:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.blog-detail-title{font-size:28px}.blog-post-title{font-size:20px}.blog-detail-meta{flex-direction:column;align-items:flex-start;gap:16px}}