.container-blog-article[data-v-e16a6441]{max-width:100vw;overflow-x:hidden}.container-blog-article .page-block[data-v-e16a6441]{padding:20px 30px 30px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}@media (max-width: 768px){.container-blog-article .page-block[data-v-e16a6441]{padding:15px}}.article-loading[data-v-e16a6441],.article-error[data-v-e16a6441]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:80px 20px;color:#9ca3af}.article-loading svg[data-v-e16a6441],.article-error svg[data-v-e16a6441]{font-size:48px;margin-bottom:20px;opacity:.5}.article-loading p[data-v-e16a6441],.article-error p[data-v-e16a6441]{margin:0 0 20px;font-size:16px}.article-loading .loader[data-v-e16a6441]{width:50px;height:50px;border:3px solid rgba(255,221,71,.2);border-top-color:#ffdd47;border-radius:50%;-webkit-animation:spin-e16a6441 1s linear infinite;animation:spin-e16a6441 1s linear infinite;margin-bottom:20px}@-webkit-keyframes spin-e16a6441{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-e16a6441{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.article-error svg[data-v-e16a6441]{color:#f87171}.article[data-v-e16a6441]{color:#fff;text-align:left;width:100%;max-width:100%}.article-breadcrumb[data-v-e16a6441]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:30px;font-size:14px}.article-breadcrumb a[data-v-e16a6441]{color:#9ca3af;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease}.article-breadcrumb a[data-v-e16a6441]:hover{color:#ffdd47}.article-breadcrumb .separator[data-v-e16a6441]{color:#4b5563}.article-breadcrumb .current[data-v-e16a6441]{color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.article-header[data-v-e16a6441]{margin-bottom:30px}.article-category[data-v-e16a6441]{display:inline-block;background:rgba(255,221,71,.2);color:#ffdd47;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;margin-bottom:15px}.article-title[data-v-e16a6441]{font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 20px;color:#fff}@media (max-width: 768px){.article-title[data-v-e16a6441]{font-size:1.8rem}}.article-meta[data-v-e16a6441]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.article-meta span[data-v-e16a6441]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#9ca3af;font-size:14px}.article-meta span svg[data-v-e16a6441]{width:16px;height:16px;color:#6b7280}.article-image[data-v-e16a6441]{margin-bottom:30px;width:100%;height:300px;border-radius:12px;overflow:hidden}.article-image img[data-v-e16a6441]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.article-toc[data-v-e16a6441]{background:#1f2024;border-radius:12px;margin-bottom:30px;overflow:hidden}.toc-header[data-v-e16a6441]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:15px 20px;cursor:pointer;-webkit-transition:background .2s ease;transition:background .2s ease}.toc-header[data-v-e16a6441]:hover{background:rgba(255,255,255,.05)}.toc-header svg[data-v-e16a6441]{color:#ffdd47}.toc-header svg.toc-toggle[data-v-e16a6441]{margin-left:auto;color:#9ca3af}.toc-header span[data-v-e16a6441]{font-weight:600}.toc-content[data-v-e16a6441]{padding:0 20px 20px}.toc-content[data-v-e16a6441] ul{margin:0;padding-left:20px}.toc-content[data-v-e16a6441] ul li{margin:8px 0;list-style-type:disc}.toc-content[data-v-e16a6441] ul li a{color:#fff;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease}.toc-content[data-v-e16a6441] ul li a:hover{color:#ffdd47}.toc-content[data-v-e16a6441] ul ul{margin-top:8px}.toc-content[data-v-e16a6441] ul ul li{list-style-type:circle}.article-body[data-v-e16a6441]{font-size:17px;line-height:1.8;width:100%;contain:inline-size;overflow-wrap:break-word;word-wrap:break-word}.article-body[data-v-e16a6441] h1,.article-body[data-v-e16a6441] h2,.article-body[data-v-e16a6441] h3,.article-body[data-v-e16a6441] h4,.article-body[data-v-e16a6441] h5,.article-body[data-v-e16a6441] h6{color:#fff;margin:30px 0 15px;font-weight:700;line-height:1.3}.article-body[data-v-e16a6441] h1{font-size:2rem}.article-body[data-v-e16a6441] h2{font-size:1.6rem}.article-body[data-v-e16a6441] h3{font-size:1.3rem}.article-body[data-v-e16a6441] p{margin:0 0 20px;color:#d1d5db}.article-body[data-v-e16a6441] strong{color:#fff;font-weight:600}.article-body[data-v-e16a6441] a{color:#00bfff;text-decoration:none}.article-body[data-v-e16a6441] a:hover{text-decoration:underline}.article-body[data-v-e16a6441] img{max-width:90%;height:auto;border-radius:8px;margin:20px auto;display:block}.article-body[data-v-e16a6441] figure{margin:20px auto;max-width:90%;text-align:center}.article-body[data-v-e16a6441] figure img{margin:0 auto;display:block}.article-body[data-v-e16a6441] figure figcaption{color:#9ca3af;font-size:14px;margin-top:10px}.article-body[data-v-e16a6441] blockquote{margin:20px 0;padding:15px 20px;border-left:4px solid #ffdd47;background:rgba(255,221,71,.1);border-radius:0 8px 8px 0}.article-body[data-v-e16a6441] blockquote p{margin:0;font-style:italic}.article-body[data-v-e16a6441] ul,.article-body[data-v-e16a6441] ol{margin:0 0 20px;padding-left:25px;color:#d1d5db}.article-body[data-v-e16a6441] ul li,.article-body[data-v-e16a6441] ol li{margin:8px 0;list-style-type:disc}.article-body[data-v-e16a6441] ol li{list-style-type:decimal}.article-body[data-v-e16a6441] table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;margin:20px 0}.article-body[data-v-e16a6441] table th,.article-body[data-v-e16a6441] table td{padding:12px;border:1px solid #3e3e42;text-align:left}.article-body[data-v-e16a6441] table th{background:#1f2024;color:#fff;font-weight:600}.article-body[data-v-e16a6441] table td{color:#d1d5db}.article-body[data-v-e16a6441] pre,.article-body[data-v-e16a6441] code{background:#1e1e1e;border-radius:6px;font-family:Fira Code,monospace}.article-body[data-v-e16a6441] code{padding:2px 6px;font-size:14px;color:#ffdd47}.article-body[data-v-e16a6441] pre{padding:15px;overflow-x:auto;max-width:100%;margin:20px 0}.article-body[data-v-e16a6441] pre code{padding:0;background:none;color:#d1d5db}.article-body[data-v-e16a6441] video,.article-body[data-v-e16a6441] iframe{max-width:90%;border-radius:8px;margin:20px auto;display:block}.article-tags[data-v-e16a6441]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-top:40px;padding-top:30px;border-top:1px solid #3e3e42}.tags-label[data-v-e16a6441]{color:#9ca3af;font-size:14px}.article-tag[data-v-e16a6441]{background:rgba(255,255,255,.1);color:#9ca3af;padding:6px 14px;border-radius:20px;font-size:13px;text-decoration:none;-webkit-transition:all .2s ease;transition:all .2s ease}.article-tag[data-v-e16a6441]:hover{background:rgba(255,221,71,.2);color:#ffdd47}.article-footer[data-v-e16a6441]{margin-top:40px;padding-top:30px;border-top:1px solid #3e3e42}.back-link[data-v-e16a6441]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;color:#9ca3af;text-decoration:none;font-size:15px;-webkit-transition:color .2s ease;transition:color .2s ease}.back-link[data-v-e16a6441]:hover{color:#ffdd47}.back-link svg[data-v-e16a6441]{width:14px;height:14px}