.article-content :is(h1,h2,h3,h4){color:#fff;font-weight:700;line-height:1.4;margin:2em 0 1em;scroll-margin-top:100px;position:relative}.article-content h1{font-size:2rem;padding-bottom:.5em;border-bottom:1px solid rgba(255,255,255,.1)}.article-content h2{font-size:1.6rem;padding-left:.75em}.article-content h2:before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:4px;border-radius:2px;background:linear-gradient(to bottom,#6366f1,#a855f7)}.article-content h3{font-size:1.25rem;margin-top:1.8em}.article-content h4{font-size:1.05rem;color:#e2e8f0}.article-content p{margin:1em 0;color:#cbd5e1}.article-content a{color:#60a5fa;text-decoration:none;border-bottom:1px dashed rgba(96,165,250,.4);transition:all .15s ease}.article-content a:hover{color:#93c5fd;border-bottom-style:solid}.article-content strong{color:#fff;font-weight:600}.article-content blockquote{margin:1.5em 0;padding:.8em 1.2em .8em 1.5em;background:linear-gradient(90deg,rgba(99,102,241,.12),transparent);border-left:4px solid #6366f1;border-radius:0 8px 8px 0;color:#cbd5e1}.article-content :is(ul,ol){padding-left:1.6em;margin:1em 0;color:#cbd5e1}.article-content li{margin:.5em 0;line-height:1.8}.article-content ul li::marker{color:#a5b4fc}.article-content ol li::marker{color:#a5b4fc;font-weight:700}.article-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5em 0;font-size:.92rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;display:block;overflow-x:auto;white-space:nowrap}.article-content table th,.article-content table td{white-space:normal}.article-content thead th{background:linear-gradient(90deg,#6366f140,#a855f740);color:#fff;padding:.9em 1em;text-align:left;font-weight:600;font-size:.88rem;letter-spacing:.02em;white-space:nowrap}.article-content tbody tr{transition:background .15s ease}.article-content tbody tr:hover{background:#ffffff0a}.article-content tbody tr+tr{border-top:1px solid rgba(255,255,255,.06)}.article-content tbody td{padding:.75em 1em;color:#cbd5e1}.article-content hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:2.5em 0}.article-content code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;padding:.15em .4em;border-radius:5px;background:#ffffff14;color:#f1f5f9}.article-content pre{margin:1.5em 0;border-radius:14px;overflow:hidden;background:#282c34!important;border:1px solid rgba(255,255,255,.08);position:relative}.article-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:28px;background:#00000040;display:flex;align-items:center;padding:0 12px;gap:6px}.article-content pre code{display:block;padding:2.2em 1.4em 1.4em!important;background:transparent!important;border-radius:0!important;overflow-x:auto;line-height:1.6;color:#abb2bf}.article-content pre{position:relative}.article-content pre:after{content:"";position:absolute;top:10px;left:14px;z-index:2;width:8px;height:8px;border-radius:50%;background:#ff5f56;box-shadow:14px 0 #ffbd2e,28px 0 #27c93f}.article-content img{max-width:100%;border-radius:10px;margin:1em 0}