.user-pwd-code{align-items:center;background:var(--White);border:1px solid #e0e6f1;border-radius:4px;display:flex;flex:none;flex-direction:column;height:421px;width:553px}.user-pwd-code .code-tl{align-items:flex-start;background-color:#f4f5f8;border-radius:4px 4px 0 0;display:flex;height:32px;width:100%}.user-pwd-code .code-tl .tl1{margin-left:15px;margin-top:12px;width:38.88px}.user-pwd-code .code-tl .tl2{align-items:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUkAAAAyBAMAAAAjNjQtAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAABVQTFRF////R3BM////////////////////VbTJrAAAAAZ0Uk5TnQAQIFLXNzBr0gAAAHhJREFUeNrtzrEJwgAYhNGrUv8XtHeF4AJaxFosrAPC7T+Ca1zgexM82fZ6r7XZ9she9xR7P+2RvafasXnkSbmfR17SbhtdUu8zuqbeMXql301L+j30TT8pLFmyZMmSJUuWLFmyZMmSJUuWLFmyZMmSJUuWLM+8/AOykJw9jSCf5AAAAABJRU5ErkJggg==);background-size:cover;display:flex;height:24.65px;margin-left:29.14px;margin-top:9.66px;width:164.333px}.user-pwd-code .code-tl .tl2 .tl3{margin-left:18.49px}.user-pwd-code .code-box{background:#fbfcfd;border-radius:4px 4px 0 0;flex:1;margin-top:15.21px;padding:17px 0 10px 20px;position:relative;width:calc(100% - 38px)}.user-pwd-code .code-box .luna-select{width:calc(100% - 20px)}.user-pwd-code .code-box .luna-select .ant-select{width:100%}.user-pwd-code .code-box .luna-select .ant-select .ant-select-selector{background:#fdfdfe;border:1px solid var(--BK_03);color:var(--BK_01);font-size:14px;font-weight:400;height:38px;line-height:100%}.user-pwd-code .code-box .luna-select .ant-select .ant-select-selector .ant-select-selection-item{line-height:38px}.user-pwd-code .code-box .code-item{height:233px;margin-top:15px;overflow-y:auto;padding-right:20px;width:100%}.user-pwd-code .code-box .code-item::-webkit-scrollbar-thumb{background:#e1e1e1;border-radius:10px}.user-pwd-code .code-box .code-item::-webkit-scrollbar-button{display:none}.user-pwd-code .code-box .code-item::-webkit-scrollbar-track{background-color:#fbfcfd;border-radius:6px}.user-pwd-code .code-box .code-item::-webkit-scrollbar{background-color:#fff;width:6px}.user-pwd-code .code-box .code-item .code-proxy-copy{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAAAlQTFRFR3BMPElkPElkwmHZ0AAAAAJ0Uk5TAN9g/wJ9AAAAOklEQVR42mPADxiZMAAjXJIJC0CSRDeLHpK43AyWxONmIIHV8FFJuCQY4JBkxCE54OkBE+BN2vgzAwAFzAHSCxX+1AAAAABJRU5ErkJggg==) no-repeat 50%/14px 14px;cursor:pointer;height:28px;position:absolute;right:20px;top:67px;transition:all .2s;width:28px}.user-pwd-code .code-box .code-item .code-proxy-copy:hover{background-color:#eaedf2;border-radius:2px}.user-pwd-code .code-box .code-item .code code,.user-pwd-code .code-box .code-item .code pre{color:var(--BK_01);font-size:13px;font-weight:400;line-height:170%;white-space:pre-wrap;word-break:break-all}.user-pwd-code .code-box .code-item .code code span,.user-pwd-code .code-box .code-item .code pre span{display:inline;word-break:break-all}.user-pwd-code .code-box .code-item .code .hljs{background:transparent;padding:0}.user-pwd-code .code-box .code-item .code .blogpost-body pre{color:var(--BK_01);font-size:13px;font-weight:400;line-height:170%;white-space:pre-wrap;word-break:break-all}.user-pwd-code .code-box .code-item .code .blogpost-body pre span{display:inline;word-break:break-all}.user-pwd-code .code-box .code-item .code .blogpost-body pre span.hljs-string,.user-pwd-code .code-box .code-item .code .blogpost-body pre span.operator,.user-pwd-code .code-box .code-item .code .blogpost-body pre span.string{color:var(--VI_02)}.user-pwd-code .code-box .code-item .code .blogpost-body pre span.hljs-string .hljs-subst,.user-pwd-code .code-box .code-item .code .blogpost-body pre span.operator .hljs-subst,.user-pwd-code .code-box .code-item .code .blogpost-body pre span.string .hljs-subst{color:#e06c75}.user-pwd-code .code-box .code-item .code .blogpost-body pre span.hljs-keyword,.user-pwd-code .code-box .code-item .code .blogpost-body pre span.keyword{color:#c678dd}.user-pwd-code .code-box .code-item .code .blogpost-body pre span.hljs-title{color:#e6c07b}.user-pwd-code .code-box .code-item .code .blogpost-body pre span.function-title{color:#61aeee}.user-pwd-code .code-box .code-item .code .blogpost-body pre span.hljs-attr{color:#f99899}.user-pwd-code .code-box .code-item .code .blogpost-body pre span.hljs-variable{color:var(--BK_02)}.user-pwd-code .code-tab{background:var(--White);border-radius:0 0 4px 4px;border-top:1px solid var(--Line_01);display:flex;padding:13px 20px 11.62px;width:100%}.user-pwd-code .code-tab .code-pane{align-items:center;color:var(--BK_02);cursor:pointer;display:flex;font-size:13.176px;font-weight:500;gap:7.277px;justify-content:center;line-height:100%;padding:7.19px 20.542px}.user-pwd-code .code-tab .code-pane.active{background:var(--BK_01);border-radius:21.832px;color:var(--White);font-size:13.176px;font-weight:500;line-height:100%}@media screen and (max-width:1440px)and (min-width:960px){.user-pwd-code{width:464px}.user-pwd-code .code-tab{overflow-x:auto}.user-pwd-code .code-tab::-webkit-scrollbar{height:4px;width:3px}.user-pwd-code .code-tab::-webkit-scrollbar-thumb{background-color:#e1e1e1;border-radius:4px}}@media screen and (max-width:960px){.user-pwd-code{width:468px}.user-pwd-code .code-tab{overflow-x:auto}.user-pwd-code .code-tab::-webkit-scrollbar{height:4px;width:3px}.user-pwd-code .code-tab::-webkit-scrollbar-thumb{background-color:#e1e1e1;border-radius:4px}}@media screen and (max-width:600px){.user-pwd-code{width:100%}}