.blog-detail-page{max-width:1200px;margin:0 auto;padding:40px 20px}@media(max-width:768px){.blog-detail-page{padding:20px 16px}}.blog-detail-page .breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:40px;font-family:Inter,sans-serif;font-size:14px;color:#6b7280}@media(max-width:768px){.blog-detail-page .breadcrumb{margin-bottom:20px;font-size:12px}}.blog-detail-page .breadcrumb .breadcrumb-link{color:#4f46e5;text-decoration:none}.blog-detail-page .breadcrumb .breadcrumb-link:hover{text-decoration:underline}.blog-detail-page .breadcrumb .separator{color:#d1d5db}.blog-detail-page .breadcrumb .current-page{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}@media(max-width:768px){.blog-detail-page .breadcrumb .current-page{max-width:200px}}.blog-detail-page .article-header{margin-bottom:40px}@media(max-width:768px){.blog-detail-page .article-header{margin-bottom:20px}}.blog-detail-page .article-header .header-content{margin-bottom:24px}.blog-detail-page .article-header .title{font-family:Inter,sans-serif;font-weight:800;font-size:48px;line-height:1.2;color:#1e0f2a;margin:0 0 20px}@media(max-width:768px){.blog-detail-page .article-header .title{font-size:28px;margin-bottom:16px}}.blog-detail-page .article-header .meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media(max-width:768px){.blog-detail-page .article-header .meta{gap:12px}}.blog-detail-page .article-header .tag{background:#4f46e5;color:#fff;padding:6px 12px;border-radius:20px;font-family:Inter,sans-serif;font-weight:600;font-size:14px}@media(max-width:768px){.blog-detail-page .article-header .tag{font-size:12px;padding:4px 8px}}.blog-detail-page .article-header .author,.blog-detail-page .article-header .date{font-family:Inter,sans-serif;font-size:16px;color:#6b7280}@media(max-width:768px){.blog-detail-page .article-header .author,.blog-detail-page .article-header .date{font-size:14px}}.blog-detail-page .article-header .hero-image{width:100%;border-radius:12px;overflow:hidden}.blog-detail-page .article-header .hero-image img{width:100%;height:auto;display:block}.blog-detail-page .article-content{margin-bottom:60px}@media(max-width:768px){.blog-detail-page .article-content{margin-bottom:40px}}.blog-detail-page .article-content .content-container{max-width:800px;margin:0 auto}.blog-detail-page .article-content .introduction{margin-bottom:40px}.blog-detail-page .article-content .introduction p{font-family:Inter,sans-serif;font-size:18px;line-height:1.7;color:#374151;margin:0}@media(max-width:768px){.blog-detail-page .article-content .introduction p{font-size:16px;line-height:1.6}}.blog-detail-page .article-content .content-image{margin:40px 0;text-align:center}.blog-detail-page .article-content .content-image img{max-width:100%;height:auto;border-radius:8px}.blog-detail-page .article-content .divider{height:1px;background:#e5e7eb;margin:60px 0}@media(max-width:768px){.blog-detail-page .article-content .divider{margin:40px 0}}.blog-detail-page .article-navigation{display:flex;gap:20px;margin-bottom:80px}@media(max-width:768px){.blog-detail-page .article-navigation{flex-direction:column;gap:16px;margin-bottom:60px}}.blog-detail-page .article-navigation .nav-card{flex:1;display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f9fafb;border-radius:12px;text-decoration:none;transition:background-color .2s ease}.blog-detail-page .article-navigation .nav-card:hover{background:#f3f4f6}@media(max-width:768px){.blog-detail-page .article-navigation .nav-card{padding:16px}}.blog-detail-page .article-navigation .card-content{flex:1}.blog-detail-page .article-navigation .card-content .tag{background:#e5e7eb;color:#6b7280;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block;margin-bottom:8px}.blog-detail-page .article-navigation .card-content .title{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:1.4;color:#1f2937;margin:0}@media(max-width:768px){.blog-detail-page .article-navigation .card-content .title{font-size:14px}}.blog-detail-page .article-navigation .nav-button{background:#4f46e5;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;white-space:nowrap;margin-left:16px}@media(max-width:768px){.blog-detail-page .article-navigation .nav-button{font-size:12px;padding:6px 12px;margin-left:12px}}.blog-detail-page .related-articles .container{max-width:1200px;margin:0 auto}.blog-detail-page .related-articles .title{font-family:Inter,sans-serif;font-weight:700;font-size:32px;line-height:1.2;text-align:center;color:#1e0f2a;margin:0 0 40px}@media(max-width:768px){.blog-detail-page .related-articles .title{font-size:24px;margin-bottom:24px}}.blog-detail-page .related-articles .articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}@media(max-width:768px){.blog-detail-page .related-articles .articles-grid{grid-template-columns:1fr;gap:16px}}.blog-detail-page .related-articles .article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;display:block}.blog-detail-page .related-articles .article-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.blog-detail-page .related-articles .article-image{width:100%;height:200px;overflow:hidden}.blog-detail-page .related-articles .article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-detail-page .related-articles .article-content{padding:20px}@media(max-width:768px){.blog-detail-page .related-articles .article-content{padding:16px}}.blog-detail-page .related-articles .article-title{font-family:Inter,sans-serif;font-weight:600;font-size:18px;line-height:1.4;color:#1f2937;margin:0 0 12px}@media(max-width:768px){.blog-detail-page .related-articles .article-title{font-size:16px}}.blog-detail-page .related-articles .article-meta{padding:0 20px 20px}@media(max-width:768px){.blog-detail-page .related-articles .article-meta{padding:0 16px 16px}}.blog-detail-page .related-articles .article-meta .tag{background:#e5e7eb;color:#6b7280;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}