.blog-detail-page{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:var(--sp-5)}.blog-detail-page .blog-detail-container{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1000px;overflow:hidden}.blog-detail-page .reading-progress{background:#ffffff0f;height:3px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:var(--z-sticky)}.blog-detail-page .reading-progress span{background:linear-gradient(90deg,var(--blue-600),var(--blue-400));display:block;height:100%;transform:scaleX(0);transform-origin:left center}.blog-detail-page .back-navigation{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:space-between;padding:var(--sp-5) var(--sp-8) 0}.blog-detail-page .back-btn{margin-bottom:var(--sp-5)}.blog-detail-page .font-size-control{align-items:center;display:flex;gap:var(--sp-2);margin-bottom:var(--sp-5)}.blog-detail-page .font-size-control .fs-label{color:var(--color-text-muted);flex:0 0 auto;font-size:var(--text-xs);margin-right:var(--sp-1);white-space:nowrap}.blog-detail-page .font-size-control button{background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;height:32px;min-width:40px;padding:0 var(--sp-2);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.blog-detail-page .font-size-control button:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-accent)}.blog-detail-page .font-size-control button:disabled{cursor:not-allowed;opacity:.4}.blog-detail-page .img-zoom-btn{background:none;border:none;cursor:zoom-in;display:block;padding:0;width:100%}.blog-detail-page .blog-cover{aspect-ratio:16/7;background:var(--navy-950);height:340px;max-height:420px;min-height:190px;overflow:hidden;position:relative;width:100%}.blog-detail-page .blog-cover .img-zoom-btn{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.blog-detail-page .blog-cover .img-zoom-btn:before{background-image:var(--cover-img);background-position:50%;background-size:cover;content:"";filter:blur(30px) brightness(.45) saturate(1.15);inset:0;position:absolute;transform:scale(1.15)}.blog-detail-page .blog-cover img{height:auto;max-height:calc(100% - var(--sp-8));max-width:calc(100% - var(--sp-8));object-fit:contain;position:relative;width:auto}.blog-detail-page .no-cover{align-items:center;background:var(--navy-850);color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--text-lg);height:100%;justify-content:center;width:100%}.blog-detail-page .no-cover i{font-size:var(--text-5xl);margin-bottom:var(--sp-2)}.blog-detail-page .blog-info{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--sp-6) var(--sp-8)}.blog-detail-page .blog-title{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;line-height:1.35;margin-bottom:var(--sp-5)}.blog-detail-page .blog-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sp-5);justify-content:space-between}.blog-detail-page .author-info{align-items:center;display:flex;gap:var(--sp-4)}.blog-detail-page .author-avatar{align-items:center;background:var(--color-surface-2);border:2px solid var(--color-border-strong);border-radius:var(--radius-full);display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.blog-detail-page .author-avatar img{height:100%;object-fit:cover;width:100%}.blog-detail-page .author-details{display:flex;flex-direction:column;gap:2px}.blog-detail-page .author-name{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.blog-detail-page .publish-date{color:var(--color-text-muted);font-size:var(--text-xs)}.blog-detail-page .blog-categories{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.blog-detail-page .category-tag{background:var(--blue-600);border:1px solid var(--blue-500);border-radius:var(--radius-full);color:#fff;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;letter-spacing:.07em;padding:var(--sp-1) var(--sp-3);text-transform:uppercase}.blog-detail-page .blog-extra-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-3)}.blog-detail-page .reading-time,.blog-detail-page .view-count{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-2nd);display:flex;font-size:var(--text-xs);gap:var(--sp-1);padding:var(--sp-1) var(--sp-3)}.blog-detail-page .reading-time i,.blog-detail-page .view-count i{color:var(--blue-400);font-size:var(--text-xs)}.blog-detail-page .blog-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2)}.blog-detail-page .blog-tag{background:var(--color-surface-2);border:1px solid var(--color-primary-soft-border);border-radius:var(--radius-full);color:var(--blue-300);font-size:var(--text-sm);font-weight:500;padding:var(--sp-1) var(--sp-3)}.blog-detail-page .blog-toc{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--blue-500);border-radius:var(--radius-md);margin:var(--sp-6) var(--sp-8) 0;padding:var(--sp-4) var(--sp-5)}.blog-detail-page .blog-toc__title{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;gap:var(--sp-2);letter-spacing:.06em;margin-bottom:var(--sp-3);text-transform:uppercase}.blog-detail-page .blog-toc__title i{color:var(--blue-400)}.blog-detail-page .blog-toc ol{grid-gap:var(--sp-1);display:grid;gap:var(--sp-1);margin:0;padding-left:var(--sp-5)}.blog-detail-page .blog-toc li{color:var(--color-text-muted);font-size:var(--text-sm)}.blog-detail-page .blog-toc li.toc-lv3{margin-left:var(--sp-4)}.blog-detail-page .blog-toc a{color:var(--color-text-2nd);text-decoration:none}.blog-detail-page .blog-toc a:hover{color:var(--color-link);text-decoration:underline;text-underline-offset:3px}.blog-detail-page .blog-content{font-size:1.125rem;font-size:clamp(1.0625rem,.4vw + .99rem,1.1875rem);padding:var(--sp-6) var(--sp-8) 0}.blog-detail-page .content-text{color:var(--steel-200);font-family:var(--font-reading);font-size:1em;font-size:calc(1em*var(--reading-scale, 1));letter-spacing:.005em;line-height:1.85;margin:0 auto;max-width:66ch;overflow-wrap:break-word;scroll-behavior:smooth}.blog-detail-page .content-text p{color:var(--steel-200);margin-bottom:1.15em}.blog-detail-page .content-text .article-note{background:var(--color-primary-soft);border:1px solid var(--color-primary-soft-border);border-radius:var(--radius-md);color:var(--color-text);margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5)}.blog-detail-page .content-text .article-marks{grid-gap:var(--sp-2);display:grid;gap:var(--sp-2);list-style:none;margin:var(--sp-5) 0;padding:0}.blog-detail-page .content-text .article-marks li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--steel-200);line-height:1.6;margin:0;padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-10);position:relative}.blog-detail-page .content-text .article-marks li:before{font-family:var(--font-body);font-weight:700;left:var(--sp-4);position:absolute;top:var(--sp-3)}.blog-detail-page .content-text .article-marks--ok li{border-left:3px solid var(--green-400)}.blog-detail-page .content-text .article-marks--ok li:before{color:var(--green-400);content:"✓"}.blog-detail-page .content-text .article-marks--bad li{border-left:3px solid var(--red-400)}.blog-detail-page .content-text .article-marks--bad li:before{color:var(--red-400);content:"✕"}.blog-detail-page .content-text p:last-child{margin-bottom:0}.blog-detail-page .content-text h1,.blog-detail-page .content-text h2,.blog-detail-page .content-text h3,.blog-detail-page .content-text h4,.blog-detail-page .content-text h5,.blog-detail-page .content-text h6{color:var(--color-text);font-family:var(--font-display);font-weight:700;line-height:1.3;overflow-wrap:break-word;scroll-margin-top:90px}.blog-detail-page .content-text h1{font-size:var(--text-3xl);margin-bottom:1.25rem;margin-top:2.5rem}.blog-detail-page .content-text h2{border-bottom:2px solid var(--color-border);font-size:var(--text-2xl);margin-bottom:1rem;margin-top:2.5rem;padding-bottom:.5rem}.blog-detail-page .content-text h3{font-size:var(--text-xl);margin-bottom:.75rem;margin-top:2rem}.blog-detail-page .content-text h4{font-size:var(--text-lg);margin-bottom:.5rem;margin-top:1.75rem}.blog-detail-page .content-text h5{font-size:var(--text-base);margin-bottom:.5rem;margin-top:1.5rem}.blog-detail-page .content-text h6{font-size:var(--text-base);margin-bottom:.5rem;margin-top:1.25rem}.blog-detail-page .content-text strong{color:var(--color-text);font-weight:600}.blog-detail-page .content-text blockquote{background:var(--color-primary-soft);border-left:4px solid var(--blue-500);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-2nd);font-style:italic;margin:1.5rem 0;padding:var(--sp-4) var(--sp-6);position:relative}.blog-detail-page .content-text blockquote cite{color:var(--color-text-muted);display:block;font-size:var(--text-sm);font-style:normal;font-weight:500;margin-top:var(--sp-2)}.blog-detail-page .content-text blockquote cite:before{content:"— "}.blog-detail-page .content-text .editorjs-image{margin:var(--sp-6) 0;text-align:center}.blog-detail-page .content-text .editorjs-image img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:auto;max-height:520px;max-width:100%;transition:transform var(--transition-base);width:auto}.blog-detail-page .content-text .editorjs-image img:hover{transform:scale(1.02)}.blog-detail-page .content-text .editorjs-image figcaption{box-sizing:border-box;color:var(--color-text-2nd);display:block;font-size:var(--text-sm);font-style:italic;margin-top:-10px;max-width:100%;padding:var(--sp-2) var(--sp-3);text-align:center;width:100%}.blog-detail-page .content-text .editorjs-link{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;display:block;margin:var(--sp-6) 0;padding:var(--sp-5);text-decoration:none;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.blog-detail-page .content-text .editorjs-link:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-detail-page .content-text .editorjs-link img{border-radius:var(--radius-md);height:200px;margin-bottom:var(--sp-4);max-width:300px;object-fit:cover;width:100%}.blog-detail-page .content-text .editorjs-link__title{color:var(--color-text);font-size:var(--text-lg);font-weight:600;line-height:1.3;margin-bottom:var(--sp-2)}.blog-detail-page .content-text .editorjs-link__desc{color:var(--color-text-2nd);font-size:var(--text-sm);line-height:1.4;margin-bottom:var(--sp-2)}.blog-detail-page .content-text .editorjs-link__url{color:var(--color-link);font-size:var(--text-sm);font-weight:500}.blog-detail-page .content-text ol,.blog-detail-page .content-text ul{margin-bottom:1.25rem;padding-left:1.5rem}.blog-detail-page .content-text li{color:var(--color-text-2nd);margin-bottom:.5rem}.blog-detail-page .content-text .editorjs-checklist{list-style:none;padding-left:0}.blog-detail-page .content-text .editorjs-checklist__item{align-items:flex-start;display:flex;gap:var(--sp-2)}.blog-detail-page .content-text .editorjs-checklist__item input[type=checkbox]{accent-color:var(--blue-500);flex-shrink:0;height:16px;margin-top:7px;width:16px}.blog-detail-page .content-text img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:block;height:auto;margin:var(--sp-5) auto;max-width:100%;width:auto}.blog-detail-page .content-text .ql-video,.blog-detail-page .content-text iframe{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--sp-6) 0;min-height:400px;width:100%}.blog-detail-page .content-text .ql-syntax,.blog-detail-page .content-text pre{background:var(--navy-950);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--steel-100);font-size:var(--text-sm);margin:var(--sp-5) 0;overflow:auto;padding:var(--sp-4) var(--sp-5)}.blog-detail-page .content-text table{border:1px solid var(--color-border);border-collapse:collapse;border-radius:var(--radius-md);margin:var(--sp-5) 0;overflow:hidden;width:100%}.blog-detail-page .content-text thead{background:var(--navy-700)}.blog-detail-page .content-text th{border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:var(--sp-3) var(--sp-4);text-align:left}.blog-detail-page .content-text td{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-2nd);padding:var(--sp-2) var(--sp-4)}.blog-detail-page .content-text tbody tr:hover td{background:var(--color-surface-2)}.blog-detail-page .content-text .tableWrapper{margin:var(--sp-5) 0;overflow-x:auto}.blog-detail-page .content-text a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.blog-detail-page .content-text a:hover{color:var(--color-link-hover)}.blog-detail-page .content-text .editorjs-embed{margin:var(--sp-6) 0}.blog-detail-page .content-text .editorjs-embed iframe{border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-height:360px;width:100%}.blog-detail-page .content-text .editorjs-embed figcaption{color:var(--color-text-2nd);font-size:var(--text-sm);font-style:italic;margin-top:var(--sp-2);text-align:center}.blog-detail-page .blog-images{padding:0 var(--sp-8) var(--sp-10)}.blog-detail-page .section-title{align-items:center;color:var(--color-text);display:flex;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;gap:var(--sp-2);margin:0 0 var(--sp-5)}.blog-detail-page .section-title i{color:var(--blue-400)}.blog-detail-page .images-grid{grid-gap:var(--sp-5);display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.blog-detail-page .image-item{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-base)}.blog-detail-page .image-item:hover{transform:scale(1.02)}.blog-detail-page .image-item img{background:var(--navy-950);height:250px;object-fit:contain;width:100%}.blog-detail-page .blog-videos{padding:0 var(--sp-8) var(--sp-10)}.blog-detail-page .videos-grid{grid-gap:var(--sp-5);display:grid;gap:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.blog-detail-page .video-item{aspect-ratio:1/1;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:center;overflow:hidden}.blog-detail-page .video-item video{background:#000;height:75%;object-fit:contain;width:75%}.blog-detail-page .loading{align-items:center;color:var(--color-text-2nd);display:flex;flex-direction:column;justify-content:center;min-height:500px;padding:var(--sp-20) var(--sp-5)}.blog-detail-page .loading i{color:var(--blue-400);font-size:var(--text-3xl);margin-bottom:var(--sp-4)}.blog-detail-page .loading span{font-size:var(--text-lg);font-weight:500}.blog-detail-page .error-state{color:var(--color-text-2nd);padding:var(--sp-20) var(--sp-5);text-align:center}.blog-detail-page .error-state i{color:var(--color-danger-text);font-size:var(--text-5xl);margin-bottom:var(--sp-5)}.blog-detail-page .error-state h3{color:var(--color-text);font-size:var(--text-2xl);margin:0 0 var(--sp-2)}.blog-detail-page .error-state p{font-size:var(--text-lg);margin:0 0 var(--sp-8)}.blog-detail-page .error-state .back-btn{margin:0 auto}.blog-detail-page .lightbox-overlay{align-items:center;background:#03050aeb;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--z-modal)}.blog-detail-page .lightbox-content{align-items:center;cursor:default;display:flex;justify-content:center;max-height:90%;max-width:90%;position:relative}.blog-detail-page .lightbox-image{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:100%;max-width:100%;object-fit:contain}.blog-detail-page .lightbox-close{align-items:center;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--steel-100);cursor:pointer;display:flex;font-size:var(--text-xl);height:44px;justify-content:center;position:absolute;right:0;top:-50px;transition:background-color var(--transition-fast),transform var(--transition-fast);width:44px}.blog-detail-page .lightbox-close:hover{background:var(--color-surface-3);transform:scale(1.1)}.blog-detail-page .related-posts{border-top:1px solid var(--color-border);padding:var(--sp-5) var(--sp-8) var(--sp-8)}.blog-detail-page .related-grid{grid-gap:var(--sp-4);display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.blog-detail-page .related-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.blog-detail-page .related-card:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-md),var(--glow-blue);transform:translateY(-3px)}.blog-detail-page .related-image{background:var(--navy-950);height:130px;overflow:hidden}.blog-detail-page .related-image img{height:100%;object-fit:contain;transition:transform var(--transition-base);width:100%}.blog-detail-page .related-card:hover .related-image img{transform:scale(1.05)}.blog-detail-page .related-no-image{align-items:center;background:var(--navy-850);color:var(--color-text-muted);display:flex;font-size:var(--text-2xl);height:100%;justify-content:center;width:100%}.blog-detail-page .related-info{padding:var(--sp-3)}.blog-detail-page .related-info h4{color:var(--color-text);font-size:var(--text-sm);font-weight:600;line-height:1.3;margin:0 0 var(--sp-1)}.blog-detail-page .related-desc,.blog-detail-page .related-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-detail-page .related-desc{color:var(--color-text-2nd);font-size:var(--text-xs);line-height:1.4;margin:var(--sp-1) 0 var(--sp-2)}.blog-detail-page .related-meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--text-xs);gap:var(--sp-1)}.blog-detail-page .related-meta i{color:var(--blue-400);font-size:var(--text-xs)}@media (max-width:767px){.blog-detail-page{padding:var(--sp-2)}.blog-detail-page .blog-info{padding:var(--sp-8) var(--sp-5)}.blog-detail-page .blog-title{font-size:var(--text-2xl)}.blog-detail-page .blog-meta{align-items:flex-start;flex-direction:column;gap:var(--sp-4)}.blog-detail-page .blog-content{padding:var(--sp-6) var(--sp-5) 0}.blog-detail-page .blog-toc{margin:var(--sp-5) var(--sp-5) 0}.blog-detail-page .blog-cover{aspect-ratio:16/9}.blog-detail-page .blog-images,.blog-detail-page .blog-videos{padding:0 var(--sp-5) var(--sp-8)}.blog-detail-page .related-posts{padding:var(--sp-5) var(--sp-5) var(--sp-8)}.blog-detail-page .images-grid,.blog-detail-page .videos-grid{grid-template-columns:1fr}.blog-detail-page .back-navigation{padding:var(--sp-4) var(--sp-5) 0}}@media (max-width:479px){.blog-detail-page .blog-title{font-size:var(--text-xl)}.blog-detail-page .blog-cover{aspect-ratio:4/3;max-height:260px}.blog-detail-page .author-info{flex-direction:column;gap:var(--sp-2);text-align:center}.blog-detail-page .blog-categories{justify-content:center}.blog-detail-page .font-size-control .fs-label{display:none}.blog-detail-page .lightbox-close{font-size:var(--text-lg);height:40px;top:-44px;width:40px}}
/*# sourceMappingURL=996.cdfcdb14.chunk.css.map*/