.lang-integrate{padding:92px 0}.pbx.lang-integrate.bg-soft{background:linear-gradient(135deg,#fcfcfc,#f4f7ff)}.lang-integrate .split{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1.05fr}.lang-integrate.flip .split{grid-template-columns:1.05fr 1fr}.lang-integrate.flip .li-text{order:2}.lang-integrate.flip .code-shell{order:1}.lang-integrate .frameworks{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 30px}.lang-integrate .fw{align-items:center;background:#fff;border:1px solid var(--n200);border-radius:100px;color:var(--n700);display:inline-flex;font-family:var(--sans);font-size:13px;font-weight:600;gap:7px;padding:8px 15px}.lang-integrate .fw .ic{color:var(--blue)}.lang-integrate .code-shell .top{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;padding:12px 16px}.lang-integrate .code-shell .top .name{align-items:center;color:#fff;display:flex;font-family:var(--sans);font-size:13px;font-weight:600;gap:8px}.lang-integrate .code-shell .top .name .ic{color:var(--yellow)}.lang-integrate .copy-btn{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:#cdd6f4;cursor:pointer;display:inline-flex;font-family:var(--sans);font-size:12px;font-weight:600;gap:6px;margin-left:auto;padding:6px 11px}.lang-integrate .copy-btn:hover{background:hsla(0,0%,100%,.16)}.lang-integrate .li-code{min-width:0}.pbx.lang-integrate .li-code{height:440px;overflow:auto;scrollbar-color:hsla(0,0%,100%,.25) transparent;scrollbar-width:thin}.pbx.lang-integrate .li-code::-webkit-scrollbar{height:10px;width:10px}.pbx.lang-integrate .li-code::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);background-clip:content-box;border:2px solid transparent;border-radius:8px}.pbx.lang-integrate .li-code::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.32);background-clip:content-box}@media(max-width:900px){.lang-integrate .split{gap:32px;grid-template-columns:1fr}.lang-integrate.flip .code-shell,.lang-integrate.flip .li-text{order:0}.pbx.lang-integrate .li-code{height:360px}}