.article-page{padding:40px 0}.article-page .wrap{display:flex;flex-direction:column;gap:24px}.article-page__head{display:flex;flex-direction:column;gap:8px}.article-page__head h1{font-size:clamp(46px,8vw,112px);line-height:1.1;overflow-wrap:anywhere;word-break:break-word}.article-page__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.article-page__back{color:#fff;text-decoration:none;width:fit-content;border:1px solid #fff;border-radius:999px;padding:6px 12px}.article-page__meta{color:#bbb}.article-page__lead{color:#fff;max-width:900px}.article-page__tags{display:flex;flex-wrap:wrap;gap:8px}.article-page__tag{border:1px solid #414141;border-radius:999px;padding:5px 9px;font-size:13px;color:#ddd}.article-page__cover{width:100%;max-height:460px;object-fit:cover;border-radius:24px}.article-page__toc{background:linear-gradient(135deg,#121318,#0e1114);border:1px solid #2f3942;border-radius:22px;padding:18px;box-shadow:inset 0 1px #ffffff0d}.article-page__toc ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.article-page__toc li{margin:0}.article-page__toc a{color:#d8eaff;text-decoration:none;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;transition:.18s ease all}.article-page__toc a:hover{background:#97c5ff1a;transform:translate(2px)}.article-page__toc-title{color:#fff;margin-bottom:12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.article-page__toc-num{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#7eb6ff24;border:1px solid rgba(126,182,255,.25);color:#b9d8ff;font-size:12px;font-weight:700}.article-page__toc-text{font-size:15px;line-height:1.4}.article-content{display:flex;flex-direction:column;gap:14px}.article-content__section{background:#0f0f10;border:1px solid #2a2a2a;border-radius:20px;padding:16px;min-height:initial}.article-content__section h2{margin:0 0 12px;color:#fff;line-height:1.35}.article-content__section p{margin:0 0 12px;color:#d8d8d8;line-height:1.8}.article-content__section p:last-child{margin-bottom:0}.article-content__section pre{margin:12px 0 0;background:#06080b;border:1px solid #1e2630;border-radius:14px;padding:14px;overflow-x:auto}.article-content__section code{color:#bfffd2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.6}.article-content__code-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.article-content__copy{background:#141414;border:1px solid #3a3a3a;border-radius:10px;color:#fff;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:.2s ease all}.article-content__copy svg{width:20px;height:20px}.article-content__copy:hover{border-color:#4f6073;color:#d8eaff}.article-content__copy.is-copied{color:#8df8c6;border-color:#8df8c673}.article-page--not-found{min-height:60vh;display:flex;align-items:center}.article-related h2{margin-bottom:10px}.article-related__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.article-related__item{text-decoration:none;color:#fff;background:#101010;border:1px solid #2b2b2b;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding-bottom:12px}.article-related__item img{width:100%;height:130px;object-fit:cover}.article-related__item p{margin:0;padding:0 12px}.article-related{min-height:initial}