:root{--blog-primary:#6c5ce7;--blog-primary-light:#a29bfe;--blog-primary-dark:#5b4cdb;--blog-accent:#00cec9;--blog-bg:#0a0a1a;--blog-surface:#ffffff0a;--blog-surface-hover:#ffffff14;--blog-border:#ffffff14;--blog-text:#e8e8f0;--blog-text-muted:#8b8ba0;--blog-text-dim:#5a5a70;--blog-card-bg:#ffffff08;--blog-card-hover:#ffffff0f;--blog-radius:16px;--blog-radius-sm:10px;--blog-shadow:0 8px 32px #0000004d;--blog-shadow-hover:0 16px 48px #6c5ce726;--blog-max-width:1200px;--blog-content-width:800px;--blog-transition:0.3s cubic-bezier(0.4,0,0.2,1);--bg:#0a0a1a;--card:#13142a;--border:#ffffff14;--text:#e8e8f0;--muted:#8b8ba0;--accent:#0a84ff;--green:#00e5a0;--orange:#ff8c42;--red:#ff5757;--purple:#7b61ff;--yellow:#ffd93d}.blog-page{background:#0a0a1a;background:var(--blog-bg);color:#e8e8f0;color:var(--blog-text);min-height:100vh;padding-top:0}.blog-hero{background:linear-gradient(160deg,#6c5ce726,#00cec914 50%,#0a0a1a);background:linear-gradient(160deg,#6c5ce726 0,#00cec914 50%,var(--blog-bg) 100%);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--blog-border);overflow:hidden;padding:100px 24px 60px;position:relative}.blog-hero:before{background:radial-gradient(circle,#6c5ce71f 0,#0000 70%);height:600px;right:-20%;top:-50%;width:600px}.blog-hero:after,.blog-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.blog-hero:after{background:radial-gradient(circle,#00cec914 0,#0000 70%);bottom:-30%;height:400px;left:-10%;width:400px}.blog-hero__inner{margin:0 auto;max-width:1200px;max-width:var(--blog-max-width);position:relative;text-align:center;z-index:1}.blog-hero__badge{align-items:center;background:#6c5ce726;border:1px solid #6c5ce74d;border-radius:100px;color:#a29bfe;color:var(--blog-primary-light);display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.blog-hero__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a29bfe);background:linear-gradient(135deg,#fff 0,var(--blog-primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin:0 0 16px}.blog-hero__subtitle{color:#8b8ba0;color:var(--blog-text-muted);font-size:1.1rem;line-height:1.6;margin:0 auto 32px;max-width:600px}.blog-hero__search{margin:0 auto;max-width:520px}.blog-search-box{align-items:center;display:flex;position:relative}.blog-search-box__icon{color:#8b8ba0;color:var(--blog-text-muted);font-size:.95rem;left:18px;pointer-events:none;position:absolute}.blog-search-box__input{-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff0a;background:var(--blog-surface);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:100px;color:#e8e8f0;color:var(--blog-text);font-size:1rem;outline:none;padding:14px 20px 14px 48px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition);width:100%}.blog-search-box__input::placeholder{color:#5a5a70;color:var(--blog-text-dim)}.blog-search-box__input:focus{border-color:#6c5ce7;border-color:var(--blog-primary);box-shadow:0 0 0 3px #6c5ce726}.blog-categories{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0a1ae6;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--blog-border);padding:0 24px;position:-webkit-sticky;position:sticky;top:64px;z-index:50}.blog-categories__inner{align-items:center;display:flex;gap:6px;margin:0 auto;max-width:1200px;max-width:var(--blog-max-width);overflow-x:auto;padding:12px 0;scrollbar-width:none}.blog-categories__inner::-webkit-scrollbar{display:none}.blog-categories__icon{color:#5a5a70;color:var(--blog-text-dim);flex-shrink:0;font-size:.85rem;margin-right:8px}.blog-categories__tab{background:#0000;border:1px solid #0000;border-radius:100px;color:#8b8ba0;color:var(--blog-text-muted);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:500;padding:8px 18px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition);white-space:nowrap}.blog-categories__tab:hover{background:#ffffff14;background:var(--blog-surface-hover);color:#e8e8f0;color:var(--blog-text)}.blog-categories__tab--active{background:#6c5ce726;border-color:#6c5ce74d;color:#a29bfe;color:var(--blog-primary-light);font-weight:600}.blog-content{margin:0 auto;max-width:1200px;max-width:var(--blog-max-width);padding:40px 24px 80px}.blog-detail-loading,.blog-loading{align-items:center;color:#8b8ba0;color:var(--blog-text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:120px 24px}.blog-loading__spinner{animation:blog-spin .8s linear infinite;border:3px solid #ffffff14;border-top-color:#6c5ce7;border:3px solid var(--blog-border);border-radius:50%;border-top-color:var(--blog-primary);height:40px;width:40px}@keyframes blog-spin{to{transform:rotate(1turn)}}.blog-detail-error,.blog-empty,.blog-error{align-items:center;display:flex;flex-direction:column;gap:16px;padding:100px 24px;text-align:center}.blog-empty__icon{color:#5a5a70;color:var(--blog-text-dim);font-size:3rem;margin-bottom:8px}.blog-detail-error h2,.blog-empty h2,.blog-error h2{font-size:1.5rem;margin:0}.blog-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 24px;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition)}.blog-btn--primary{background:#6c5ce7;background:var(--blog-primary);color:#fff}.blog-btn--primary:hover{background:#5b4cdb;background:var(--blog-primary-dark);box-shadow:0 4px 16px #6c5ce74d;transform:translateY(-1px)}.blog-btn--outline{background:#0000;border:1px solid #ffffff14;border:1px solid var(--blog-border);color:#8b8ba0;color:var(--blog-text-muted)}.blog-btn--outline:hover{background:#6c5ce70d;border-color:#6c5ce7;border-color:var(--blog-primary);color:#a29bfe;color:var(--blog-primary-light)}.blog-btn:disabled{cursor:not-allowed;opacity:.3;transform:none}.blog-featured{background:#ffffff08;background:var(--blog-card-bg);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:16px;border-radius:var(--blog-radius);color:inherit;display:grid;grid-template-columns:1fr 1fr;margin-bottom:40px;min-height:320px;overflow:hidden;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition)}.blog-featured:hover{border-color:#6c5ce740;box-shadow:0 16px 48px #6c5ce726;box-shadow:var(--blog-shadow-hover);color:inherit;text-decoration:none;transform:translateY(-2px)}.blog-featured__content{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px}.blog-featured__badge{align-items:center;background:#6c5ce71f;border:1px solid #6c5ce733;border-radius:100px;color:#a29bfe;color:var(--blog-primary-light);display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:6px 14px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.blog-featured__title{color:#fff;font-size:1.8rem;font-weight:700;line-height:1.25;margin:0}.blog-featured__excerpt{color:#8b8ba0;color:var(--blog-text-muted);font-size:.95rem;line-height:1.6;margin:0}.blog-featured__meta{color:#5a5a70;color:var(--blog-text-dim);display:flex;flex-wrap:wrap;font-size:.82rem;gap:16px}.blog-featured__meta span{align-items:center;display:inline-flex;gap:5px}.blog-featured__cta{align-items:center;color:#a29bfe;color:var(--blog-primary-light);display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:4px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition)}.blog-featured:hover .blog-featured__cta{gap:12px}.blog-featured__visual{overflow:hidden;position:relative}.blog-featured__cover{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.blog-featured:hover .blog-featured__cover{transform:scale(1.04)}.blog-featured__gradient{background:linear-gradient(135deg,#6c5ce733,#00cec926 50%,#6c5ce71a);height:100%;position:relative;width:100%}.blog-featured__gradient:before{animation:blog-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#6c5ce740 0,#0000 70%);border-radius:50%;content:"";height:200px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}@keyframes blog-pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}.blog-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:48px}.blog-card{background:#ffffff08;background:var(--blog-card-bg);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:16px;border-radius:var(--blog-radius);display:flex;flex-direction:column;overflow:hidden;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition)}.blog-card,.blog-card:hover{color:inherit;text-decoration:none}.blog-card:hover{background:#ffffff0f;background:var(--blog-card-hover);border-color:#6c5ce733;box-shadow:0 16px 48px #6c5ce726;box-shadow:var(--blog-shadow-hover);transform:translateY(-3px)}.blog-card__thumb{flex-shrink:0;height:160px;overflow:hidden;position:relative}.blog-card__thumb-img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-card:hover .blog-card__thumb-img{transform:scale(1.06)}.blog-card__thumb-fallback{background:linear-gradient(135deg,#6c5ce726,#00cec91a 50%,#6c5ce714);height:100%;width:100%}.blog-card__body{display:flex;flex:1 1;flex-direction:column;padding:22px 24px 24px}.blog-card__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.blog-card__category{background:#6c5ce71a;border-radius:100px;color:#a29bfe;color:var(--blog-primary-light);font-size:.72rem;font-weight:600;letter-spacing:.3px;padding:4px 12px;text-transform:uppercase}.blog-card__category,.blog-card__date{align-items:center;display:inline-flex;gap:5px}.blog-card__date{color:#5a5a70;color:var(--blog-text-dim);font-size:.78rem}.blog-card__title{-webkit-line-clamp:2;color:#fff;font-size:1.15rem;font-weight:700;line-height:1.35;margin:0 0 10px}.blog-card__excerpt,.blog-card__title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card__excerpt{-webkit-line-clamp:3;color:#8b8ba0;color:var(--blog-text-muted);font-size:.88rem;line-height:1.6;margin:0 0 auto;padding-bottom:20px}.blog-card__footer{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--blog-border);display:flex;justify-content:space-between;padding-top:16px}.blog-card__author{align-items:center;display:flex;gap:10px}.blog-card__avatar{align-items:center;background:linear-gradient(135deg,#6c5ce7,#00cec9);background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:32px;justify-content:center;width:32px}.blog-card__avatar--lg{font-size:1rem;height:44px;width:44px}.blog-card__author span{color:#8b8ba0;color:var(--blog-text-muted);font-size:.82rem;font-weight:500}.blog-card__stats{color:#5a5a70;color:var(--blog-text-dim);display:flex;font-size:.78rem;gap:12px}.blog-card__stats span{align-items:center;display:inline-flex;gap:4px}.blog-card__read-more{align-items:center;color:#a29bfe;color:var(--blog-primary-light);display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition)}.blog-card:hover .blog-card__read-more{gap:10px}.blog-card--compact{padding:22px}.blog-card--compact .blog-card__title{font-size:1.02rem}.blog-card--compact .blog-card__excerpt{-webkit-line-clamp:2;font-size:.82rem}.blog-card--skeleton{overflow:hidden;pointer-events:none}.blog-card__thumb--skeleton{animation:blog-skeleton-pulse 1.5s ease-in-out infinite;background:#ffffff0a;background:var(--blog-surface)}.blog-card__body-skeleton{display:flex;flex-direction:column;gap:12px;padding:22px 24px 24px}.skeleton-line{animation:blog-skeleton-pulse 1.5s ease-in-out infinite;background:#ffffff0a;background:var(--blog-surface);border-radius:7px;height:14px}.skeleton-line--short{width:35%}.skeleton-line--medium{width:65%}.skeleton-line--long{width:90%}@keyframes blog-skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.blog-progress{background:#0000;height:3px;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.blog-progress__bar{background:linear-gradient(90deg,#6c5ce7,#00cec9);background:linear-gradient(90deg,var(--blog-primary),var(--blog-accent));border-radius:0 2px 2px 0;height:100%;transition:width .15s ease-out}.blog-article-layout{margin:0 auto;max-width:1200px;max-width:var(--blog-max-width);padding:0 24px}.blog-article-layout--with-toc{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:1fr 240px}.blog-article-layout--with-toc .blog-article-body{margin:0;max-width:none;padding:32px 0}.blog-toc{background:#ffffff0a;background:var(--blog-surface);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:10px;border-radius:var(--blog-radius-sm);margin-top:32px;max-height:calc(100vh - 120px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;scrollbar-width:thin;top:90px}.blog-toc__title{color:#8b8ba0;color:var(--blog-text-muted);font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:14px;text-transform:uppercase}.blog-toc__list{list-style:none;margin:0;padding:0}.blog-toc__item{border-left:2px solid #ffffff14;border-left:2px solid var(--blog-border);transition:all .2s ease}.blog-toc__item a{color:#8b8ba0;color:var(--blog-text-muted);display:block;font-size:.82rem;line-height:1.4;padding:6px 0 6px 14px;text-decoration:none;transition:color .2s,border-color .2s}.blog-toc__item--h3 a{font-size:.78rem;padding-left:26px}.blog-toc__item a:hover{color:#a29bfe;color:var(--blog-primary-light)}.blog-toc__item--active{border-left-color:#6c5ce7;border-left-color:var(--blog-primary)}.blog-toc__item--active a{color:#a29bfe;color:var(--blog-primary-light);font-weight:600}.blog-featured__read-time{align-items:center;display:inline-flex;gap:4px}.blog-empty__categories{margin-top:20px}.blog-empty__suggest{color:#8b8ba0;color:var(--blog-text-muted);font-size:.9rem;margin-bottom:12px}.blog-empty__cat-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.blog-pagination{align-items:center;display:flex;gap:24px;justify-content:center;padding:20px 0}.blog-pagination__page{color:#8b8ba0;color:var(--blog-text-muted);font-size:.9rem;font-weight:500}.blog-breadcrumb{align-items:center;color:#5a5a70;color:var(--blog-text-dim);display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px;margin:0 auto;max-width:1200px;max-width:var(--blog-max-width);padding:100px 24px 0}.blog-breadcrumb a{color:#a29bfe;color:var(--blog-primary-light);text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition)}.blog-breadcrumb a:hover{text-decoration:underline}.blog-breadcrumb__sep{font-size:.6rem;opacity:.5}.blog-breadcrumb__current{color:#8b8ba0;color:var(--blog-text-muted)}.blog-article-header{margin:0 auto;max-width:800px;max-width:var(--blog-content-width);padding:40px 24px 32px}.blog-article-header__category{align-items:center;background:#6c5ce71f;border:1px solid #6c5ce733;border-radius:100px;color:#a29bfe;color:var(--blog-primary-light);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.blog-article-header__title{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.2;margin:0 0 24px}.blog-article-header__meta{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--blog-border);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-bottom:24px}.blog-article-header__author{align-items:center;display:flex;gap:12px}.blog-article-header__author-name{color:#e8e8f0;color:var(--blog-text);display:block;font-size:.95rem;font-weight:600}.blog-article-header__author-date{align-items:center;color:#5a5a70;color:var(--blog-text-dim);display:flex;font-size:.82rem;gap:6px}.blog-article-header__dot{margin:0 4px}.blog-article-header__stats{color:#5a5a70;color:var(--blog-text-dim);display:flex;font-size:.85rem;gap:18px}.blog-article-header__stats span{align-items:center;display:inline-flex;gap:5px}.blog-article-body{margin:0 auto;max-width:800px;max-width:var(--blog-content-width);padding:32px 24px}.blog-article-body__content{color:#e8e8f0;color:var(--blog-text);font-size:1.08rem;line-height:1.85;overflow-wrap:break-word;word-break:break-word}.blog-article-body__content h1,.blog-article-body__content h2,.blog-article-body__content h3,.blog-article-body__content h4,.blog-article-body__content h5,.blog-article-body__content h6{color:#fff;font-weight:700;line-height:1.3;margin-bottom:.75em;margin-top:2em;scroll-margin-top:80px}.blog-article-body__content h1{font-size:2rem;letter-spacing:-.02em}.blog-article-body__content h2{border-bottom:2px solid #6c5ce72e;font-size:1.6rem;letter-spacing:-.015em;padding-bottom:10px}.blog-article-body__content h3{font-size:1.3rem}.blog-article-body__content h4{color:#a29bfe;color:var(--blog-primary-light,#a29bfe);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase}.blog-article-body__content p{margin-bottom:1.3em}.blog-article-body__content b,.blog-article-body__content strong{color:#fff;font-weight:700}.blog-article-body__content em,.blog-article-body__content i{font-style:italic}.blog-article-body__content .highlight,.blog-article-body__content mark{background:#6c5ce733;border-radius:4px;color:#a29bfe;color:var(--blog-primary-light,#a29bfe);padding:2px 6px}.blog-article-body__content small{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:.85em}.blog-article-body__content del,.blog-article-body__content s{opacity:.6;text-decoration:line-through}.blog-article-body__content abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.blog-article-body__content sub,.blog-article-body__content sup{font-size:.75em;line-height:0;position:relative;vertical-align:initial}.blog-article-body__content sup{top:-.5em}.blog-article-body__content sub{bottom:-.25em}.blog-article-body__content a{color:#a29bfe;color:var(--blog-primary-light);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s}.blog-article-body__content a:hover{color:#00cec9;color:var(--blog-accent);text-decoration-thickness:2px}.blog-article-body__content ol,.blog-article-body__content ul{margin:1.2em 0;padding-left:1.5em}.blog-article-body__content li{margin-bottom:.5em;padding-left:.3em}.blog-article-body__content li>ol,.blog-article-body__content li>ul{margin-bottom:0;margin-top:.4em}.blog-article-body__content li::marker{color:#a29bfe;color:var(--blog-primary-light,#a29bfe)}.blog-article-body__content ul.contains-task-list,.blog-article-body__content ul.task-list{list-style:none;padding-left:.5em}.blog-article-body__content .task-list-item input[type=checkbox]{accent-color:#6c5ce7;accent-color:var(--blog-primary,#6c5ce7);margin-right:8px}.blog-article-body__content blockquote{background:linear-gradient(135deg,#6c5ce70f,#00cec908);border-left:4px solid #6c5ce7;border-left:4px solid var(--blog-primary);border-radius:0 10px 10px 0;border-radius:0 var(--blog-radius-sm) var(--blog-radius-sm) 0;color:#8b8ba0;color:var(--blog-text-muted);font-style:italic;margin:1.5em 0;padding:18px 24px;position:relative}.blog-article-body__content blockquote p:last-child{margin-bottom:0}.blog-article-body__content blockquote blockquote{border-left-color:#00cec9;border-left-color:var(--blog-accent,#00cec9);margin-left:0}.blog-article-body__content .admonition,.blog-article-body__content .alert,.blog-article-body__content .callout{border-left:4px solid;border-radius:10px;border-radius:var(--blog-radius-sm,10px);display:block;margin:1.5em 0;padding:18px 22px}.blog-article-body__content .alert-info,.blog-article-body__content .callout-info{background:#3867d614;border-color:#3867d6;color:#74b9ff}.blog-article-body__content .alert-warning,.blog-article-body__content .callout-warn,.blog-article-body__content .callout-warning{background:#fdcb6e14;border-color:#fdcb6e;color:#ffeaa7}.blog-article-body__content .alert-danger,.blog-article-body__content .alert-error,.blog-article-body__content .callout-danger{background:#ff475714;border-color:#ff4757;color:#ff6b81}.blog-article-body__content .alert-success,.blog-article-body__content .callout-success{background:#00cec914;border-color:#00cec9;color:#55efc4}.blog-article-body__content .alert-tip,.blog-article-body__content .callout-tip{background:#6c5ce714;border-color:#6c5ce7;border-color:var(--blog-primary,#6c5ce7);color:#a29bfe;color:var(--blog-primary-light,#a29bfe)}.blog-article-body__content .alert-title,.blog-article-body__content .callout-title{font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.blog-article-body__content code{background:#6c5ce71f;border-radius:6px;color:#a29bfe;color:var(--blog-primary-light);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:.88em;padding:2px 8px;word-break:break-word}.blog-article-body__content pre{-webkit-overflow-scrolling:touch;background:#00000080;border:1px solid #6c5ce726;border-radius:10px;border-radius:var(--blog-radius-sm);margin:1.8em 0;overflow-x:auto;padding:22px 26px;position:relative}.blog-article-body__content pre code{background:none;color:#c8d6e5;font-size:.86rem;line-height:1.65;padding:0;word-break:normal}.blog-article-body__content pre[data-language]:before{background:#0000004d;border-radius:0 10px 0 8px;border-radius:0 var(--blog-radius-sm,10px) 0 8px;color:#5a5a70;color:var(--blog-text-dim,#5a5a7a);content:attr(data-language);font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:4px 12px;position:absolute;right:0;text-transform:uppercase;top:0}.blog-article-body__content pre.line-numbers{counter-reset:line;padding-left:3.8em}.blog-article-body__content pre.line-numbers code .line:before{color:#ffffff26;content:counter(line);counter-increment:line;display:inline-block;font-size:.8em;margin-left:-3.8em;padding-right:1em;text-align:right;width:2.5em}.blog-article-body__content img{border-radius:10px;border-radius:var(--blog-radius-sm);box-shadow:0 4px 24px #0003;display:block;height:auto;margin:1.5em 0;max-width:100%}.blog-article-body__content img[alt]:after{color:#8b8ba0;color:var(--blog-text-muted);content:attr(alt);display:block;font-size:.85em;margin-top:8px;text-align:center}.blog-article-body__content figure{margin:2em 0;text-align:center}.blog-article-body__content figure img{margin:0 auto}.blog-article-body__content figcaption{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:.88rem;font-style:italic;margin-top:10px}.blog-article-body__content table{border:1px solid #ffffff14;border:1px solid var(--blog-border);border-collapse:collapse;border-radius:10px;border-radius:var(--blog-radius-sm,10px);font-size:.95rem;margin:1.8em 0;overflow:hidden;width:100%}.blog-article-body__content td,.blog-article-body__content th{border:1px solid #ffffff14;border:1px solid var(--blog-border);padding:12px 18px;text-align:left}.blog-article-body__content th{background:#6c5ce71f;color:#fff;font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.blog-article-body__content tbody tr:nth-child(2n){background:#ffffff05}.blog-article-body__content tbody tr:hover{background:#6c5ce70a}.blog-article-body__content hr{background:linear-gradient(90deg,#0000,#6c5ce7 50%,#0000);background:linear-gradient(90deg,#0000 0,var(--blog-primary,#6c5ce7) 50%,#0000 100%);border:none;height:2px;margin:2.5em 0;opacity:.3}.blog-article-body__content details{border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:10px;border-radius:var(--blog-radius-sm,10px);margin:1.5em 0;overflow:hidden}.blog-article-body__content summary{align-items:center;background:#ffffff0a;background:var(--blog-surface,#ffffff08);cursor:pointer;display:flex;font-weight:600;gap:8px;list-style:none;padding:14px 20px;transition:background .2s;-webkit-user-select:none;user-select:none}.blog-article-body__content summary::-webkit-details-marker{display:none}.blog-article-body__content summary:before{content:"▸";font-size:.9em;transition:transform .2s}.blog-article-body__content details[open] summary:before{transform:rotate(90deg)}.blog-article-body__content summary:hover{background:#6c5ce70f}.blog-article-body__content details>:not(summary){padding:0 20px}.blog-article-body__content details>p:last-child{padding-bottom:16px}.blog-article-body__content iframe,.blog-article-body__content video{border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:10px;border-radius:var(--blog-radius-sm,10px);margin:1.5em 0;max-width:100%}.blog-article-body__content .embed-responsive,.blog-article-body__content .responsive-embed,.blog-article-body__content .video-wrapper{border-radius:10px;border-radius:var(--blog-radius-sm,10px);margin:1.8em 0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.blog-article-body__content .embed-responsive iframe,.blog-article-body__content .responsive-embed iframe,.blog-article-body__content .video-wrapper iframe{border:none;height:100%;left:0;margin:0;position:absolute;top:0;width:100%}.blog-article-body__content kbd{background:#ffffff0f;border:1px solid #ffffff26;border-radius:5px;box-shadow:inset 0 -2px 0 #00000026;color:#e8e8f0;color:var(--blog-text,#e8e8f0);display:inline-block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82em;padding:2px 8px;vertical-align:middle}.blog-article-body__content dl{margin:1.5em 0}.blog-article-body__content dt{color:#fff;font-weight:700;margin-top:1em}.blog-article-body__content dd{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);margin-bottom:.5em;margin-left:1.5em}.blog-article-body__content .badge,.blog-article-body__content .pill,.blog-article-body__content .tag{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:3px 12px}.blog-article-body__content .badge{background:#0a84ff;color:#fff}.blog-article-body__content .badge-green{background:#00e5a0;color:#000}.blog-article-body__content .badge-orange{background:#ff8c42;color:#000}.blog-article-body__content .badge-red{background:#ff5757;color:#fff}.blog-article-body__content .section-divider{align-items:center;color:#5a5a70;color:var(--blog-text-dim,#5a5a7a);display:flex;font-size:1.2rem;gap:16px;margin:3em 0}.blog-article-body__content .section-divider:after,.blog-article-body__content .section-divider:before{background:#ffffff14;background:var(--blog-border);content:"";flex:1 1;height:1px}.blog-article-body__content .footnotes{border-top:2px solid #ffffff14;border-top:2px solid var(--blog-border);color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:.9rem;margin-top:3em;padding-top:1.5em}.blog-article-body__content .footnotes ol{padding-left:1.2em}.blog-article-body__content .footnotes li{margin-bottom:.8em}@media print{.blog-article-body__content{color:#000;font-size:12pt;line-height:1.6}.blog-article-body__content h1,.blog-article-body__content h2,.blog-article-body__content h3,.blog-article-body__content h4{color:#000}.blog-article-body__content pre{background:#f8f8f8;border-color:#ccc}.blog-article-body__content a{color:#333}.blog-article-body__content a:after{color:#666;content:" (" attr(href) ")";font-size:.85em}}.blog-share{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--blog-border);border-top:1px solid #ffffff14;border-top:1px solid var(--blog-border);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:800px;max-width:var(--blog-content-width);padding:24px}.blog-share__label{align-items:center;color:#8b8ba0;color:var(--blog-text-muted);display:inline-flex;font-size:.9rem;font-weight:500;gap:8px}.blog-share__buttons{display:flex;gap:10px}.blog-share__btn{align-items:center;background:#ffffff0a;background:var(--blog-surface);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:50%;color:#8b8ba0;color:var(--blog-text-muted);cursor:pointer;display:flex;font-size:.95rem;height:40px;justify-content:center;position:relative;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--blog-transition);width:40px}.blog-share__btn:hover{transform:translateY(-2px)}.blog-share__btn--twitter:hover{background:#1da1f226;border-color:#1da1f24d;color:#1da1f2}.blog-share__btn--linkedin:hover{background:#0077b526;border-color:#0077b54d;color:#0077b5}.blog-share__btn--facebook:hover{background:#1877f226;border-color:#1877f24d;color:#1877f2}.blog-share__btn--copy:hover{background:#00cec926;border-color:#00cec94d;color:#00cec9;color:var(--blog-accent)}.blog-share__copied{animation:blog-fadeIn .2s ease-out;background:#00cec9;background:var(--blog-accent);border-radius:6px;bottom:-28px;color:#000;font-size:.7rem;font-weight:600;left:50%;padding:3px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes blog-fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.blog-comments{margin:0 auto;max-width:800px;max-width:var(--blog-content-width);padding:40px 24px}.blog-comments__title{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:10px;margin:0 0 24px}.blog-comments__list{display:flex;flex-direction:column;gap:20px}.blog-comment{background:#ffffff0a;background:var(--blog-surface);border:1px solid #ffffff14;border:1px solid var(--blog-border);border-radius:10px;border-radius:var(--blog-radius-sm);display:flex;gap:14px;padding:20px}.blog-comment__avatar{align-items:center;background:linear-gradient(135deg,#6c5ce7,#00cec9);background:linear-gradient(135deg,var(--blog-primary),var(--blog-accent));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.82rem;font-weight:700;height:38px;justify-content:center;width:38px}.blog-comment__body{flex:1 1;min-width:0}.blog-comment__header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.blog-comment__author{color:#e8e8f0;color:var(--blog-text);font-size:.9rem;font-weight:600}.blog-comment__date{align-items:center;color:#5a5a70;color:var(--blog-text-dim);display:inline-flex;font-size:.78rem;gap:5px}.blog-comment__text{color:#8b8ba0;color:var(--blog-text-muted);font-size:.92rem;line-height:1.6;margin:0}.blog-comment__stats{color:#5a5a70;color:var(--blog-text-dim);display:flex;font-size:.78rem;gap:14px;margin-top:10px}.blog-comment__stats span{align-items:center;display:inline-flex;gap:4px}.blog-like-btn{align-items:center;background:#0000;border:1.5px solid #5a5a70;border:1.5px solid var(--blog-text-dim,#64748b);border-radius:20px;color:#8b8ba0;color:var(--blog-text-muted,#94a3b8);cursor:pointer;display:inline-flex;font-size:.85rem;gap:6px;padding:6px 14px;transition:all .2s ease}.blog-like-btn:hover:not(:disabled){background:#3b82f614;border-color:#3b82f6;color:#3b82f6}.blog-like-btn--liked{background:#3b82f61f;border-color:#3b82f6;color:#3b82f6}.blog-like-btn--disabled{cursor:default;opacity:.5}.blog-like-btn--sm{border-radius:14px;font-size:.78rem;padding:3px 10px}.blog-comment-form{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin:0 auto 30px;max-width:1200px;max-width:var(--blog-max-width,860px);padding:20px}.blog-comment-form__input-row{align-items:flex-start;display:flex;gap:14px}.blog-comment__avatar--form{flex-shrink:0}.blog-comment-form__textarea{background:#0f172ad9;border:1px solid #94a3b840;border-radius:10px;color:#f1f5f9;flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.55;max-height:200px;min-height:80px;padding:12px 14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.blog-comment-form__textarea::placeholder{color:#94a3b8}.blog-comment-form__textarea:focus{border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce733;outline:none}.blog-comment-form__textarea:disabled{opacity:.6}.blog-comment-form__error{color:#ef4444;font-size:.82rem;margin:8px 0 0 56px}.blog-comment-form__actions{align-items:center;display:flex;gap:14px;justify-content:flex-end;margin-top:12px}.blog-comment-form__char-count{color:#94a3b8;font-size:.78rem;transition:color .2s ease}.blog-comment-form__char-count--warn{color:#f59e0b}.blog-comment-form__char-count--over{color:#ef4444;font-weight:600}.blog-comment-form__submit{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;gap:6px;padding:8px 20px}.blog-comment-form__submit:disabled{cursor:default;opacity:.5}.blog-comment-form__login-prompt{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:12px;color:#94a3b8;font-size:.92rem;margin:0 auto 24px;max-width:1200px;max-width:var(--blog-max-width,860px);padding:20px;text-align:center}.blog-comment-form__login-prompt a{color:#3b82f6;font-weight:600;text-decoration:none}.blog-comment-form__login-prompt a:hover{text-decoration:underline}.blog-comment__delete{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.78rem;padding:3px 8px;transition:all .2s ease}.blog-comment__delete:hover{background:#ef44441a;color:#ef4444}.blog-comments__empty{color:#64748b;font-size:.9rem;font-style:italic;padding:24px 0;text-align:center}.blog-related{margin:0 auto;max-width:1200px;max-width:var(--blog-max-width);padding:40px 24px}.blog-related__title{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 24px}.blog-related__grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-back{margin:0 auto;max-width:800px;max-width:var(--blog-content-width);padding:0 24px 60px}@media (max-width:768px){.blog-hero{padding:80px 16px 40px}.blog-hero__title{font-size:2rem}.blog-featured{grid-template-columns:1fr}.blog-featured__visual{display:none}.blog-featured__content{padding:28px}.blog-featured__title{font-size:1.4rem}.blog-grid{grid-template-columns:1fr}.blog-card__thumb{height:140px}.blog-article-header__meta,.blog-share{align-items:flex-start;flex-direction:column}.blog-comment{flex-direction:column}.blog-related__grid{grid-template-columns:1fr}.blog-breadcrumb{padding-top:80px}.blog-article-layout--with-toc{grid-template-columns:1fr}.blog-toc{margin-bottom:24px;margin-top:0;max-height:none;order:-1;position:static}}@media (max-width:480px){.blog-hero{padding:70px 12px 32px}.blog-categories__inner{gap:4px}.blog-categories__tab{font-size:.8rem;padding:6px 12px}.blog-featured__content{padding:20px}.blog-card__thumb{height:120px}.blog-article-body__content{font-size:.95rem}}@media (prefers-color-scheme:light){:root{--blog-bg:#f8f9fc;--blog-surface:#00000008;--blog-surface-hover:#0000000d;--blog-border:#00000014;--blog-text:#1a1a2e;--blog-text-muted:#5a5a7a;--blog-text-dim:#8a8aaa;--blog-card-bg:#fffc;--blog-card-hover:#fffffff2;--blog-shadow:0 8px 32px #00000014;--blog-shadow-hover:0 16px 48px #6c5ce71a}.blog-hero{background:linear-gradient(160deg,#6c5ce714,#00cec90a 50%,#0a0a1a);background:linear-gradient(160deg,#6c5ce714 0,#00cec90a 50%,var(--blog-bg) 100%)}.blog-categories{background:#f8f9fceb}.blog-hero__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a2e,#6c5ce7);background:linear-gradient(135deg,#1a1a2e 0,var(--blog-primary) 100%);-webkit-background-clip:text;background-clip:text}.blog-article-body__content h1,.blog-article-body__content h2,.blog-article-body__content h3,.blog-article-body__content h4,.blog-article-body__content h5,.blog-article-body__content h6,.blog-article-header__title,.blog-card__title,.blog-comments__title,.blog-featured__title,.blog-related__title{color:#1a1a2e}.blog-article-body__content h4{color:#6c5ce7;color:var(--blog-primary,#6c5ce7)}.blog-article-body__content b,.blog-article-body__content strong{color:#1a1a2e}.blog-article-body__content .highlight,.blog-article-body__content mark{background:#6c5ce71f;color:#6c5ce7;color:var(--blog-primary,#6c5ce7)}.blog-article-body__content blockquote{background:linear-gradient(135deg,#6c5ce70a,#00cec905)}.blog-article-body__content code{background:#6c5ce714;color:#6c5ce7;color:var(--blog-primary,#6c5ce7)}.blog-article-body__content pre{background:#f4f5f9;border-color:#00000014}.blog-article-body__content pre code{color:#1a1a2e}.blog-article-body__content pre[data-language]:before{background:#0000000d;color:#8a8aaa}.blog-article-body__content img{box-shadow:0 4px 24px #00000014}.blog-article-body__content th{background:#6c5ce70f;color:#1a1a2e}.blog-article-body__content tbody tr:nth-child(2n){background:rgba(0,0,0,.015)}.blog-article-body__content tbody tr:hover{background:#6c5ce708}.blog-article-body__content dt{color:#1a1a2e}.blog-article-body__content kbd{background:#0000000a;border-color:#0000001f;box-shadow:inset 0 -2px 0 #00000014;color:#1a1a2e}.blog-article-body__content summary{background:#00000005}.blog-article-body__content summary:hover{background:#6c5ce70a}.blog-article-body__content .alert-info,.blog-article-body__content .callout-info{background:#3867d60f;color:#2d6cdf}.blog-article-body__content .alert-warning,.blog-article-body__content .callout-warn,.blog-article-body__content .callout-warning{background:#f39c120f;color:#d68910}.blog-article-body__content .alert-danger,.blog-article-body__content .alert-error,.blog-article-body__content .callout-danger{background:#e74c3c0f;color:#c0392b}.blog-article-body__content .alert-success,.blog-article-body__content .callout-success{background:#00cec90f;color:#00a89e}.blog-article-body__content .alert-tip,.blog-article-body__content .callout-tip{background:#6c5ce70f;color:#6c5ce7;color:var(--blog-primary,#6c5ce7)}.blog-article-body__content .badge{background:#0a84ff;color:#fff}.blog-article-body__content .badge-green{background:#00c9a7;color:#000}.blog-article-body__content .badge-orange{background:#ff8c42;color:#000}.blog-article-body__content .badge-red{background:#ff5757;color:#fff}.blog-card{box-shadow:0 2px 12px #0000000a}:root{--bg:#f8f9fc;--card:#fff;--border:#00000014;--text:#1a1a2e;--muted:#5a5a7a;--accent:#0a84ff;--green:#00c9a7;--orange:#ff8c42;--red:#e74c3c;--purple:#6c5ce7;--yellow:#f39c12}.blog-article-body .blog-article-body__content .feature-card{background:#fff;border-color:#0000001a}.blog-article-body .blog-article-body__content .feature-card h4{color:#1a1a2e}.blog-article-body .blog-article-body__content .feature-card li,.blog-article-body .blog-article-body__content .feature-card p{color:#5a5a7a}.blog-article-body .blog-article-body__content .feature-card ul{color:#5a5a7a;margin:.5rem 0}.blog-article-body .blog-article-body__content .feature-card strong{color:#1a1a2e}.blog-article-body .blog-article-body__content .col-card{background:#fff;border-color:#0000001a}.blog-article-body .blog-article-body__content .col-card h4{color:#1a1a2e}.blog-article-body .blog-article-body__content .col-card li,.blog-article-body .blog-article-body__content .col-card p,.blog-article-body .blog-article-body__content .col-card ul{color:#5a5a7a}.blog-article-body .blog-article-body__content .col-card strong{color:#1a1a2e}.blog-article-body .blog-article-body__content .wizard-step{background:#fff;border-color:#0000001a}.blog-article-body .blog-article-body__content .wizard-step .step-num{color:#6c5ce7;color:var(--blog-primary,#6c5ce7)}.blog-article-body .blog-article-body__content .wizard-step .step-label{color:#5a5a7a}.blog-article-body .blog-article-body__content .flow-step strong{color:#1a1a2e}.blog-article-body .blog-article-body__content .flow-step{color:#3a3a5a}.blog-article-body .blog-article-body__content .flow-step:before{background:#0a84ff;border-color:#f8f9fc}.blog-article-body .blog-article-body__content .flow-steps:before{background:#0000001a}.blog-article-body .blog-article-body__content .platform-badge{background:#fff;border-color:#0000001a;color:#5a5a7a}.blog-article-body .blog-article-body__content .platform-badge.live{border-color:#00c9a7;color:#00897b}.blog-article-body .blog-article-body__content .platform-badge.soon{color:#8a8aaa}.blog-article-body .blog-article-body__content .arch-diagram{background:#f4f5f9;border-color:#00000014;color:#5a5a7a}.blog-article-body .blog-article-body__content .arch-diagram strong{color:#6c5ce7;color:var(--blog-primary,#6c5ce7)}.blog-article-body .blog-article-body__content .cta-box{background:linear-gradient(135deg,#6c5ce70f,#00cec90a);border-color:#6c5ce7;border-color:var(--blog-primary,#6c5ce7)}.blog-article-body .blog-article-body__content .cta-box h3{color:#1a1a2e}.blog-article-body .blog-article-body__content .cta-box p{color:#5a5a7a}.blog-article-body .blog-article-body__content .cta-btn.secondary{color:#6c5ce7;color:var(--blog-primary,#6c5ce7)}.blog-article-body .blog-article-body__content .subtitle{color:#5a5a7a}}.blog-article-header__admin{display:flex;gap:10px;margin-top:12px}.blog-admin-action{align-items:center;background:#0000;border:1px solid #ffffff14;border:1px solid var(--blog-border,#ffffff14);border-radius:8px;color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s}.blog-admin-action--edit:hover{background:#6c5ce714;border-color:#a29bfe;border-color:var(--blog-primary-light,#a29bfe);color:#a29bfe;color:var(--blog-primary-light,#a29bfe)}.blog-admin-action--delete:hover{background:#ff475714;border-color:#ff6b81;color:#ff6b81}.blog-hero__admin-link{align-items:center;background:linear-gradient(135deg,#6c5ce7,#5b4cdb);background:linear-gradient(135deg,var(--blog-primary,#6c5ce7),var(--blog-primary-dark,#5b4cdb));border-radius:10px;box-shadow:0 4px 15px #6c5ce74d;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:16px;padding:9px 20px;text-decoration:none;transition:all .2s}.blog-hero__admin-link:hover{box-shadow:0 6px 20px #6c5ce766;transform:translateY(-1px)}.blog-article-body__content .subtitle{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:1.05rem;margin-bottom:1.5em}.blog-article-body__content .feature-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:1.5em 0}.blog-article-body__content .feature-card{background:#13142a;border:1px solid #ffffff1a;border-radius:10px;border-radius:var(--blog-radius-sm,10px);padding:20px}.blog-article-body__content .feature-card h4{color:#fff;font-size:1rem;letter-spacing:0;margin:0 0 8px;text-transform:none}.blog-article-body__content .feature-card p{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:.9rem;margin:0}.blog-article-body__content .feature-card ul{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:.9rem;margin:.5rem 0}.blog-article-body__content .feature-card li{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);margin:4px 0}.blog-article-body__content .feature-card strong{color:#fff}.blog-article-body__content .feature-icon{display:block;font-size:1.5rem;margin-bottom:8px}.blog-article-body__content .flow-steps{margin:1.5em 0;padding-left:32px;position:relative}.blog-article-body__content .flow-steps:before{background:#ffffff14;background:var(--blog-border);bottom:8px;content:"";left:12px;position:absolute;top:8px;width:2px}.blog-article-body__content .flow-step{margin:20px 0;position:relative}.blog-article-body__content .flow-step:before{background:#0a84ff;border:2px solid #0a0a1a;border:2px solid var(--blog-bg,#0a0a1a);border-radius:50%;content:"";height:12px;left:-24px;position:absolute;top:6px;width:12px}.blog-article-body__content .flow-step strong{color:#fff}.blog-article-body__content .platform-badges{display:flex;flex-wrap:wrap;gap:10px;margin:1em 0}.blog-article-body__content .platform-badge{background:#13142a;border:1px solid #ffffff1a;border-radius:20px;color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:.85rem;padding:6px 14px}.blog-article-body__content .platform-badge.live{border-color:#00cec9;border-color:var(--blog-accent,#00cec9);color:#55efc4}.blog-article-body__content .platform-badge.soon{border-color:#ffffff14;border-color:var(--blog-border);color:#5a5a70;color:var(--blog-text-dim,#5a5a70)}.blog-article-body__content .cta-box{background:linear-gradient(135deg,#6c5ce71f,#00cec914);border:1px solid #6c5ce7;border:1px solid var(--blog-primary,#6c5ce7);border-radius:16px;border-radius:var(--blog-radius,16px);margin:2.5em 0;padding:28px;text-align:center}.blog-article-body__content .cta-box h3{color:#fff;margin:0 0 12px}.blog-article-body__content .cta-btn{background:#6c5ce7;background:var(--blog-primary,#6c5ce7);border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin:6px;padding:10px 24px;text-decoration:none;transition:opacity .2s}.blog-article-body__content .cta-btn:hover{opacity:.9;text-decoration:none}.blog-article-body__content .cta-btn.secondary{background:#0000;border:1px solid #6c5ce7;border:1px solid var(--blog-primary,#6c5ce7)}.blog-article-body__content .two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin:1.5em 0}.blog-article-body__content .col-card{background:#13142a;border:1px solid #ffffff1a;border-radius:10px;border-radius:var(--blog-radius-sm,10px);padding:20px}.blog-article-body__content .col-card h4{color:#fff;font-size:1rem;letter-spacing:0;margin:0 0 8px;text-transform:none}.blog-article-body__content .col-card p,.blog-article-body__content .col-card ul{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0);font-size:.9rem;margin:4px 0}.blog-article-body__content .col-card li{margin:4px 0}.blog-article-body__content .col-card strong{color:#fff}.blog-article-body__content .wizard-steps{display:flex;flex-wrap:wrap;gap:8px;margin:1.5em 0}.blog-article-body__content .wizard-step{background:#13142a;border:1px solid #ffffff1a;border-radius:8px;flex:1 1;font-size:.85rem;min-width:100px;padding:10px 16px;text-align:center}.blog-article-body__content .wizard-step .step-num{color:#a29bfe;color:var(--blog-primary-light,#a29bfe);display:block;font-size:1.2rem;font-weight:700;margin-bottom:4px}.blog-article-body__content .arch-diagram,.blog-article-body__content .wizard-step .step-label{color:#8b8ba0;color:var(--blog-text-muted,#8b8ba0)}.blog-article-body__content .arch-diagram{background:#13142a;border:1px solid #ffffff1a;border-radius:10px;border-radius:var(--blog-radius-sm,10px);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.6;margin:1.5em 0;overflow-x:auto;padding:20px;white-space:pre}.blog-article-body__content .arch-diagram strong{color:#a29bfe;color:var(--blog-primary-light,#a29bfe)}.blog-article-body__content .badge-purple{background:#7b61ff;color:#fff}@media (max-width:640px){.blog-article-body__content .feature-grid,.blog-article-body__content .two-col{grid-template-columns:1fr}.blog-article-body__content .wizard-steps{flex-direction:column}}
/*# sourceMappingURL=9699.48d21e06.chunk.css.map*/