#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}}.modal-login{display:flex;flex-direction:column;align-items:center;font-weight:700}.modal-login .wx-qrcode{margin-top:12px}.modal-login .wx-qrcode .wx-qrcode-image{width:150px;height:150px}.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-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}.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%}.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)}.HoverAndActiveBg{cursor:pointer}.HoverAndActiveBg:hover{background:#e0e0e0}.HoverAndActiveBg:active{background:#9e9e9e}#container{width:100vw;min-height:100vh;background:#f8f8f8;color:#222}.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}.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}*{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-workspace-item-pc{min-width:100px;padding:20px}body .page-workspace-item-pc .workspace-center{padding:0!important;width:100%!important;min-width:0!important}body .page-workspace-item-pc .top-header-button-fixed{padding:0 20px}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}}