.BlogArticlePage{width:100%;max-width:1340px;min-height:100vh;margin:40px auto 0;padding:20px;position:relative;overflow:hidden}@media screen and (max-width:700px){.BlogArticlePage{padding:10px}}@media screen and (max-width:500px){.BlogArticlePage{margin-top:20px}}.BlogArticlePage h1{margin:35px 0 30px;font-size:clamp(22px,5vw,28px);font-weight:800;line-height:1.1}@media screen and (max-width:700px){.BlogArticlePage h1{margin:25px 0 15px}}.BlogArticle__meta{color:#050c278c;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.BlogArticle__tag{color:#0075ff;background:#0075ff1a;border-radius:5px;padding:7px 15px;font-weight:600}.BlogArticle__share{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.BlogArticle__share button{color:#050c27;cursor:pointer;background:#f6f8fc;border:1px solid #e3e7ee;border-radius:12px;place-items:center;width:38px;height:38px;transition:background-color .12s ease-in-out,border-color .12s ease-in-out,transform .12s ease-in-out;display:grid}.BlogArticle__share button:hover{background:#0075ff1f;border-color:#0075ff73;transform:translateY(-1px)}.BlogArticle__copied{color:#0075ff;font-size:13px;font-weight:700}.BlogArticle__content{color:#050c27;padding:12px 0 0;line-height:1.6}.BlogArticle__content h2,.BlogArticle__content h3,.BlogArticle__content h4,.BlogArticle__content h5,.BlogArticle__content h6{margin:18px 0 8px;font-weight:0}.BlogArticle__content h2{font-size:clamp(24px,4vw,30px);line-height:1.2}.BlogArticle__content h3{font-size:clamp(21px,3.5vw,26px);line-height:1.25}.BlogArticle__content h4{font-size:20px}.BlogArticle__content p{margin:12px 0}.BlogArticle__content img{border:1px solid #ddd;border-radius:10px;width:100%;max-width:100%;margin:20px 0}.BlogArticle__content pre{color:#e4e8f7;border-radius:10px;margin:0 0 10px;padding:20px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:clamp(12px,3vw,14px);position:relative;overflow-x:auto;background:#1f2330!important}.BlogArticle__content .CodeCopyBtn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e4e8f7;cursor:pointer;background:#050c270d;border:1px solid #f2f3f63b;border-radius:5px;padding:7px 10px;font-family:NunitoSans,sans-serif;font-weight:700;position:absolute;top:10px;right:10px}.BlogArticle__content code{white-space:pre-wrap;display:block}.BlogArticle__content code.hljs{color:#e4e8f7;background:0 0}.BlogArticle__content .hljs-doctag,.BlogArticle__content .hljs-keyword,.BlogArticle__content .hljs-meta .hljs-keyword,.BlogArticle__content .hljs-template-tag,.BlogArticle__content .hljs-template-variable,.BlogArticle__content .hljs-type,.BlogArticle__content .hljs-variable.language_{color:#ff7b72!important}.BlogArticle__content .hljs-title,.BlogArticle__content .hljs-title.class_,.BlogArticle__content .hljs-title.class_.inherited__,.BlogArticle__content .hljs-title.function_{color:#d2a8ff!important}.BlogArticle__content .hljs-attr,.BlogArticle__content .hljs-attribute,.BlogArticle__content .hljs-literal,.BlogArticle__content .hljs-meta,.BlogArticle__content .hljs-number,.BlogArticle__content .hljs-operator,.BlogArticle__content .hljs-selector-attr,.BlogArticle__content .hljs-selector-class,.BlogArticle__content .hljs-selector-id,.BlogArticle__content .hljs-variable{color:#fed604!important}.BlogArticle__content .hljs-attribute{color:#ff6b9d!important}.BlogArticle__content .hljs-meta .hljs-string,.BlogArticle__content .hljs-number,.BlogArticle__content .hljs-regexp,.BlogArticle__content .hljs-string{color:#37e7ac!important}.BlogArticle__content .hljs-built_in,.BlogArticle__content .hljs-symbol{color:#ffa657!important}.BlogArticle__content .hljs-code,.BlogArticle__content .hljs-comment,.BlogArticle__content .hljs-formula{color:#8b949e!important}.BlogArticle__content .hljs-name,.BlogArticle__content .hljs-quote,.BlogArticle__content .hljs-selector-pseudo,.BlogArticle__content .hljs-selector-tag{color:#00b2ff!important}.BlogArticle__content .hljs-subst{color:#c9d1d9!important}.BlogArticle__content .hljs-section{font-weight:700;color:#1f6feb!important}.BlogArticle__content .hljs-bullet{color:#f2cc60!important}.BlogArticle__content .hljs-emphasis{font-style:italic;color:#c9d1d9!important}.BlogArticle__content .hljs-strong{font-weight:700;color:#c9d1d9!important}.BlogArticle__content .hljs-addition{color:#aff5b4!important;background-color:#033a16!important}.BlogArticle__content .hljs-deletion{color:#ffdcd7!important;background-color:#67060c!important}.BlogArticle__content .hljs-tag{color:#fffc!important}.BlogArticle__content ul,.BlogArticle__content ol{padding-left:20px}.BlogArticle__content .wk-tbd-container{position:relative;overflow:auto}.BlogArticle__content table{border-collapse:collapse;border:1px solid #ddd;width:100%}.BlogArticle__content table th,.BlogArticle__content table td{border:1px solid #ddd;padding:10px}.BlogArticle__content .contentList{background-color:#1a304b0d;border-radius:12px;width:100%;max-width:520px;margin:26px 0;padding:24px;display:inline-block}.BlogArticle__content .contentList ol{margin:0;padding-left:20px}.BlogArticle__content .contentList ol li a{color:#1a304b;transition:color .1s ease-in-out}.BlogArticle__content .contentList ol li a:hover{color:#0075ff}.BlogArticle__content .block{line-height:1.6}.BlogArticle__content .block a{color:#0075ff;text-decoration:none;transition:color .15s ease-in-out}.BlogArticle__content .block a:hover{color:#ff00d9}.BlogArticle__content .anchor{margin-top:-100px;padding-top:100px}.BlogArticle__content blockquote,.BlogArticle__content .blockquote{background-color:#0073ff0d;border-left:5px solid #0075ff;margin:10px 0;padding:15px}.BlogArticle__content .mark{color:#0075ff;background-color:#ddecff;border-radius:3px;margin:0 2px;padding:2px 6px;font-size:13px;display:inline}@media screen and (max-width:700px){.BlogArticlePage{margin-top:20px;padding:10px}.BlogArticle{border-radius:22px}.BlogArticle__share{justify-content:flex-start;width:100%;margin-left:0}}