.article-page{position:relative;min-height:100vh;background:var(--ws-bg,#07070c);color:var(--ws-text,#fff);overflow:hidden}.article-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.article-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.article-blob-1{width:520px;height:520px;top:-200px;left:-140px;background:radial-gradient(circle,#00d4ff 0,transparent 70%)}.article-blob-2{width:560px;height:560px;top:-120px;right:-180px;background:radial-gradient(circle,#8b5cf6 0,transparent 70%)}.article-shell{position:relative;z-index:1}.article-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font-size:14px}.article-tag{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;color:#c4b5fd;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.25);text-decoration:none;transition:background .2s ease}.article-tag:hover{background:rgba(139,92,246,.24)}.article-meta-dot{width:4px;height:4px;border-radius:999px;background:#6b7280}.article-meta-text{color:#9ca3b8}.article-meta-link{color:#00d4ff;text-decoration:none}.article-meta-link:hover{text-decoration:underline}.article-title{font-size:clamp(30px,5vw,52px);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0}.article-updated{margin-top:12px;color:#6b7280;font-size:15px}.article-updated strong{color:#e5e7eb;font-weight:600}.article-author{display:flex;align-items:center;gap:12px;padding:16px 0;margin:20px 0;border-top:1px solid var(--ws-border,hsla(0,0%,100%,.09));border-bottom:1px solid var(--ws-border,hsla(0,0%,100%,.09))}.article-author-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#00d4ff,#8b5cf6);color:#fff}.article-author-name{font-size:15px;font-weight:600;color:#e5e7eb}.article-lead{font-size:19px;line-height:1.6;color:#cbd5e1;margin:20px 0 8px}.article-body{color:#e5e7eb;font-size:17px;line-height:1.8;letter-spacing:.005em}.article-body p{margin:0 0 1.25em;color:#e5e7eb}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#fff;font-weight:700;letter-spacing:-.01em;line-height:1.25;margin:1.8em 0 .6em}.article-body h1{font-size:1.9em}.article-body h2{font-size:1.55em}.article-body h3{font-size:1.3em}.article-body h4{font-size:1.12em}.article-body a{color:#00d4ff;text-decoration:underline;text-underline-offset:2px}.article-body a:hover{color:#6ee7ff}.article-body b,.article-body strong{color:#fff;font-weight:700}.article-body em,.article-body i{color:#e5e7eb}.article-body ol,.article-body ul{margin:0 0 1.25em;padding-left:1.5em;color:#e5e7eb}.article-body li{margin:.4em 0}.article-body ul li::marker{color:#8b5cf6}.article-body ol li::marker{color:#8b5cf6}.article-body blockquote{margin:1.5em 0;padding:12px 20px;border-left:3px solid #8b5cf6;background:rgba(139,92,246,.08);border-radius:0 12px 12px 0;color:#cbd5e1;font-style:italic}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;padding:2px 6px;border-radius:6px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);color:#f0abfc}.article-body pre{margin:1.5em 0;padding:18px 20px;border-radius:14px;background:hsla(0,0%,100%,.04);border:1px solid var(--ws-border,hsla(0,0%,100%,.09));overflow-x:auto}.article-body pre code{background:transparent;border:none;padding:0;color:#e5e7eb}.article-body img{max-width:100%;height:auto;border-radius:14px;margin:1.5em 0}.article-body hr{border:0;height:1px;background:var(--ws-border,hsla(0,0%,100%,.09));margin:2em 0}.article-body [style*=background]{background-color:transparent!important}.article-body span[style*=color]{color:inherit!important}.article-footer{display:flex;flex-direction:column;gap:16px;justify-content:space-between;align-items:flex-start;margin-top:32px;padding:20px 0;border-top:1px solid var(--ws-border,hsla(0,0%,100%,.09));border-bottom:1px solid var(--ws-border,hsla(0,0%,100%,.09));color:#9ca3b8}@media (min-width:768px){.article-footer{flex-direction:row;align-items:center}}.article-rating{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:16px}.article-star{cursor:pointer;transition:color .15s ease}.article-star.on{color:#00d4ff}.article-star.off{color:#4b5563}.article-social{display:flex;gap:14px}.article-social a{color:#9ca3b8;transition:color .2s ease}.article-social a:hover{color:#fff}.article-toc-head{display:flex;gap:8px;margin-bottom:16px;color:#9ca3b8;font-weight:600;align-items:center}.article-toc{border-left:1px solid var(--ws-border,hsla(0,0%,100%,.09))}.article-toc-item{padding:8px 16px;cursor:pointer;border-left:2px solid transparent;margin-left:-1px;transition:all .2s ease;font-size:13.5px;line-height:1.4;color:#6b7280}.article-toc-item:hover{color:#cbd5e1;border-left-color:hsla(0,0%,100%,.25)}.article-toc-item.active{color:#fff;border-left-color:#8b5cf6;background:rgba(139,92,246,.06)}.article-back{display:inline-flex;align-items:center;gap:8px;color:#9ca3b8;text-decoration:none;font-size:15px;transition:color .2s ease}.article-back:hover{color:#00d4ff}