.article-detail-wrap{background:var(--boxbg);border-radius:var(--bdrRadius);--headerIcon:48px;--headerGap:16px;--headerIndent:calc(var(--headerIcon) + var(--headerGap));padding:20px}@media (min-width:1023px) and (max-width:1280px){.article-detail-wrap{--headerIcon:40px}}@media (max-width:767.98px){.article-detail-wrap{--headerIndent:0px}}.article-detail-wrap .detail{align-items:center;gap:var(--headerGap);margin-bottom:14px}.article-detail-wrap .catagory-img-wrap{margin-right:0}.article-detail-wrap .detail-right{flex:1;min-width:0}.article-detail-wrap .techName{color:var(--headingColor);letter-spacing:-.01em;margin:0;font-size:clamp(1.375rem,1.05rem + 1.1vw,1.75rem);font-weight:700;line-height:1.3}.article-detail-wrap .article-meta .list-foot-action-ctrl{align-items:center;gap:8px 18px}.article-detail-wrap .article-meta .user-name{color:var(--textColor1);font-weight:600}.article-detail-wrap .article-meta .action-item:not([class*=-tag]){color:var(--textlighter)}.article-detail-wrap .article-meta .sm-user-details{margin-right:6px}.article-detail-wrap .article-meta .btn-article-tag,.article-detail-wrap .article-meta .btn-video-tag{margin-left:auto}.article-meta{padding-left:var(--headerIndent);border-bottom:1px solid var(--bdrColor);margin:0 0 24px;padding-bottom:18px}.article-body{color:var(--textColor2);font-size:var(--FontSize16);overflow-wrap:break-word;line-height:1.75}.article-body>:first-child{margin-top:0}.article-body p{margin:0 0 16px}.article-body h2,.article-body h3,.article-body h4{color:var(--headingColor);margin:32px 0 12px;line-height:1.35}.article-body h2{font-size:1.375rem}.article-body h3{font-size:var(--FontSize18)}.article-body h4{font-size:var(--FontSize16)}.article-body strong,.article-body b{color:var(--textColor1);font-weight:600}.article-body a{color:var(--textBtn);text-underline-offset:2px;text-decoration:underline}.article-body a:hover,.article-body a:focus{color:var(--textHover)}.article-body ul,.article-body ol{margin:0 0 16px;padding-left:22px}.article-body ul{list-style:outside}.article-body ol{list-style:decimal}.article-body ul ul{list-style-type:circle}.article-body ul ul ul{list-style-type:square}.article-body ol ol{list-style-type:lower-alpha}.article-body ol ol ol{list-style-type:lower-roman}.article-body li>ul,.article-body li>ol{margin-top:8px;margin-bottom:0}.article-body li,.article-body li>p{margin-bottom:8px}.article-body li:last-child,.article-body li>p:last-child{margin-bottom:0}.article-body img{border-radius:4px;max-width:100%;height:auto;margin:6px 0 16px}.article-body img[style=text-align\:left]{margin-left:0;margin-right:auto;display:block}.article-body img[style=text-align\:center]{margin-left:auto;margin-right:auto;display:block}.article-body img[style=text-align\:right]{margin-left:auto;margin-right:0;display:block}.article-body blockquote{border-left:3px solid var(--mainBlue);color:var(--textlighter);margin:0 0 16px;padding:4px 0 4px 16px}.article-body hr{border:0;border-top:1px solid var(--bdrColor);margin:24px 0}.article-body pre{background:var(--searchBg);border:1px solid var(--bdrColor);border-radius:6px;margin:0 0 18px;padding:14px 16px;overflow-x:auto}.article-body pre code{color:var(--mainGray);white-space:pre;background:0 0;border:0;padding:0;font-size:.85rem;line-height:1.6;display:block}.article-body :not(pre)>code{background:var(--boxlightbg);color:var(--headingColor);border-radius:4px;padding:2px 6px;font-size:.875em}.article-body code{font-family:ui-monospace,SFMono-Regular,Cascadia Mono,Consolas,Liberation Mono,monospace}html[data-theme=light] .article-body pre{background:var(--boxlightbg)}html[data-theme=light] .article-body pre code{color:var(--fontColor)}.article-body table{border-collapse:collapse;max-width:100%;font-size:var(--FontSize);margin:0 0 18px;display:block;overflow-x:auto;width:fit-content!important}.article-body th,.article-body td{border:1px solid var(--bdrColor);text-align:left;vertical-align:top;padding:8px 10px}.article-body th{background:var(--boxlightbg);color:var(--headingColor);white-space:nowrap;font-weight:600}.article-tags{border-top:1px solid var(--bdrColor);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:24px;padding-top:16px;display:flex}.article-tags .btn-article-tag{cursor:pointer;margin-left:0;padding:4px 12px;line-height:1.5;text-decoration:none;transition:background-color .15s,color .15s}.article-tags .btn-article-tag:hover,.article-tags .btn-article-tag:focus-visible{color:var(--textHover);background-color:#0086dc33}.article-tags .btn-article-tag:focus-visible{box-shadow:0 0 0 3px #0086dc59}@media (max-width:767px){.article-detail-wrap{padding:14px}.article-body h2{font-size:var(--FontSize18)}}.video-player{aspect-ratio:16/9;background:#000;border-radius:6px;margin:16px 0 4px;position:relative;overflow:hidden}.video-player iframe,.video-player video{border:0;width:100%;height:100%;position:absolute;inset:0}.source-download{background:var(--boxlightbg,var(--boxbg));border:1px solid var(--bdrColor);border-radius:var(--bdrRadius,6px);align-items:center;gap:14px;margin-top:24px;padding:14px 16px;display:flex}.source-download-icon{color:var(--mainBlue);flex:none;display:flex}.source-download-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.source-download-name{color:var(--textlighter);overflow-wrap:anywhere;font-size:.82rem}.source-download-btn{flex:none;text-decoration:none}@media (max-width:480px){.source-download{flex-wrap:wrap}.source-download-btn{text-align:center;flex:1 0 100%}}