.work{justify-content:space-between;flex-wrap:wrap;gap:30px;padding:45px 0 160px}.work li{width:calc(50% - 15px);min-width:420px}.work-item,.work-item-content{display:flex;flex-direction:column}.work-item{gap:20px}@media all and (pointer:fine){.work-item .wic-title{transition:color .3s var(--mainEasing)}.work-item:hover .wic-title{color:var(--hlColor)}}.work-item-content{gap:6px}.wic-title{font-size:20px;color:var(--defaultColor);max-width:520px;line-height:140%}.work-item-date{color:#b3b3b3;font-size:12px}@media all and (max-width:1200px){.work{gap:30px 16px}.work li{width:calc(50% - 8px)}}@media all and (max-width:940px){.work li{width:100%;max-width:620px;min-width:100%}}@media all and (max-width:768px){.wic-title{font-size:18px}.work-item{gap:16px}.work{padding:30px 0 120px}}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:0 0 80px;flex-wrap:wrap}.pagination-numbers{display:flex;align-items:center;gap:4px}.pagination-number,.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:14px;color:var(--defaultColor);background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;transition:all .3s var(--mainEasing);text-decoration:none}@media all and (pointer:fine){.pagination-number:hover:not(.disabled):not(.active),.pagination-btn:hover:not(.disabled):not(.active){border-color:var(--hlColor)}}.pagination-number.active,.pagination-btn.active{background:var(--hlColor);border-color:var(--hlColor);color:#fff;font-weight:500}.pagination-number.disabled,.pagination-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pagination-btn{font-weight:500;letter-spacing:.05em}.pagination-ellipsis{padding:0 8px;color:#ffffff80}@media all and (max-width:768px){.pagination{gap:6px;padding:0 0 60px}.pagination-number,.pagination-btn{min-width:36px;height:36px;font-size:13px}.pagination-btn{padding:0 10px}}main,section,.sec-layout{margin:0 auto;max-width:1500px;width:100%;padding:120px 50px 0}.content{max-width:700px;margin:0 auto}.content ul li{list-style-type:disc}.content ul li::marker{color:#0153cd}.top-header{max-width:920px;padding-top:30px;padding-bottom:60px}.art-meta{padding:30px 0;align-items:center;gap:30px;flex-wrap:wrap}.author-container{gap:14px}.author-image{width:44px;height:44px;overflow:hidden}.author-info{gap:8px}.author-name,.author-role{line-height:100%}.author-name{font-size:14px;font-weight:400}.author-role{color:#e0e0e0;font-size:11px}.tags{gap:6px;font-size:14px}.markdown-content{padding:0 0 120px;flex:1}.markdown-content .main-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#f1f1f1}h1{font-size:48px;line-height:120%;font-weight:700;text-align:center}h1.tblog{text-align:left;padding:30px 0 0}.content h2{font-weight:600;color:#f1f1f1;font-size:36px;line-height:130%;margin-top:4rem;margin-bottom:1rem}.content h3{font-weight:600;color:#f1f1f1;font-size:24px;line-height:140%;margin-top:3rem;margin-bottom:.75rem;color:#ebebeb}.content h4{font-weight:600;color:#f1f1f1;font-size:20px;line-height:150%;margin-top:2rem;margin-bottom:.5rem;color:#ebebeb}.content p{color:#f3f3f3;margin-bottom:1rem}.content ul,.content ol{margin-bottom:2.5rem;padding-left:1.5rem}.content li{margin-bottom:1rem}.content blockquote{border-left:4px solid #0153CD;padding-left:1rem;font-style:italic;margin:1.5rem 0;color:#a0aec0}.content code:not([class*=language-]){font-family:Menlo,Monaco,Courier New,monospace;color:#0153cd;background-color:none;border:1px solid #0153CD;padding:.2rem .4rem;border-radius:.25rem;font-size:.875rem}.content pre{margin:1.5rem 0}.content a{color:#0153cd;text-decoration:underline}.content a:hover{color:#3378e0}.content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.content table th{background-color:#363636;font-weight:600;text-align:left;padding:.75rem;border:1px solid #e2e8f0}.content table td{padding:.75rem;border:1px solid #e2e8f0}.content table tr:nth-child(2n){background-color:#1a1a1a}.content img{max-width:100%;height:auto;margin:1.5rem 0}.content hr{border:0;height:1px;background-color:#e2e8f0;margin:2rem 0}.content .prompt-block{position:relative;background:#0a0a0a;border:1px solid #0153CD;border-radius:8px;padding:3rem 1.5rem 1.5rem;margin:2rem 0;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:120%;white-space:pre-wrap;color:#e0e0e0;max-height:320px;overflow:hidden;cursor:pointer;transition:max-height .3s ease}.content .prompt-block:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#0a0a0a);pointer-events:none;transition:opacity .3s ease}.content .prompt-block.expanded{max-height:none;cursor:default}.content .prompt-block.expanded:after{opacity:0}.content .prompt-block p,.content .prompt-block ul,.content .prompt-block ol,.content .prompt-block li,.content .prompt-block h1,.content .prompt-block h2,.content .prompt-block h3,.content .prompt-block h4,.content .prompt-block h5,.content .prompt-block h6,.content .prompt-block pre,.content .prompt-block blockquote{font-size:14px;margin-bottom:0!important}.content .prompt-block:before{content:attr(data-prompt-label);position:absolute;top:0;left:0;background:#0153cd;color:#fff;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:8px 0;max-width:calc(100% - 80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content .prompt-block .copy-button{position:absolute;top:.5rem;right:.5rem;background:transparent;border:1px solid #666;color:#999;padding:.25rem .5rem;font-size:.7rem;border-radius:4px;cursor:pointer;transition:all .2s;font-family:Menlo,Monaco,Courier New,monospace}.content .prompt-block .copy-button:hover{border-color:#0153cd;color:#0153cd}.content .prompt-block .copy-button.copied{border-color:#50fa7b;color:#50fa7b}.content .prompt-block .copy-button .copied-text,.content .prompt-block .copy-button.copied .copy-text{display:none}.content .prompt-block .copy-button.copied .copied-text{display:inline}@media(max-width:768px){.markdown-container{flex-direction:column}.table-of-contents{position:relative;width:100%;margin-bottom:2rem}}code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:none;font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;hyphens:none;font-family:Menlo,Monaco,Courier New,monospace;color:#0153cd;background-color:#000;border:1px solid #0153CD;padding:.2rem .4rem;border-radius:.25rem;font-size:.875rem;display:block;-webkit-user-select:text;-moz-user-select:text;user-select:text}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2b2b2b}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:#ff79c6}.token.boolean,.token.number{color:#bd93f9}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#50fa7b}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#f8f8f2}.token.atrule,.token.attr-value,.token.keyword{color:#ff79c6}.token.function,.token.class-name{color:#ffb86c}.token.regex,.token.important,.token.variable{color:#f1fa8c}@media all and (max-width:1024px){.top-header{padding:25px 0 30px}main,section,.sec-layout{padding:0 30px}}@media all and (max-width:980px){h1{font-size:36px;line-height:130%}.content h2{font-size:24px;line-height:140%}.content h3{font-size:20px;line-height:150%}.content h4{font-size:18px;line-height:160%}}@media all and (max-width:768px){main,section,.sec-layout{padding:80px 20px 0}.top-header{padding:0 0 30px}h1.tblog{padding:0}}@media all and (max-width:767px){h1{font-size:28px;line-height:130%}}@media all and (max-width:520px){.author-container{display:none}.art-meta{justify-content:center}}main.sub-page{padding:120px 24px 0;max-width:100%}main.sub-page section{padding:0;max-width:none;margin:0}:root{--defaultColor: #F2F2F2;--hlColor: #0153CD;--mainEasing: cubic-bezier(.22, 1, .36, 1)}