.article-wrap{max-width:820px;margin:0 auto;padding:40px 24px 80px}.article-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:0 4px 24px #08111f14,0 1px 3px #08111f0f;overflow:hidden}.article-header{padding:36px 40px 32px;background:var(--ink);border-bottom:none;position:relative;overflow:hidden}.article-header:before{content:"";position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(0,87,255,.18) 0%,transparent 70%);pointer-events:none}.article-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--electric),#60a5fa,transparent)}.article-category{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--electric);background:#0057ff2e;border:1px solid rgba(0,87,255,.35);padding:4px 14px;border-radius:100px;margin-bottom:18px}.article-title{font-family:var(--font-ui);font-size:clamp(20px,3vw,26px);font-weight:800;line-height:1.4;color:#fff;margin-bottom:16px}.article-meta{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--ink-4)}.article-meta span{display:flex;align-items:center;gap:5px}.article-body{padding:40px 40px 48px}.article-content{font-family:var(--font-body);font-size:15.5px;line-height:1.95;color:var(--ink-2);letter-spacing:.01em;overflow-wrap:break-word}.article-content p{margin:0 0 1.6em}.article-content p:empty{display:none}.article-content p:last-child{margin-bottom:0}.article-content h2{font-family:var(--font-ui);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin:3em 0 1.1em;padding:.9em 0 .75em;position:relative;line-height:1.4}.article-content h2:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--electric) 0%,rgba(0,87,255,.18) 50%,transparent 100%);border-radius:1px}.article-content h2:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border)}.article-content h2:first-child{margin-top:0}.article-content h3{font-family:var(--font-ui);font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:2.2em 0 .8em;padding-left:.85em;border-left:2px solid var(--electric);line-height:1.4}.article-content h3:first-child{margin-top:0}.article-content h4{font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--ink-2);margin:2em 0 .6em;padding-left:.75em;border-left:2px solid var(--border-dark)}.article-content a{color:var(--electric);text-decoration:none;border-bottom:1px solid rgba(0,87,255,.3);transition:border-color .2s,color .2s}.article-content a:hover{color:#0047d4;border-bottom-color:var(--electric)}.article-content strong{font-weight:700;color:var(--ink-2)}.article-content em{font-style:italic;color:var(--ink-3)}.article-content ul{list-style:none;padding:0;margin:.8em 0 1.8em}.article-content ul li{position:relative;padding-left:1.6em;margin-bottom:.7em;line-height:1.85}.article-content ul li:last-child{margin-bottom:0}.article-content ul li:before{content:"";position:absolute;left:0;top:.87em;width:12px;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--electric) 0%,#60a5fa 100%)}.article-content li>ul,.article-content li>ol{margin-top:8px;margin-bottom:4px}.article-content ol{list-style:none;counter-reset:ol-counter;padding:0;margin:.8em 0 1.8em}.article-content ol li{counter-increment:ol-counter;display:block;align-items:baseline;margin-bottom:.7em;line-height:1.85}.article-content ol li:last-child{margin-bottom:0}.article-content ol li:before{content:counter(ol-counter,decimal-leading-zero);flex-shrink:0;width:auto;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:-.02em;color:var(--electric);text-align:right;border-right:1.5px solid var(--border-dark);padding-right:.55em;margin-right:.8em}.article-content blockquote{margin:1.8em 0;padding:1.2em 1.5em;border-left:3px solid var(--electric);background:linear-gradient(105deg,rgba(0,87,255,.05) 0%,transparent 80%);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--ink-2);font-size:14.5px;font-style:italic}.article-content blockquote p{margin:0 0 .7em}.article-content blockquote p:last-child{margin-bottom:0}.article-content code{font-family:Courier New,monospace;font-size:13px;background:var(--surface);border:1px solid var(--border-dark);border-radius:4px;padding:1px 6px;color:var(--danger);letter-spacing:0}.article-content pre{background:var(--ink);border:1px solid var(--border-dark);border-radius:var(--r-sm);padding:20px;overflow-x:auto;margin:24px 0}.article-content pre code{background:none;border:none;padding:0;font-size:13px;line-height:1.7;color:#e2e8f0}.article-content img{max-width:100%;height:auto;border-radius:var(--r-sm);border:1px solid var(--border);margin:24px 0;display:block}.article-content table{width:100%;border-collapse:collapse;font-size:13.5px;margin:1.6em 0;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-card)}.article-content th{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);border:none;padding:11px 14px;font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;text-align:left}.article-content td{border:none;border-bottom:1px solid var(--border);padding:10px 14px;color:var(--ink-2);vertical-align:top}.article-content tr:last-child td{border-bottom:none}.article-content tr:nth-child(2n) td{background:var(--off-white)}.article-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--electric) 40%,var(--electric) 60%,transparent 100%);margin:2.4em 0;opacity:.2}@media(max-width:600px){.article-wrap{padding:24px 16px 60px}.article-header{padding:24px 20px 20px}.article-body{padding:28px 20px 36px}.article-title{font-size:19px}.article-content h2{font-size:17px}.article-content h3{font-size:14px}}