#root{min-width:100vw}.comp-loading-indicator{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.comp-loading-indicator-content{position:relative;width:40px;height:40px;border-radius:50%}.comp-loading-indicator-content>div{position:absolute;width:40px;height:40px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation-timing-function:ease-in-out;animation-direction:alternate;background:#d4c6e680}.comp-loading-indicator-content>div:first-child{animation:bigToNone 3s;animation-iteration-count:infinite}.comp-loading-indicator-content>div:nth-child(2){animation:noneToBig 3s;animation-iteration-count:infinite}@keyframes bigToNone{0%{width:40px;height:40px}50%{width:20px;height:20px}0%{width:40px;height:40px}}@keyframes noneToBig{0%{width:20px;height:20px}50%{width:40px;height:40px}to{width:20px;height:20px}}.ant-avatar{background:#9c89eb;border:none;border-radius:8px!important}.modal-login{display:flex;flex-direction:column;align-items:center;padding-top:24px}.modal-login .login-type-selector{width:100%;margin-bottom:24px}.modal-login .login-type-selector .ant-radio-group{width:100%;display:flex}.modal-login .login-type-selector .ant-radio-group .ant-radio-button-wrapper{flex:1;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px 8px 0 0}.modal-login .login-type-selector .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:8px 0 0 8px}.modal-login .login-type-selector .ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:0 8px 8px 0}.modal-login .login-title{font-size:18px;font-weight:600;color:#262626;text-align:center;margin-bottom:12px}.modal-login .personal-login{width:100%;display:flex;flex-direction:column;align-items:center}.modal-login .personal-login .wx-qrcode .wx-qrcode-image{width:150px;height:150px}.modal-login .personal-login .dev-login-info{width:100%;padding:16px;background:#fff7e6;border:1px solid #ffd591;border-radius:8px;margin-top:16px}.modal-login .personal-login .dev-login-info div:first-child{color:#d46b08;font-weight:500;margin-bottom:8px}.modal-login .personal-login .dev-login-info .login-url{word-break:break-all;color:#8c8c8c;font-size:12px;line-height:1.4}.modal-login .personal-login .wx-login-tip{color:#8c8c8c;font-size:14px;text-align:center;margin-top:16px}.modal-login .team-login{width:100%}.modal-login .team-login .ant-form-item-label>label{font-weight:500;color:#262626;font-size:14px}.modal-login .team-login .ant-input-affix-wrapper{border-radius:8px;border:1px solid #d9d9d9;transition:all .3s;font-size:14px;height:36px}.modal-login .team-login .ant-input-affix-wrapper:hover{border-color:#4096ff}.modal-login .team-login .ant-input-affix-wrapper.ant-input-affix-wrapper-focused{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff1a}.modal-login .team-login .ant-input-affix-wrapper .ant-input{font-size:14px}.modal-login .team-login .ant-btn-primary{border-radius:8px;height:36px;font-weight:500;font-size:14px}.modal-login .team-login .team-login-tip{margin-top:24px;padding:12px 16px;background:#f6f8fa;border-radius:8px;border-left:4px solid #4096ff}.modal-login .team-login .team-login-tip div{color:#595959;font-size:13px;line-height:1.5;margin-bottom:4px}.modal-login .team-login .team-login-tip div:last-child{margin-bottom:0}@media (max-width: 480px){.modal-login .login-type-selector .ant-radio-group .ant-radio-button-wrapper{font-size:14px;padding:8px 12px}.modal-login .personal-login .wx-qrcode{padding:16px}.modal-login .personal-login .wx-qrcode .wx-qrcode-image{width:120px;height:120px}.modal-login .team-login .ant-btn-primary{height:44px;font-size:16px}}.comp-dialog-pay-box{z-index:2000!important}.comp-dialog-pay .ant-modal-close{color:#eee}.comp-dialog-pay .buy-content-box{position:relative;overflow:hidden;border-radius:8px;background:#fff;margin:-20px -24px;padding:20px 24px}.comp-dialog-pay .buy-content-box .buy-content-box-bg-1{position:absolute;background:#4538e7;border-radius:50%;width:2000px;height:1000px;left:-650px;top:-876px}.comp-dialog-pay .buy-content{z-index:10;padding:0 20px;display:flex;flex-direction:column;position:relative}.comp-dialog-pay .buy-content .buy-content-team{text-align:center;padding:24px 0}.comp-dialog-pay .buy-content .buy-header{height:80px;align-items:center;display:flex;margin-bottom:36px}.comp-dialog-pay .buy-content .buy-header .buy-user{display:flex;align-items:center;gap:12px;flex:1}.comp-dialog-pay .buy-content .buy-header .buy-user .ant-avatar{width:48px;height:48px}.comp-dialog-pay .buy-content .buy-header .buy-user .buy-user-info .buy-user-name{font-size:16px;font-weight:700;margin-bottom:4px;color:#eee}.comp-dialog-pay .buy-content .buy-header .buy-user .buy-user-info .buy-user-is-pro{font-size:12px;color:#ccc}.comp-dialog-pay .buy-content .buy-content-buy-type{display:flex;justify-content:center;gap:48px;margin-bottom:36px}.comp-dialog-pay .buy-content .buy-content-buy-type .buy-type-item{width:140px;height:140px;border-radius:12px;border:2px solid transparent;box-shadow:0 0 0 1px #1d4b8c1a,0 10px 15px -2px #283d6626,0 4px 6px -2px #0000000d,inset 0 0 0 1px #ffffffb3;text-align:center;position:relative;padding:14px 0;transition:all .3s;cursor:pointer}.comp-dialog-pay .buy-content .buy-content-buy-type .buy-type-item:hover{border-color:#4538e7!important}.comp-dialog-pay .buy-content .buy-content-buy-type .buy-type-item-name{font-size:14px;font-weight:700;margin-bottom:12px}.comp-dialog-pay .buy-content .buy-content-buy-type .buy-type-item-price{font-weight:700;height:40px;line-height:40px;margin-bottom:12px}.comp-dialog-pay .buy-content .buy-content-buy-type .buy-type-item-price-origin{font-size:12px;text-decoration:line-through;color:#999}.comp-dialog-pay .buy-content .buy-content-buy-type .buy-type-item-message{position:absolute;font-size:12px;right:-10px;top:-10px;color:#fff;background:#4538e7;padding:2px 6px;border-radius:8px;font-weight:700}.comp-dialog-pay .buy-content .buy-content-buy-code{border-radius:12px;border:1px solid #ccc;padding:12px;display:flex;align-items:center;gap:24px;margin-bottom:12px;position:relative}.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-left,.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-QR{width:84px;height:84px;position:relative}.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-left .buy-end,.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-QR .buy-end{top:0;left:0;width:100%;height:100%;z-index:1;background:#fffffff2;position:absolute;display:flex;align-items:center;justify-content:center}.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-left .buy-end .anticon,.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-QR .buy-end .anticon{font-size:24px;color:#4caf50}.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-right{flex:1;display:flex;flex-direction:column;gap:4px;font-size:12px;position:relative}.comp-dialog-pay .buy-content .buy-content-buy-code .buy-code-right .buy-end-message{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#fffffff2;color:#000;display:flex;align-items:center;font-size:14px;font-weight:700}.comp-dialog-pay .buy-content .buy-content-footer{display:flex;justify-content:center;font-size:12px;align-items:center}.comp-dialog-pay .buy-content .buy-content-footer button{font-size:12px}.logo-box{width:200px}.logo-box .logo{display:flex;align-items:center;font-size:14px;font-weight:700;cursor:pointer;text-align:left}.logo-box .logo img{width:30px;margin-right:8px}.logo-box .logo .name{flex:1}.logo-box .logo .name div{line-height:1.2}.container-header{padding:0 50px;display:flex;background:transparent;height:64px;z-index:10;align-items:center;z-index:1}.container-header .header-menu{flex:1;padding:0 24px}.container-header .header-menu .ant-menu{border-bottom:0;align-items:center;justify-content:center;height:100%;background:transparent}.container-header .header-menu .ant-menu .ant-menu-item{position:relative;z-index:1;background:transparent;transition:all .3s;line-height:48px;height:48px;font-weight:500}.container-header .header-menu .ant-menu .ant-menu-item:before{content:"";position:absolute;width:100%;height:100%;border-radius:20px;left:0;right:0;transform:scale(0);transition:all .2s;background-color:#4538e726;z-index:-1}.container-header .header-menu .ant-menu .ant-menu-item:hover:before{transform:scale(1)}.container-header .header-menu .ant-menu .ant-menu-item:after{display:none}.container-header .header-menu .ant-menu .ant-menu-item:hover{font-weight:700}.container-header .header-menu .ant-menu .ant-menu-item:active{font-weight:400}.container-header .header-menu .ant-menu .ant-menu-item.ant-menu-item-selected{color:inherit}.container-header .container-userInfo{width:200px;text-align:right;height:48px;line-height:48px}.container-header .container-userInfo .login-button:hover{background:#4538e726}.container-header .container-userInfo .avatar-box{cursor:pointer;position:relative;width:48px;height:48px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s}.container-header .container-userInfo .avatar-box:hover{background:#4538e726}.container-header .container-userInfo .avatar-box .pro-crown{position:absolute;top:-1px;right:-2px;font-size:20px;color:#fdd143;z-index:10;transform:rotate(45deg)}.user-box .user-box-name{font-weight:700;font-size:14px;text-align:center;margin-bottom:8px}.user-box .user-is-pro{line-height:24px;font-size:14px;text-align:center;color:#666}.user-box button{margin-top:8px}.user-card{width:330px;padding:0 8px}.user-card-info{display:flex;height:48px;align-items:center}.user-card-info-right{flex:1;overflow:hidden}.user-card-info-right div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-enterprise-title{font-weight:700;margin-bottom:6px}.user-card-enterprise-item{display:flex;align-items:center;height:40px;transition:all .3s;border-radius:6px;padding:0 12px 0 4px;cursor:pointer}.user-card-enterprise-item-name{flex:1;padding:0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.user-card-enterprise-item:hover{background:#0000000a}.user-card-enterprise-no{color:#888}.comp-image-load,.comp-image-load-spin{background:transparent;overflow:hidden}.comp-image-load.radius12,.comp-image-load-spin.radius12{border-radius:12px}.comp-image-load{border-radius:12px;line-height:1}.comp-image-load-spin .ant-spin-container,.comp-image-load-spin .comp-image-load{width:100%;height:100%}.HoverAndActiveBg{cursor:pointer}.HoverAndActiveBg:hover{background:#e0e0e0}.HoverAndActiveBg:active{background:#9e9e9e}#container{width:100vw;min-height:100vh;background:#f8f8f8;color:#222}.container-content{min-height:calc(100vh - 400px);display:flex}.container-content>div{min-height:100%;width:100%}.container-content.container-content-no-layout .page-workspace .ant-layout .ant-layout-content{margin:0}.container-footer{z-index:1;padding:40px 0 12px;text-align:center;background:#f8f8f8;color:#3c3c3cb3;margin:0 50px}.container-footer .footer-content{background-image:linear-gradient(to right,#222 0,#222 10%,#fff0 10%);background-position:top;background-size:8px 1px;background-repeat:repeat-x;padding:40px;display:flex;gap:80px;justify-content:center}.container-footer .footer-content .flow-us-image{width:150px;height:150px}.container-footer .footer-content .some-link{display:flex;flex-direction:column;gap:12px}.container-footer .icp{margin:10px;display:flex;align-items:center;justify-content:center}.container-footer .icp a{display:flex;align-items:center}.modal-diff-user{text-align:center}.modal-diff-user .diff-user-title{font-size:16px;font-weight:700}.modal-diff-user .diff-content{display:flex;align-items:center;margin:24px 0}.modal-diff-user .diff-content .diff-content-item{flex:1}.modal-diff-user .diff-content .diff-content-item-next{color:#4538e7}.modal-diff-user .diff-content .diff-content-item .diff-content-item-title{font-weight:700}.modal-diff-user .diff-content .diff-content-item .ant-avatar{width:64px;height:64px;margin:12px 0}.modal-diff-user .diff-content .diff-content-item .diff-content-item-name{font-size:16px;font-weight:700}.modal-pro{display:flex;flex-direction:column;align-items:center;font-weight:700}.modal-pro .flow-us-box{display:flex;gap:12px}.modal-pro .flow-us-box .flow-us{width:150px;height:150px}.cop-header-fixed{position:fixed;left:0;width:100%;background:#f8f8f8;transition:all .3s;z-index:20}.page-error-page{height:100vh;display:flex;align-items:center;flex-direction:column;justify-content:center}.page-error-page .footer-button{width:200px;margin:40px auto 0}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;min-height:100vh}body.cannot-scroll{height:100vh;overflow:hidden}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f8f8f8;overflow-x:hidden}}.ant-modal-mask{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media screen and (max-width: 1024px){body .container-content{min-height:0}body .container-header{padding:0 12px}body .container-header .ant-menu-horizontal .ant-menu-item{padding-inline:8px}body .container-header .logo-box,body .container-header .container-userInfo{width:initial}body .container-footer .footer-content{flex-direction:column;align-items:center;gap:40px}body .page-home .header-box{padding:80px 0 50px}body .page-home .extension-download{flex-direction:column;height:auto;gap:24px}body .page-home .product-introduction{gap:40px;padding:40px 20px}body .page-home .product-introduction .introduction-both{padding:24px}body .page-how-to-use{margin:0 20px;padding:20px}body .page-my-workspace{padding:20px}body .page-my-workspace .work-list .work-list-item{width:100%;height:auto}body .page-my-workspace .work-list .work-list-item .item-content{height:calc(100vw - 500px);min-height:140px}body .page-pro{padding:20px;min-width:100px}body .page-pro .pro-parent{min-width:100px;padding:0;flex-direction:column-reverse;height:auto}body .page-pro .pro-parent .pro-box{width:auto;padding:0}body .page-pro .pro-parent .pro-box .pro-box-content{padding:20px}body .modal-pro-message-content{flex-direction:column}body .modal-pro-message-content .left-box{width:100%}body .modal-pro-message-content .left-box-menu{flex-direction:row;width:100%}body .modal-pro-message-content .left-box-menu .left-box-menu-item{flex:1}}