.tech-marquee-wrapper{position:relative;width:100%;margin-top:6rem}.tech-marquee{overflow:hidden;white-space:nowrap;font-size:0}.tech-track{display:inline-flex;gap:clamp(1.8rem,5vw,4.2rem);will-change:transform}.tech-link{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-right:clamp(1.8rem,5vw,4.2rem);text-decoration:none;border-radius:5rem;isolation:isolate;transition:transform .15s ease,opacity .15s ease}.tech-label{font-size:clamp(.75rem,2vw,1rem);padding:1rem;font-weight:700;line-height:1;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.tech-link:focus-visible,.tech-link:hover{opacity:1;transform:scale(1.1);outline:none}.tech-link.active{padding:.75em 1.5em!important;transform:scale(1.05)!important;transform-origin:center}.marquee-btn{position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .2s ease;z-index:5}.marquee-btn:focus-visible{outline:none}.marquee-left{left:.5rem}.marquee-right{right:.5rem}@media (max-width:600px){.tech-track{gap:clamp(1.2rem,9vw,2.4rem)}.tech-link{margin-right:clamp(1.2rem,9vw,2.4rem)}}.viewer-wrap{width:100%;max-width:820px;aspect-ratio:16/9;margin:0 auto;border-radius:.75rem;overflow:hidden}@media (max-width:600px){.viewer-wrap{max-width:100%;aspect-ratio:1/1}}.blogWrapper{border:1px solid var(--code-border,rgba(0,0,0,.08));border-radius:12px;overflow:hidden;background:var(--code-bg,#0b0d10)}.blogHeader{justify-content:space-between;padding:8px 10px;background:var(--surface-2,rgba(255,255,255,.04));border-bottom:1px solid var(--code-border,rgba(255,255,255,.06));color:var(--text-color,#e6edf3)}.blogHeader,.blogMeta{display:flex;align-items:center}.blogMeta{gap:10px;min-height:26px}.blogTitle{color:var(--heading-color,#e6edf3);font-size:12px}.blogLang{font-size:11px;padding:2px 6px;border-radius:999px;background:var(--surface-1,rgba(255,255,255,.06));color:var(--text-muted,#c9d1d9)}.blogCopyBtn,.blogLang{border:1px solid var(--code-border,rgba(255,255,255,.08))}.blogCopyBtn{background:var(--surface-2,rgba(255,255,255,.08));color:var(--text-color,#e6edf3);padding:4px 10px;border-radius:8px;cursor:pointer;font-size:12px;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.blogCopyBtn:hover{background:var(--surface-1,rgba(255,255,255,.12))}.blogCopyBtn:active{transform:translateY(1px)}.blogCopyBtn:focus-visible{outline:2px solid var(--color-accent,#4da6d6);outline-offset:2px}.blogPre{margin:0;padding:12px 0;overflow-x:auto;background:var(--code-bg,#0b0d10)}.blogCode{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-color,#e6edf3);-moz-tab-size:2;tab-size:2;white-space:pre}.blogLine{display:grid;grid-template-columns:auto 1fr;grid-gap:16px;gap:16px;padding:0 16px;min-height:20px}.blogLn{color:var(--text-muted,#a9b3ba);opacity:.7;text-align:right;width:2ch;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blogTxt{white-space:pre}@media (prefers-reduced-motion:reduce){.blogCopyBtn{transition:none}}.blogBlock{padding:18px;background:var(--bg-card,var(--color-bg-primary,#ffffff));color:var(--text-color,#111)}.blogTitle{margin:0 0 10px;font-size:1.05rem;color:var(--heading-color,var(--text-color,#111))}.blogList{margin:0;grid-gap:8px;gap:8px}.blogOrdered{list-style:decimal}.blogList :where(li){padding-left:2px}.blogList :where(li)::marker{color:var(--text-muted,rgba(127,127,127,.9))}.blogTableWrap{overflow:auto;border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:12px;margin:20px 0;background:linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02)) var(--color-bg-primary,#fff)}.blogTable{background:linear-gradient(0deg,rgba(255,255,255,.01),rgba(255,255,255,.01)) var(--color-bg-primary,#fff);color:var(--text-color,#111)}.blogTable thead th{background:linear-gradient(0deg,rgba(255,255,255,.06),rgba(255,255,255,.06)) var(--color-bg-primary,#f8fafc)}.blogTable tbody tr:nth-child(2n) td{background:linear-gradient(0deg,rgba(255,255,255,.03),rgba(255,255,255,.03)) var(--color-bg-primary,#fbfdff)}.blogTable tbody tr:hover td{background:linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05)) var(--color-bg-primary,#f5f9ff)}.blogList{margin:12px 0 16px;padding-left:1.25rem;display:grid;grid-gap:6px;gap:6px;color:var(--text-color,#111)}.blogListOrdered{list-style:decimal}.blogList :where(li)::marker{color:color-mix(in srgb,var(--icon-color,currentColor),transparent 50%)}.blogInlineCode{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;background:linear-gradient(0deg,rgba(255,255,255,.06),rgba(255,255,255,.06)) var(--color-bg-primary,#f3f4f6);border:1px solid var(--border-color,rgba(0,0,0,.06));color:var(--text-color,#111);border-radius:6px;padding:0 .35em}.blogHeadingAnchor{position:relative;display:inline-block;width:0;margin-left:-1.1ch;padding-right:.6ch}.blogHeadingAnchor:before{content:"#";opacity:0;transition:opacity .15s ease;color:color-mix(in srgb,var(--icon-color,currentColor),transparent 55%)}h1:hover .blogHeadingAnchor:before,h2:hover .blogHeadingAnchor:before,h3:hover .blogHeadingAnchor:before,h4:hover .blogHeadingAnchor:before,h5:hover .blogHeadingAnchor:before,h6:hover .blogHeadingAnchor:before{opacity:.45}.blogSlotArea{border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:14px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.03)),var(--color-bg-primary,#ffffff);box-shadow:0 2px 10px rgba(0,0,0,.03);margin-block:24px;color:var(--text-color,#1f2937)}.blogSlotAreaTitle{font-size:.95rem;font-weight:600;letter-spacing:.02em;margin:0 0 10px;color:var(--text-color,#1f2937)}.blogSlotAreaBody{display:grid;grid-gap:12px;gap:12px}.blogSlotItem{border-radius:12px;padding:8px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.02)),var(--color-bg-primary,#ffffff);border:1px solid var(--border-color,rgba(0,0,0,.06))}.blogSlotItem a{color:var(--color-accent,#0ea5e9);-webkit-text-decoration-color:color-mix(in srgb,var(--color-accent,#0ea5e9),transparent 40%);text-decoration-color:color-mix(in srgb,var(--color-accent,#0ea5e9),transparent 40%)}.blogSlotItem code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;background:linear-gradient(0deg,rgba(255,255,255,.06),rgba(255,255,255,.06)) var(--color-bg-primary,#f3f4f6);border:1px solid var(--border-color,rgba(0,0,0,.06));color:var(--text-color,#111);border-radius:6px;padding:0 .35em}.blogCaption{font-size:.85rem;color:var(--text-muted,#374151);margin-bottom:8px}.blogScroller{overflow:auto;border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:12px}.blogScroller,.blogTable{background:var(--surface-1,#ffffff)}.blogTable{width:100%;border-collapse:separate;border-spacing:0}.blogTable thead th{position:-webkit-sticky;position:sticky;top:0;text-align:left;font-weight:600;font-size:.92rem;padding:10px 12px;border-bottom:1px solid var(--border-color,rgba(0,0,0,.08));color:var(--text-color,#111);background:#f8fafc}@supports (background:color-mix(in srgb,black 10%,white)){.blogTable thead th{background:color-mix(in srgb,var(--surface-1,#ffffff) 85%,var(--color-bg-primary,#0b0d10) 15%)}}.blogTable tbody td{padding:10px 12px;border-bottom:1px solid var(--border-color,rgba(0,0,0,.06));color:var(--text-color,#111)}.blogTable tbody tr:nth-child(2n) td{background:#fbfdff}@supports (background:color-mix(in srgb,black 10%,white)){.blogTable tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-1,#ffffff) 94%,var(--color-bg-primary,#0b0d10) 6%)}}.blogTable tbody tr:hover td{background:#f5f9ff}@supports (background:color-mix(in srgb,black 10%,white)){.blogTable tbody tr:hover td{background:color-mix(in srgb,var(--surface-1,#ffffff) 88%,var(--color-bg-primary,#0b0d10) 12%)}}.blogScroller:focus-visible{outline:2px solid var(--color-accent,#0ea5e9);outline-offset:2px}.blogBlock{padding:18px 18px 16px;border-radius:14px;border:1px solid var(--border-color,rgba(0,0,0,.08));background:var(--surface-1,#ffffff);color:var(--text-color,#111827);box-shadow:0 8px 24px rgba(0,0,0,.04);margin:20px 0}.blogKicker{display:inline-block;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent,#2563eb);background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.25);padding:3px 8px;border-radius:999px;margin-bottom:8px}@supports (background:color-mix(in srgb,red 10%,transparent)){.blogKicker{background:color-mix(in srgb,var(--color-accent,#2563eb) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent,#2563eb) 35%,transparent)}}.blogTitle{margin:8px 0 10px;font-size:1.1rem;line-height:1.25;color:var(--heading-color,var(--text-color,#111827))}.blogBody :where(p,ul,ol,blockquote){margin:10px 0}.blogBody :where(small,.muted){color:var(--text-muted,inherit)}.blogWrap{border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:12px;background:var(--surface-1,#fff);padding:12px 14px;margin:20px 0;background-image:linear-gradient(to right,transparent 0,transparent 6px,var(--surface-1,#fff) 6px);background-origin:border-box;background-clip:padding-box,border-box}.blog-info{border-left:6px solid var(--color-accent,#0ea5e9)}.blog-success{border-left:6px solid #16a34a}.blog-warning{border-left:6px solid #f59e0b}.blog-danger{border-left:6px solid #ef4444}.blogTitle{font-weight:600;color:var(--heading-color,#111);margin:0 0 6px}.blogBody{color:var(--text-color,#111)}.blogWrap{margin:18px 0}.blogFrame{padding:var(--img-padding,6px);border-radius:calc(var(--img-radius, 12px) + 2px);box-shadow:0 6px 20px rgba(0,0,0,.04)}.blogVariant_accent{border-color:var(--color-accent,#0ea5e9);border-width:2px}.blogInner{position:relative;overflow:hidden;border-radius:var(--img-radius,12px)}.blogImg{object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.blogImgFill{position:absolute;inset:0;width:100%;height:100%}.blogCaption{color:var(--text-muted,#475569)}.blogWrap{--carousel-max-width:640px;--radius:14px;max-width:var(--carousel-max-width);margin:16px auto;color:var(--text-color,#111)}.blogRow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:12px;gap:12px}.blogFrame{position:relative;width:100%;border:1px solid var(--border-color,rgba(0,0,0,.08));border-radius:var(--radius);overflow:hidden;background:var(--surface-1,#fff);box-shadow:0 8px 24px rgba(0,0,0,.04);aspect-ratio:var(--carousel-aspect,16/9)}.blogSlide,.blogStage{width:100%;height:100%}.blogImg{display:block;width:100%;height:auto}.blogCaption{font-size:.9rem;color:var(--text-muted,#4b5563);text-align:center;margin-top:8px}.blogNav{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-accent,#0ea5e9);background:var(--matrix-bg,#ffffff);color:var(--color-accent,#0ea5e9);display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,transform .06s ease,box-shadow .15s ease,border-color .15s ease;box-shadow:0 4px 12px rgba(0,0,0,.08)}.blogNav:hover{background:var(--color-accent,#0ea5e9);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.12)}.blogNav:active{transform:scale(.98)}.blogNavPrev{justify-self:end}.blogNavNext{justify-self:start}.blogChev{font-size:26px;line-height:1;font-weight:700}.blogDots{display:flex;justify-content:center;gap:8px;margin-top:10px}.blogDot{width:8px;height:8px;border-radius:999px;border:1px solid var(--border-color,rgba(0,0,0,.2));background:var(--surface-1,#fff);opacity:.7;cursor:pointer;transition:opacity .15s ease,transform .08s ease,border-color .15s ease,background .15s ease}.blogDot:hover{opacity:1;transform:scale(1.1)}.blogDotActive{background:var(--color-accent,#0ea5e9);border-color:var(--color-accent,#0ea5e9);opacity:1}@media (max-width:540px){.blogRow{gap:8px}.blogNav{width:40px;height:40px}.blogChev{font-size:24px}}.blogGrid{display:grid;grid-gap:14px;gap:14px;margin:18px 0}.blogCard{border:1px solid var(--border-color,rgba(0,0,0,.08));background:var(--surface-1,#fff);border-radius:12px;padding:14px 16px;box-shadow:0 6px 16px rgba(0,0,0,.04)}.blogValue{font-size:1.4rem;font-weight:700;line-height:1.1;color:var(--color-accent,#0ea5e9);letter-spacing:.01em}.blogLabel{margin-top:6px;font-size:.95rem;color:var(--text-color,#111)}.blogHint{margin-top:2px;font-size:.85rem;color:var(--text-muted,#6b7280)}.blogCard:hover{transform:translateY(-1px);transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 20px rgba(0,0,0,.06)}@media (max-width:640px){.blogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}