.blog-detail-page{background:radial-gradient(circle at 0 0,#ff663d24,#0000 28%),radial-gradient(circle at 100% 12%,#0f766e14,#0000 20%),linear-gradient(#fffaf6 0%,#fff 48%,#fff2e6 100%);min-height:100vh;padding:112px 0 78px}.blog-detail-container{max-width:980px;margin:0 auto;padding:0 20px}.blog-detail-topbar{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.blog-detail-topbar>a{color:#cb4d20;background:#e558231a;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:800;transition:transform .25s,background .25s,color .25s;display:inline-flex;border:none!important}.blog-detail-topbar>a:hover{background:#e558232e;transform:translateY(-2px)}.blog-category-link{color:#0f172a!important;background:#0f172a14!important}.blog-category-link:hover{background:#0f172a1f!important}.blog-detail-article{background:linear-gradient(#fffffff5,#fff7f2f5);border:1px solid #0f172a14;border-radius:34px;overflow:hidden;box-shadow:0 30px 90px #0f172a1a}.blog-hero-image-wrap{position:relative;overflow:hidden}.blog-hero-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0f172a2e);position:absolute;inset:0}.blog-hero-image{width:100%;height:auto;display:block}.blog-detail-head{padding:32px 36px 10px}.blog-detail-badge{color:#c24a22;letter-spacing:.08em;text-transform:uppercase;background:#e558231a;border-radius:999px;margin-bottom:16px;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex}.blog-detail-head h1{color:#101b2d;margin-bottom:18px;font-size:clamp(2.4rem,4vw,3.8rem);line-height:1}.blog-detail-meta{color:#617086;flex-wrap:wrap;gap:10px 16px;font-size:.94rem;font-weight:700;display:flex}.blog-detail-meta span{align-items:center;gap:8px;display:inline-flex}.blog-detail-meta span:before,.blog-detail-author-link:before{content:"";background:#e5582373;border-radius:999px;width:7px;height:7px}.blog-detail-author-link{color:#cb4d20;align-items:center;gap:8px;font-weight:800;display:inline-flex}.blog-detail-author-link:hover{color:#a83d17}.blog-detail-content{color:#1f2937;padding:14px 36px 40px;font-size:18px;line-height:1.9}.blog-detail-content h2{color:#101b2d;border-bottom:2px solid #e5582324;margin:42px 0 18px;padding-bottom:12px;font-size:clamp(1.8rem,2.7vw,2.25rem)}.blog-detail-content h3{color:#101b2d;margin:28px 0 14px;font-size:clamp(1.38rem,2vw,1.72rem)}.blog-detail-content h4{color:#101b2d;margin:22px 0 12px;font-size:1.16rem}.blog-detail-content p{color:#314055;margin-bottom:20px}.blog-detail-content ul,.blog-detail-content ol{margin:18px 0 24px;padding-left:24px}.blog-detail-content ul{list-style:outside}.blog-detail-content ol{list-style:decimal}.blog-detail-content li{color:#314055;margin-bottom:10px}.blog-detail-content a{color:#cb4d20;border-bottom:1px solid #cb4d2047}.blog-detail-content a:hover{color:#ab3d16;border-bottom-color:#ab3d16}.blog-detail-content blockquote{color:#314055;background:linear-gradient(#fff7f2,#fff2ea);border-left:4px solid #e55823;border-radius:20px;margin:30px 0;padding:24px 26px}.blog-detail-content code{color:#b91c1c;background:#f3f4f6;border-radius:6px;padding:2px 7px;font-size:14px}.blog-detail-content pre{background:#111827;border-radius:20px;margin:24px 0;padding:20px;overflow-x:auto}.blog-detail-content pre code{color:#e5e7eb;background:0 0;padding:0}.blog-detail-content img{border-radius:20px;max-width:100%;height:auto;margin:26px 0}.blog-detail-content table{border-collapse:collapse;border-radius:16px;width:100%;margin:26px 0;overflow:hidden}.blog-detail-content th,.blog-detail-content td{text-align:left;border:1px solid #e5e7eb;padding:12px 14px}.blog-detail-content th{color:#101b2d;background:#fff7f2}.blog-detail-content hr{background:linear-gradient(90deg,#0000,#e5582366,#0000);border:none;height:1px;margin:34px 0}.blog-detail-content .blog-network-links{background:linear-gradient(#fff8f3,#fff3eb);border:1px solid #e5582329;border-radius:24px;margin:42px 0 18px;padding:24px 26px}.blog-detail-content .blog-network-links h2{margin-top:0}.blog-detail-content .blog-network-links p{margin-bottom:14px}.blog-detail-content .blog-network-links ul{margin-bottom:0}.related-articles{padding:0 36px 36px}.related-articles h2{color:#101b2d;margin-bottom:18px;font-size:1.8rem}.related-articles-list{gap:14px;display:grid}.related-article-link{background:linear-gradient(#fffaf6,#fff3eb);border:1px solid #e558231f;border-radius:18px;gap:8px;padding:18px 20px;display:grid}.related-article-link span{letter-spacing:.08em;text-transform:uppercase;color:#c24a22;font-size:12px;font-weight:800}.related-article-link strong{color:#101b2d;line-height:1.5}.related-article-link:hover{border-color:#e5582347;transform:translateY(-2px)}.not-found{text-align:center;background:linear-gradient(#fffaf6,#fff1e7);place-items:center;min-height:100vh;padding:120px 20px;display:grid}.not-found h2{color:#101b2d;margin-bottom:16px}.not-found a{color:#fff;background:linear-gradient(135deg,#ff6a3d,#e55823);border-radius:14px;justify-content:center;align-items:center;padding:12px 22px;font-weight:700;display:inline-flex}@media (max-width:768px){.blog-detail-page{padding:96px 0 52px}.blog-detail-container{padding:0 16px}.blog-detail-article{border-radius:24px}.blog-detail-head,.blog-detail-content,.related-articles{padding-left:20px;padding-right:20px}.blog-detail-head{padding-top:22px}.blog-detail-head h1{font-size:clamp(2rem,9vw,3rem);line-height:1.02}.blog-detail-meta{font-size:.88rem}.blog-detail-content{font-size:16px;line-height:1.8}.blog-detail-content h2{font-size:1.6rem}.blog-detail-content h3{font-size:1.26rem}.blog-detail-content table{white-space:nowrap;display:block;overflow-x:auto}}