#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}}.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)}.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}.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-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}.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}.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 .flow-us{width:150px;height:150px}.cop-header-fixed{position:fixed;left:0;width:100%;background:#f8f8f8;transition:all .3s;z-index:20}.modal-pro-message .ant-modal-content{background:#f8fafc;padding:0;overflow:hidden}.modal-pro-message .ant-modal-footer{padding:16px;margin:0}.modal-pro-message-content{display:flex;border-bottom:1px solid #ddd;background:#f8fafc}.modal-pro-message-content .left-box{width:220px;padding:16px}.modal-pro-message-content .left-box-title{font-size:16px;font-weight:700;margin-bottom:12px}.modal-pro-message-content .left-box-menu{display:flex;flex-direction:column;gap:12px}.modal-pro-message-content .left-box-menu-item{cursor:pointer;height:64px;padding-left:14px;display:flex;align-items:center;gap:8px;width:100%;transition:all .3s;border-radius:6px;box-shadow:#0000 0 0,#0000 0 0,#1d4b8c1a 0 0 0 1px}.modal-pro-message-content .left-box-menu-item:hover,.modal-pro-message-content .left-box-menu-item-select{box-shadow:0 0 0 1px #1d4b8c1a,0 10px 15px -2px #283d6626,0 4px 6px -2px #0000000d,inset 0 0 0 1px #ffffffb3;background:#fff}.modal-pro-message-content .right-box{flex:1;height:410px;background:#fff}.modal-pro-message-content .right-box .right-box-item-image{width:100%;height:300px}.modal-pro-message-content .right-box .right-box-item-image .comp-image-load-spin{width:100%;height:100%}.modal-pro-message-content .right-box .right-box-item-image .comp-image-load-spin .comp-image-load{border-radius:0}.modal-pro-message-content .right-box .right-box-item-name{margin-top:16px;text-align:center;font-weight:700;font-size:16px;padding:0 24px}.modal-pro-message-content .right-box .right-box-item-desc{font-size:12px;text-align:center;line-height:20px;color:#475569;padding:0 24px;margin-top:8px}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}@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-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{min-width:100px;padding:20px}body .page-workspace-item .workspace-center{padding:0!important;width:100%!important;min-width:0!important}body .page-workspace-item .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}}