.bf-controlbar{margin:0;padding:0 5px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2)}.bf-controlbar:after{display:block;content:"";clear:both}.bf-controlbar button{padding:0;outline:none}.bf-controlbar button[disabled]{pointer-events:none;opacity:.3}.bf-controlbar [data-title]{position:relative}.bf-controlbar [data-title]:after,.bf-controlbar [data-title]:before{position:absolute;z-index:10;top:100%;left:50%;pointer-events:none;opacity:0;transform:translateX(-50%) translateY(-5px);transition:opacity .3s,transform .3s}.bf-controlbar [data-title]:before{margin-top:3px;border:5px solid transparent;border-bottom-color:#21242a;content:""}.bf-controlbar [data-title]:after{margin-top:12px;padding:5px;background-color:#21242a;border-radius:2px;box-shadow:0 5px 15px rgba(0,0,0,.2);color:#fff;font-size:12px;line-height:16px;white-space:nowrap;content:attr(data-title)}.bf-controlbar [data-title]:hover:after,.bf-controlbar [data-title]:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.bf-controlbar input{outline:none}.bf-controlbar .separator-line{display:block;float:left;height:26px;width:1px;margin:10px;box-shadow:inset -1px 0 0 0 rgba(0,0,0,.1)}.bf-controlbar .separator-line+.control-item,.bf-controlbar .separator-line+.control-item-group{margin-left:0}.bf-controlbar .separator-line+.separator-line,.bf-controlbar .separator-line.first-child,.bf-controlbar .separator-line.last-child{display:none}.bf-controlbar .control-item-group{float:left;height:36px;margin:5px 0 5px 3px}.bf-controlbar .control-item-group:first-child{margin-left:0}.bf-controlbar .control-item-group>.control-item{margin-top:0;margin-bottom:0}.bf-controlbar .dropdown-handler{border-radius:2px}.bf-controlbar .control-item{display:block;float:left;height:36px;margin:5px 0 5px 3px;border-radius:2px;cursor:pointer}.bf-controlbar .control-item.component-wrapper{cursor:default}.bf-controlbar .control-item:first-child{margin-left:0}.bf-controlbar .control-item.button{box-sizing:border-box;min-width:36px;padding:0 8px;background-color:transparent;border:none;color:#6a6f7b;font-size:14px}.bf-controlbar .control-item.button:hover{background-color:rgba(0,0,0,.05)}.bf-controlbar .control-item.button.active{color:#3498db}.bf-controlbar .control-item.button i:before{display:block;height:36px;font-size:18px;line-height:36px}.bf-controlbar .control-item.button .bfi-redo:before,.bf-controlbar .control-item.button .bfi-undo:before{font-size:14px}.bf-controlbar .dropdown .control-item{width:100%;float:none;margin:0}.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:hsla(0,0%,100%,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(a) ". ";counter-increment:a}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(b) ". ";counter-increment:b}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(c) ". ";counter-increment:c}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(d) ". ";counter-increment:d}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(e) ". ";counter-increment:e}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:a}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:b}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:c}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:d}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:e}.bf-video-player video{display:block;width:640px;max-width:80vw;height:auto;margin:0 10px 10px;object-fit:contain}.bf-switch{position:relative;width:32px;height:16px;background-color:hsla(0,0%,100%,.15);border-radius:8px;transition:background .3s}.bf-switch.active{background-color:#3498db}.bf-switch.active:before{left:16px}.bf-switch:before{position:absolute;left:0;display:block;width:16px;height:16px;border-radius:8px;background-color:#eee;content:"";transform:scale(1.2);transition:.3s}@font-face{font-family:braft-icons;src:url(data:application/font-woff;base64,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);font-weight:400;font-style:normal}.bf-container [class*=" bfi-"],.bf-container [class^=bfi-],.bf-modal-root [class*=" bfi-"],.bf-modal-root [class^=bfi-]{font-family:braft-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bf-container .bfi-table:before,.bf-modal-root .bfi-table:before{content:"\E228"}.bf-container .bfi-clear_all:before,.bf-modal-root .bfi-clear_all:before{content:"\E0B8"}.bf-container .bfi-format_clear:before,.bf-modal-root .bfi-format_clear:before{content:"\E239"}.bf-container .bfi-hr:before,.bf-modal-root .bfi-hr:before{content:"\E925"}.bf-container .bfi-colorize:before,.bf-modal-root .bfi-colorize:before{content:"\E3B8"}.bf-container .bfi-crop_free:before,.bf-modal-root .bfi-crop_free:before{content:"\E3C2"}.bf-container .bfi-pause:before,.bf-modal-root .bfi-pause:before{content:"\E034"}.bf-container .bfi-play_arrow:before,.bf-modal-root .bfi-play_arrow:before{content:"\E037"}.bf-container .bfi-bin:before,.bf-modal-root .bfi-bin:before{content:"\E9AC"}.bf-container .bfi-replay:before,.bf-modal-root .bfi-replay:before{content:"\E042"}.bf-container .bfi-tune:before,.bf-modal-root .bfi-tune:before{content:"\E429"}.bf-container .bfi-close:before,.bf-modal-root .bfi-close:before{content:"\E913"}.bf-container .bfi-align-center:before,.bf-modal-root .bfi-align-center:before{content:"\E028"}.bf-container .bfi-align-justify:before,.bf-modal-root .bfi-align-justify:before{content:"\E026"}.bf-container .bfi-align-left:before,.bf-modal-root .bfi-align-left:before{content:"\E027"}.bf-container .bfi-align-right:before,.bf-modal-root .bfi-align-right:before{content:"\E029"}.bf-container .bfi-image-right:before,.bf-modal-root .bfi-image-right:before{content:"\E914"}.bf-container .bfi-image-left:before,.bf-modal-root .bfi-image-left:before{content:"\E91E"}.bf-container .bfi-music:before,.bf-modal-root .bfi-music:before{content:"\E90E"}.bf-container .bfi-camera:before,.bf-modal-root .bfi-camera:before{content:"\E911"}.bf-container .bfi-copy:before,.bf-modal-root .bfi-copy:before{content:"\E92C"}.bf-container .bfi-file-text:before,.bf-modal-root .bfi-file-text:before{content:"\E926"}.bf-container .bfi-film:before,.bf-modal-root .bfi-film:before{content:"\E91C"}.bf-container .bfi-github:before,.bf-modal-root .bfi-github:before{content:"\EAB0"}.bf-container .bfi-ltr:before,.bf-modal-root .bfi-ltr:before{content:"\EA74"}.bf-container .bfi-page-break:before,.bf-modal-root .bfi-page-break:before{content:"\EA68"}.bf-container .bfi-pagebreak:before,.bf-modal-root .bfi-pagebreak:before{content:"\EA6E"}.bf-container .bfi-paint-format:before,.bf-modal-root .bfi-paint-format:before{content:"\E90C"}.bf-container .bfi-paste:before,.bf-modal-root .bfi-paste:before{content:"\E92D"}.bf-container .bfi-pilcrow:before,.bf-modal-root .bfi-pilcrow:before{content:"\EA73"}.bf-container .bfi-pushpin:before,.bf-modal-root .bfi-pushpin:before{content:"\E946"}.bf-container .bfi-redo:before,.bf-modal-root .bfi-redo:before{content:"\E968"}.bf-container .bfi-rtl:before,.bf-modal-root .bfi-rtl:before{content:"\EA75"}.bf-container .bfi-spinner:before,.bf-modal-root .bfi-spinner:before{content:"\E980"}.bf-container .bfi-subscript:before,.bf-modal-root .bfi-subscript:before{content:"\EA6C"}.bf-container .bfi-superscript:before,.bf-modal-root .bfi-superscript:before{content:"\EA6B"}.bf-container .bfi-undo:before,.bf-modal-root .bfi-undo:before{content:"\E967"}.bf-container .bfi-media:before,.bf-modal-root .bfi-media:before{content:"\E90F"}.bf-container .bfi-add:before,.bf-modal-root .bfi-add:before{content:"\E918"}.bf-container .bfi-bold:before,.bf-modal-root .bfi-bold:before{content:"\E904"}.bf-container .bfi-code:before,.bf-modal-root .bfi-code:before{content:"\E903"}.bf-container .bfi-done:before,.bf-modal-root .bfi-done:before{content:"\E912"}.bf-container .bfi-drop-down:before,.bf-modal-root .bfi-drop-down:before{content:"\E906"}.bf-container .bfi-drop-up:before,.bf-modal-root .bfi-drop-up:before{content:"\E909"}.bf-container .bfi-emoji:before,.bf-modal-root .bfi-emoji:before{content:"\E91B"}.bf-container .bfi-font-size:before,.bf-modal-root .bfi-font-size:before{content:"\E920"}.bf-container .bfi-fullscreen:before,.bf-modal-root .bfi-fullscreen:before{content:"\E910"}.bf-container .bfi-fullscreen-exit:before,.bf-modal-root .bfi-fullscreen-exit:before{content:"\E90D"}.bf-container .bfi-help:before,.bf-modal-root .bfi-help:before{content:"\E902"}.bf-container .bfi-indent-decrease:before,.bf-modal-root .bfi-indent-decrease:before{content:"\E92F"}.bf-container .bfi-indent-increase:before,.bf-modal-root .bfi-indent-increase:before{content:"\E92E"}.bf-container .bfi-info:before,.bf-modal-root .bfi-info:before{content:"\E901"}.bf-container .bfi-italic:before,.bf-modal-root .bfi-italic:before{content:"\E924"}.bf-container .bfi-link:before,.bf-modal-root .bfi-link:before{content:"\E91A"}.bf-container .bfi-link-off:before,.bf-modal-root .bfi-link-off:before{content:"\E919"}.bf-container .bfi-list:before,.bf-modal-root .bfi-list:before{content:"\E923"}.bf-container .bfi-list-numbered:before,.bf-modal-root .bfi-list-numbered:before{content:"\E922"}.bf-container .bfi-menu:before,.bf-modal-root .bfi-menu:before{content:"\E908"}.bf-container .bfi-more-horiz:before,.bf-modal-root .bfi-more-horiz:before{content:"\E90B"}.bf-container .bfi-more-vert:before,.bf-modal-root .bfi-more-vert:before{content:"\E90A"}.bf-container .bfi-not-disturb:before,.bf-modal-root .bfi-not-disturb:before{content:"\E907"}.bf-container .bfi-print:before,.bf-modal-root .bfi-print:before{content:"\E915"}.bf-container .bfi-quote:before,.bf-modal-root .bfi-quote:before{content:"\E921"}.bf-container .bfi-search:before,.bf-modal-root .bfi-search:before{content:"\E916"}.bf-container .bfi-settingsx:before,.bf-modal-root .bfi-settingsx:before{content:"\E917"}.bf-container .bfi-share:before,.bf-modal-root .bfi-share:before{content:"\E905"}.bf-container .bfi-share-square:before,.bf-modal-root .bfi-share-square:before{content:"\E900"}.bf-container .bfi-strikethrough:before,.bf-modal-root .bfi-strikethrough:before{content:"\E91F"}.bf-container .bfi-text-color .path1:before,.bf-modal-root .bfi-text-color .path1:before{font-family:braft-icons!important;content:"\E930";opacity:.36}.bf-container .bfi-text-color .path2:before,.bf-modal-root .bfi-text-color .path2:before{font-family:braft-icons!important;content:"\E931";margin-left:-1em}.bf-container .bfi-underlined:before,.bf-modal-root .bfi-underlined:before{content:"\E91D"}.bf-content{height:500px;padding-bottom:10px;overflow:auto;font-size:16px}.bf-content img{user-select:none}.bf-content *{line-height:normal}.bf-container{position:relative;height:100%;padding:0}.bf-container.disabled{pointer-events:none;opacity:.7;filter:grayscale(70%)}.bf-container.read-only .bf-controlbar{pointer-events:none}.bf-container.read-only .bf-image img:hover{outline:none}.bf-container.read-only .bf-hr{pointer-events:none}.bf-container.fullscreen{position:fixed;display:flex;flex-direction:column;z-index:99999;top:0;right:0;bottom:0;left:0;background-color:#fff;height:100%!important}.bf-container.fullscreen .bf-content{flex-grow:1;height:auto}.bf-container .input-group{display:block}.bf-container .input-group input{box-sizing:border-box;width:100%;height:36px;padding:0 15px;font-size:14px}.bf-container .pull-left{float:left}.bf-container .pull-right{float:right}.bf-container button{line-height:normal}.bf-container button.default,.bf-container button.ghost,.bf-container button.primary{height:32px;padding:0 20px;color:#fff;font-size:12px}.bf-container button.default{background-color:hsla(0,0%,100%,.15);border:none}.bf-container button.default:hover{background-color:hsla(0,0%,100%,.1)}.bf-container button.ghost{background-color:transparent;border:none;box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.5)}.bf-container button.ghost:hover{box-shadow:inset 0 0 0 .5px hsla(0,0%,100%,.7)}.bf-container button.primary{background-color:#3498db;border:none;color:#fff}.bf-container button.primary:hover{background-color:#2084c7}.bf-container .public-DraftEditorPlaceholder-root{top:15px;left:15px;font-size:16px;pointer-events:none}.bf-container .DraftEditor-editorContainer{box-sizing:border-box;border:none}.bf-container .DraftEditor-root,.bf-container .public-DraftEditor-content{height:100%}.bf-container .public-DraftEditor-content{box-sizing:border-box;padding:15px;word-wrap:break-word;word-break:break-all}.bf-container .public-DraftEditor-content>div{padding-bottom:20px}.bf-container .public-DraftEditor-content .braft-link{color:#4078c0}.bf-container .public-DraftEditor-content blockquote{margin:0 0 10px;padding:15px 20px;background-color:#f1f2f3;border-left:5px solid #ccc;color:#666;font-style:italic}.bf-container .public-DraftEditor-content pre{max-width:100%;max-height:100%;margin:10px 0;padding:15px;overflow:auto;background-color:#f1f2f3;border-radius:3px;color:#666;font-family:monospace;font-size:14px;font-weight:400;line-height:16px;word-wrap:break-word;white-space:pre-wrap}.bf-container .public-DraftEditor-content pre pre{margin:0;padding:0}.bf-container .bfa-left,.bf-container .bfa-left .public-DraftStyleDefault-ltr{text-align:left}.bf-container .bfa-right,.bf-container .bfa-right .public-DraftStyleDefault-ltr{text-align:right}.bf-container .bfa-center,.bf-container .bfa-center .public-DraftStyleDefault-ltr{text-align:center}.bf-container .bfa-justify,.bf-container .bfa-justify .public-DraftStyleDefault-ltr{text-align:justify}.bf-container .bfa-center>div,.bf-container .bfa-justify>div,.bf-container .bfa-left>div,.bf-container .bfa-right>div{display:inline-block}.bf-container .bff-left:hover,.bf-container .bff-right:hover{z-index:2}.bf-container .bff-left{position:relative;z-index:1;float:left;margin:0 10px 0 0}.bf-container .bff-right{position:relative;z-index:1;float:right;margin:0 0 0 10px}.bf-container .bftd-1{text-indent:2em;display:initial}.bf-container .bftd-2{text-indent:4em;display:initial}.bf-container .bftd-3{text-indent:6em;display:initial}.bf-container .bftd-4{text-indent:8em;display:initial}.bf-container .bftd-5{text-indent:10em;display:initial}.bf-container .bftd-6{text-indent:12em;display:initial}.bf-container .bf-image,.bf-container .bf-media{position:relative}.bf-container .bf-image img{display:block;max-width:100%;font-size:0;resize:both;outline-offset:1px}.bf-container .bf-image img:hover{outline:1px solid #3498db}.bf-container .bf-media-toolbar{position:absolute;z-index:3;bottom:15px;left:50%;width:auto;background-color:#21242a;border-radius:2px;font-weight:400;text-align:center;white-space:nowrap;transform:translateX(-50%);box-shadow:0 5px 15px rgba(0,0,0,.2);user-select:none}.bf-container .bf-media-toolbar .bf-media-toolbar-arrow,.bf-container .bf-media-toolbar:before{position:absolute;bottom:-10px;left:50%;display:block;border:5px solid transparent;border-top-color:#21242a;content:"";transform:translateX(-5px)}.bf-container .bf-media-toolbar a{display:inline-block;min-width:40px;height:40px;color:hsla(0,0%,100%,.5);font-family:braft-icons!important;font-size:18px;font-weight:400;line-height:40px;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer}.bf-container .bf-media-toolbar a:hover{color:#fff}.bf-container .bf-media-toolbar a:first-child{border-radius:2px 0 0 2px}.bf-container .bf-media-toolbar a:last-child{border-radius:0 2px 2px 0}.bf-container .bf-media-toolbar a.active{color:#3498db}.bf-audio-player audio{width:480px;max-width:80vw;margin:0 10px 10px}.bf-player-holder{position:relative;height:240px;overflow:hidden;background-color:#21242a;border-radius:3px}.bf-player-holder .icon-badge{position:absolute;z-index:2;top:0;left:0;height:30px;padding:0 15px;border-radius:0 0 3px 0;color:#fff;background-color:hsla(0,0%,100%,.1)}.bf-player-holder .icon-badge i,.bf-player-holder .icon-badge span{display:block;float:left;line-height:30px}.bf-player-holder .icon-badge span{margin-left:5px;font-size:12px}.bf-player-holder .button-remove{position:absolute;z-index:2;top:5px;right:5px;width:40px;height:40px;background-color:transparent;border:none;border-radius:50%;outline:none;color:#fff;font-size:24px;text-align:center;cursor:pointer}.bf-player-holder .button-remove:hover{color:#e74c3c}.bf-player-holder .button-play{position:relative;z-index:2;display:block;width:80px;height:80px;margin:40px auto 20px;background-color:rgba(0,0,0,.7);border:none;border-radius:50%;outline:none;color:#fff;font-size:48px;line-height:80px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.bf-player-holder .button-play:hover{background-color:#3498db}.bf-player-holder .bf-name{position:relative;z-index:2;margin:0;color:#fff;font-size:14px;font-weight:500;text-align:center}.bf-player-holder .bf-url{position:relative;z-index:2;width:70%;margin:10px auto;color:hsla(0,0%,100%,.5);font-size:12px;font-weight:400;text-align:center}.bf-player-holder .bf-poster{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;opacity:.3}.bf-modal{position:fixed;z-index:99999;top:0;left:0;width:100%;height:100%}.bf-modal button{outline:none}.bf-modal-mask{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);opacity:0;transition:opacity .2s}.bf-modal-content{position:absolute;z-index:2;top:45%;left:50%;max-width:95%;background-color:#fff;border-radius:2px;box-shadow:0 15px 30px rgba(0,0,0,.1);opacity:0;transform:translate(-50%,-40%);transition:transform .2s,opacity .2s}.bf-modal-header{height:50px}.bf-modal-caption{float:left;margin:0;padding:0 15px;color:#999;font-size:14px;font-weight:400;line-height:50px}.bf-modal-close-button{float:right;width:50px;height:50px;background-color:transparent;border:none;color:#ccc;font-size:18px;cursor:pointer}.bf-modal-close-button:hover{color:#e74c3c}.bf-modal-body{overflow:auto}.bf-modal-footer{min-height:15px;padding:0 15px;overflow:hidden}.bf-modal-addon-text{float:left;color:#999;font-size:12px;line-height:60px}.bf-modal-buttons{float:right}.bf-modal-cancel,.bf-modal-confirm{height:36px;margin:12px 0 12px 15px;padding:0 30px;border:none;border-radius:2px;font-size:12px;font-weight:700;cursor:pointer}.bf-modal-cancel{background-color:#e8e9ea;color:#999}.bf-modal-cancel:hover{background-color:#d8d9da}.bf-modal-confirm{background-color:#3498db;color:#fff}.bf-modal-confirm:hover{background-color:#2084c7}.bf-modal-confirm.disabled{opacity:.3;pointer-events:none;filter:grayscale(.4)}.bf-modal-root.active .bf-modal-mask{opacity:1}.bf-modal-root.active .bf-modal-content{opacity:1;transform:translate(-50%,-50%)}.bf-content .bf-hr{position:relative;box-sizing:content-box;height:15px;padding-top:15px;text-align:center}.bf-content .bf-hr:before{display:block;height:1px;background-color:rgba(0,0,0,.1);content:""}.bf-content .bf-hr:hover:before{background-color:rgba(0,0,0,.3)}.bf-content .bf-hr:hover .bf-media-toolbar{display:block}.bf-content .bf-hr .bf-media-toolbar{display:none}.bf-image-link-editor,.bf-image-size-editor{padding-bottom:1px;overflow:hidden;border-radius:2px 2px 0 0;box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.1)}.bf-image-link-editor .editor-input-group,.bf-image-size-editor .editor-input-group{width:300px;margin:8px 10px;overflow:hidden}.bf-image-link-editor input,.bf-image-size-editor input{display:block;float:left;box-sizing:content-box;height:32px;margin:0 5px 0 0;padding:0 10px;background-color:hsla(0,0%,100%,.1);border:none;border-radius:2px;outline:none;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1);color:#fff;font-weight:700}.bf-image-link-editor input:hover,.bf-image-size-editor input:hover{box-shadow:inset 0 0 0 1px rgba(52,152,219,.5)}.bf-image-link-editor input:focus,.bf-image-size-editor input:focus{box-shadow:inset 0 0 0 1px #3498db}.bf-image-link-editor button,.bf-image-size-editor button{float:left;width:90px;height:32px;margin:0;padding:0 20px;background-color:#3498db;border:none;color:#fff;font-size:12px;border-radius:2px;cursor:pointer}.bf-image-link-editor button:hover,.bf-image-size-editor button:hover{background-color:#2084c7}.bf-image-size-editor input{width:80px}.bf-image-link-editor input{width:185px}.bf-image-link-editor .switch-group{height:16px;margin:10px}.bf-image-link-editor .switch-group .bf-switch{float:left}.bf-image-link-editor .switch-group label{float:left;margin-left:15px;color:#999;font-size:12px;line-height:16px}.bf-content .bf-image{position:relative}.bf-content .bf-image .bf-csize-icon{position:absolute;z-index:2;width:10px;height:10px;background-color:rgba(52,152,219,.3)}.bf-content .bf-image .bf-csize-icon.right-bottom{right:0;bottom:0;cursor:se-resize}.bf-content .bf-image .bf-csize-icon.left-bottom{left:0;bottom:0;cursor:sw-resize}.bf-content .bf-image .bf-pre-csize{position:absolute;z-index:1;background:transparent}.bf-content .bf-image .bf-pre-csize.rightbottom{left:0;top:0;border:1px dashed #00bfff}.bf-content .bf-image .bf-pre-csize.leftbottom{right:0;top:0;border:1px dashed #00bfff}.bf-content .bf-image .bf-media-toolbar:before{visibility:hidden}.bf-content .bf-image .bf-media-toolbar[data-align=center] [data-align=center],.bf-content .bf-image .bf-media-toolbar[data-align=left] [data-align=left],.bf-content .bf-image .bf-media-toolbar[data-align=right] [data-align=right],.bf-content .bf-image .bf-media-toolbar[data-float=left] [data-float=left],.bf-content .bf-image .bf-media-toolbar[data-float=right] [data-float=right]{color:#3498db}.headings-dropdown{min-width:110px}.headings-dropdown .menu{width:200px;overflow:hidden}.headings-dropdown .menu .menu-item{padding:15px 20px;text-align:left;line-height:normal}.headings-dropdown .menu .menu-item h1,.headings-dropdown .menu .menu-item h2,.headings-dropdown .menu .menu-item h3,.headings-dropdown .menu .menu-item h4,.headings-dropdown .menu .menu-item h5,.headings-dropdown .menu .menu-item h6{margin:0;padding:0;color:inherit}.headings-dropdown .menu .menu-item h1{font-size:28px}.headings-dropdown .menu .menu-item h2{font-size:24px}.headings-dropdown .menu .menu-item h3{font-size:20px}.headings-dropdown .menu .menu-item h4{font-size:16px}.headings-dropdown .menu .menu-item h5{font-size:14px}.headings-dropdown .menu .menu-item h6{font-size:12px}.text-color-dropdown.light-theme .bf-color-switch-buttons button{border-bottom:1px solid #ccc;color:#616569}.text-color-dropdown.light-theme .bf-color-switch-buttons button.active{border-bottom-color:#3498db;color:#3498db}.text-color-dropdown button.dropdown-handler span{width:36px;padding:0;overflow:hidden;border-radius:2px}.text-color-dropdown .bf-text-color-picker-wrap{overflow:hidden}.text-color-dropdown .bf-color-switch-buttons{height:36px}.text-color-dropdown .bf-color-switch-buttons button{float:left;width:50%;height:36px;background-color:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:12px;font-weight:400;text-transform:uppercase;cursor:pointer}.text-color-dropdown .bf-color-switch-buttons button.active{border-bottom-color:#3498db;color:#3498db}.bf-link-editor{width:360px;padding-top:25px}.bf-link-editor .input-group{margin:0 15px 8px}.bf-link-editor .input-group input{background-color:hsla(0,0%,100%,.07);border:none;border-radius:2px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1);color:#fff;font-weight:700}.bf-link-editor .input-group input:hover{box-shadow:inset 0 0 0 1px rgba(52,152,219,.5)}.bf-link-editor .input-group input:focus{box-shadow:inset 0 0 0 1px #3498db}.bf-link-editor .input-group input:disabled{color:hsla(0,0%,100%,.7);box-shadow:none}.bf-link-editor .switch-group{height:16px;margin:15px}.bf-link-editor .switch-group .bf-switch{float:left}.bf-link-editor .switch-group label{float:left;margin-left:15px;color:#999;font-size:12px;line-height:16px}.bf-link-editor .buttons{box-sizing:content-box;height:32px;margin-top:20px;padding:15px;overflow:hidden;box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.1)}.bf-link-editor .buttons .button-remove-link{color:#999;font-size:12px;line-height:32px}.bf-link-editor .buttons .button-remove-link:hover{color:#e74c3c}.bf-link-editor .buttons .button-remove-link i{margin-right:5px;font-size:16px}.bf-link-editor .buttons .button-remove-link i,.bf-link-editor .buttons .button-remove-link span{display:block;float:left;line-height:32px}.bf-link-editor .buttons button{margin-left:10px;border-radius:2px;font-weight:700;cursor:pointer}.bf-dropdown{position:relative;width:auto;height:36px;margin:0}.bf-dropdown.disabled{pointer-events:none;opacity:.3}.bf-dropdown.light-theme .dropdown-content{border:1px solid #ccc}.bf-dropdown.light-theme .dropdown-content .dropdown-arrow{background-color:#fff;border:1px solid #ccc}.bf-dropdown.light-theme .dropdown-content .dropdown-content-inner{background-color:#fff}.bf-dropdown .dropdown-content{box-sizing:content-box;position:absolute;z-index:10;top:100%;left:50%;visibility:hidden;float:left;width:auto;min-width:100%;margin-top:9px;border-radius:2px;box-shadow:0 5px 15px rgba(0,0,0,.2);opacity:0;cursor:default;transform:translate(-50%,20px);transition:.2s}.bf-dropdown .dropdown-content ::-webkit-scrollbar-track{background-color:transparent}.bf-dropdown .dropdown-content ::-webkit-scrollbar{width:4px;background-color:transparent;border-radius:2px}.bf-dropdown .dropdown-content ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:2px}.bf-dropdown .dropdown-content .dropdown-arrow{position:absolute;z-index:1;top:-3px;left:50%;width:10px;height:10px;background-color:#21242a;transform:translateX(-50%) rotate(45deg);transition:margin .2s}.bf-dropdown .dropdown-content .dropdown-arrow.active{background-color:#3498db}.bf-dropdown .dropdown-content .menu{list-style:none;margin:0;padding:0;overflow:hidden;border-radius:2px}.bf-dropdown .dropdown-content .menu-item{display:block;list-style:none;margin:0;font-size:16px;cursor:pointer}.bf-dropdown .dropdown-content .menu-item:hover{background-color:rgba(0,0,0,.1)}.bf-dropdown .dropdown-content .menu-item.active{background-color:#3498db;color:#fff}.bf-dropdown .dropdown-content .menu-item:not(.active){color:hsla(0,0%,100%,.6);box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.1)}.bf-dropdown .dropdown-content-inner{position:relative;z-index:2;overflow:auto;background-color:#21242a;border-radius:2px}.bf-dropdown .dropdown-handler{position:relative;display:block;width:100%;height:36px;background-color:transparent;border:none;color:#6a6f7b;cursor:pointer}.bf-dropdown .dropdown-handler:hover{background-color:rgba(0,0,0,.05)}.bf-dropdown .dropdown-handler *{display:inline;padding:0;font-size:inherit;font-weight:400}.bf-dropdown .dropdown-handler>span{float:left;padding:0 10px;font-size:14px;line-height:36px;pointer-events:none}.bf-dropdown .dropdown-handler>span i{display:block;height:36px;font-size:16px;line-height:36px;text-align:center}.bf-dropdown .dropdown-handler .bfi-drop-down{float:right;width:30px;height:36px;font-size:16px;line-height:36px;text-align:center;pointer-events:none}.bf-dropdown.active .dropdown-handler{background-color:rgba(0,0,0,.05)}.bf-dropdown.active .dropdown-content{visibility:visible;opacity:1;transform:translate(-50%)}.bf-colors{box-sizing:content-box;list-style:none;width:240px;margin:0;padding:15px;overflow:hidden}.bf-colors li{box-sizing:content-box;display:block;float:left;width:24px;height:24px;margin:5px;padding:0;background-color:currentColor;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:transform .2s}.bf-colors li:hover{transform:scale(1.3)}.bf-colors li.active{box-shadow:0 0 0 2px #3498db}.bf-font-size-dropdown{min-width:95px}.bf-font-sizes{box-sizing:content-box;width:210px;list-style:none;margin:0;padding:5px;overflow:hidden}.bf-font-sizes li{display:block;float:left;width:60px;height:30px;background-color:hsla(0,0%,100%,.1);border-radius:2px;margin:5px;color:#fff;font-size:12px;line-height:30px;text-align:center;text-transform:uppercase;cursor:pointer}.bf-font-sizes li:hover{background-color:hsla(0,0%,100%,.2)}.bf-font-sizes li.active{background-color:#3498db}.bf-line-height-dropdown{min-width:95px}.bf-line-heights{box-sizing:content-box;width:210px;list-style:none;margin:0;padding:5px;overflow:hidden}.bf-line-heights li{display:block;float:left;width:60px;height:30px;background-color:hsla(0,0%,100%,.1);border-radius:2px;margin:5px;color:#fff;font-size:12px;line-height:30px;text-align:center;text-transform:uppercase;cursor:pointer}.bf-line-heights li:hover{background-color:hsla(0,0%,100%,.2)}.bf-line-heights li.active{background-color:#3498db}.font-family-dropdown{min-width:120px}.font-family-dropdown .dropdown-content{width:180px}.font-family-dropdown .menu-item{padding:12px 15px}.bf-letter-spacing-dropdown{min-width:95px}.bf-letter-spacings{box-sizing:content-box;width:210px;list-style:none;margin:0;padding:5px;overflow:hidden}.bf-letter-spacings li{display:block;float:left;width:60px;height:30px;background-color:hsla(0,0%,100%,.1);border-radius:2px;margin:5px;color:#fff;font-size:12px;line-height:30px;text-align:center;text-transform:uppercase;cursor:pointer}.bf-letter-spacings li:hover{background-color:hsla(0,0%,100%,.2)}.bf-letter-spacings li.active{background-color:#3498db}.bf-emojis-wrap{position:relative;width:210px;height:220px;overflow:hidden}.bf-emojis-wrap:after,.bf-emojis-wrap:before{position:absolute;z-index:1;right:0;left:0;height:30px;border-radius:2px;content:"";pointer-events:none}.bf-emojis-wrap:before{top:0;background-image:linear-gradient(0deg,rgba(33,36,42,0),#21242a)}.bf-emojis-wrap:after{bottom:0;background-image:linear-gradient(rgba(33,36,42,0),#21242a)}.bf-emojis{box-sizing:content-box;width:200px;height:195px;list-style:none;margin:0;padding:15px 15px 20px;overflow:auto}.bf-emojis li{display:block;float:left;width:30px;height:30px;margin:0;padding:0;color:#fff;border-radius:2px;font-family:Apple Color Emoji,Segoe UI,Segoe UI Emoji,Segoe UI Symbol;font-size:18px;line-height:32px;text-align:center;cursor:pointer;user-select:none;transition:transform .2s}.bf-emojis li:hover{transform:scale(1.5)} .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-canvas, .cropper-wrap-box { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: 33.33333%; left: 0; top: 33.33333%; width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.33333%; top: 0; width: 33.33333%; } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center:after, .cropper-center:before { background-color: #eee; content: " "; display: block; position: absolute; } .cropper-center:before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center:after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se:before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .MmTable-Select-Row { background-color: var(--color-primary-extent-2); } .MmTable-Select-Row td{ background-color: var(--color-primary-extent-2) !important; } textarea:focus { outline: none !important; border-color: #559eff; box-shadow: 0 0 10px #559eff; } .s-table { display: table; width: 100%; border-collapse: collapse; } .s-table-thead { display: table-header-group; } .s-table-tbody { display: table-row-group; } .s-table-tr { display: table-row; height: 40px; } .s-table-th { display: table-cell; padding: 6px 5px; font-weight: bold; text-align: left; vertical-align: middle; background-color: #fafafa; } .s-table-td { display: table-cell; padding: 6px 5px; text-align: left; vertical-align: middle; border-bottom: 1px solid #dedede; } .MmEditCell { /* 对超出内容隐藏 */ /* overflow: hidden; */ overflow: auto; /* 显示省略符号来代表被修剪的文本 */ /* text-overflow: ellipsis; */ text-overflow: clip; /* 文本不会换行，文本会在在同一行上继续，直到遇到
标签为止。 */ /* white-space: nowrap; */ white-space: normal; } .MmEditCell:hover { overflow: auto; text-overflow: clip; white-space: normal; } .iframeViewer { transform-origin: 0 0; border: 0; width: 100%; } .me-nav-top-CardNav { transition: all 0.3s; cursor: pointer; border-radius: 10px; overflow: hidden; /* padding: 12px; */ background-color: #fff; display: flex; height: auto; box-shadow: 0 0 30px rgba(0,0,0,0.01); } .me-nav-top-CardNav:hover { box-shadow: 0 0 30px rgba(78,85,193,0.12); } .card-top{ background-color: #999; display: flex; align-items: center; justify-content: space-between; padding: 0 0 0 8px; box-sizing: border-box; } .card-title{ font-size: 16px; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .card-title:hover{ color: #000; } .card-icon{ border-radius: 50%; display: flex; align-items: center; justify-content: center; height: 42px; width: 42px; margin-left: 10px; border: 1px solid rgba(0,0,0,0.03); box-sizing: border-box; background-color: #f5f5ff; color: #858CF2; transition: all 0.3s; } .card-icon-item{ transition: all 0.3s; } .card-s-text{ display: flex; align-items: center; color: #ccc; margin-bottom: -3px; } .card-s-icon{ margin-left: 6px; font-size: 12px; transition: all 0.3s; } .me-nav-top-CardNav:hover .card-s-text{ color: var(--color-primary); } .me-nav-top-CardNav:hover .card-s-icon{ margin-left: 76px; transition: all 0.3s; } .me-nav-top-CardNav:hover .card-icon{ transition: all 0.3s; background: linear-gradient(-45deg, #569FFF, #4E55C1 ); background-size: 500% 500%; animation: iconHoverBG 3s ease infinite; } .me-nav-top-CardNav:hover .card-icon-item{ color: #fff !important; transition: all 0.3s; } @keyframes iconHoverBG { 0% { background-position: 5% 5%; } 50% { background-position: 95% 95%; } 100% { background-position: 5% 5%; } } /* 以下是浅色主题样式 */ .bigData-box { min-height: 600px; width: 100%; display: flex; flex-direction: column; } .bigData-box-fixed { position: fixed; left: 0; top: 0; min-height: 100vh; max-height: 100vh; height: 100vh; width: 100%; overflow-y: auto; z-index: 999999; } .fixed { background-color: #e9eff8; } .bigData-box-top { position: relative; width: 100%; height: 80px; display: flex; align-items: center; flex-wrap: wrap; box-sizing: border-box; background-image: url(../79e44e24aecefec5b70fad50da6cd9dc.png); background-size: 100% 100%; background-repeat: no-repeat; } .bigData-box-top h1 { width: 100%; height: 80px; margin: 0; line-height: 80px; font-size: 36px; color: rgb(0, 0, 0); font-weight: bold; text-align: center; -moz-transform: matrix(0.82600815586769, 0, 0, 0.82950127469359, 0, 0); -webkit-transform: matrix(0.82600815586769, 0, 0, 0.82950127469359, 0, 0); -ms-transform: matrix(0.82600815586769, 0, 0, 0.82950127469359, 0, 0); } .bigData-quanping-btn { padding: 6px 10px; border-radius: 4px; color: rgba(125,125,125,0.8); border: 1px solid rgba(125,125,125,0.1); position: absolute; right: 20px; top: 40px; cursor: pointer; } .center { width: 100%; flex: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; overflow-y: auto; } .center::-webkit-scrollbar { width: 15px; background: rgba(0, 0, 0, 0); } .center::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.05); } .center::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(0, 0, 0, 0.08); } .center::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.15) !important; } .center .c-l, .center .c-c, .center .c-r { flex: 4; margin: 0 10px; display: flex; align-items: stretch; flex-wrap: wrap; } .center .item { height: auto; box-sizing: border-box; background-color: #fff; position: relative; border-radius: 10px; box-shadow:inset 0px 10px 34px 0px rgba(235, 242, 246, 1); border-top: 1px solid #fff; display: flex; flex-direction: column; margin: 0; padding: 0; padding: 10px; } .title { display: flex; justify-items: left; align-items: center; } .jiao { width: 28px; height: 28px; background-size: 100%; position: absolute; } .jiao-1 { transform: rotate(0); top: -4px; left: -4px; } .jiao-2 { transform: rotate(90deg); top: -4px; right: -4px; } .jiao-3 { transform: rotate(180deg); bottom: -4px; right: -4px; } .jiao-4 { transform: rotate(-90deg); bottom: -4px; left: -4px; } .box { padding: 10px; box-sizing: border-box; width: 100%; flex: 1; } .chart-title-clickable{ font-size: 17px; font-weight: bold; margin-left: 5px; } .bigData-box-top-tool-bar{ display: flex; align-items: center; width: 100%; justify-content: center; margin-top: 20px; z-index: 99; } .bigData-box-top-tool-bar-lists{ display: flex; align-items: center; padding: 4px; background-color: rgba(255,255,255,0.9); border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); backdrop-filter: blur(10px); } .bigData-box-top-tool-bar-lists-item{ display: flex; align-items: center; margin: 0 20px; } .bigData-box-top-tool-bar-lists-item-label{ margin-right: 5px; color: #191919; } .bigData-box-top-tool-bar-lists-item-content{ flex: 1; display: flex; } .bigData-box-top-tool-bar-lists-item-btn{ padding: 6px 10px; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; transition: all 0.3s ease; display: flex; align-items: center; min-width: 50px; justify-content: center; border: 1px solid #e5e5e5; margin-right: 5px; } .big-data-model { height: 98vh !important; width: calc(100vw - 2vh) !important; overflow: hidden; } .big-data-model .ant-modal-content { height: 98vh !important; border-radius: 4px; background-color: var(--page-content-background); overflow: hidden; } .big-data-model .ant-modal-close { border-radius: 0 4px 0 0; } .big-data-model .ant-modal-header { border-bottom: 1px solid #f0f0f0; height: 54px !important; display: flex; align-items: center; overflow: hidden; } .big-data-model .ant-modal-header .ant-modal-title { font-size: 18px; font-weight: 600; color: rgba(0, 0, 0, 0.85); } .big-data-model .ant-modal-body { padding: 0; max-height: calc(98vh - 54px) !important; } .big-data-model-top{ display: flex; margin: 10px 10px 0 10px; } .big-data-model-top-nav{ padding: 5px; box-sizing: border-box; background-color: #fff; border-radius: 4px; border: 1px solid #eee; width: 100%; display: flex; } .big-data-model-top-nav-title{ display: flex; align-items: center; margin-left: 5px; } .big-data-model-top-nav-title-t1{ font-size: 18px; font-weight: bold; color: #191919; } .big-data-model-top-nav-title-t2{ font-size: 14px; color: #999; margin-left: 10px; } .big-data-model-top-nav-lists{ flex: 1; display: flex; flex-wrap: wrap; margin-left: 10px; } .big-data-model-top-nav-lists-item{ min-width: 120px; padding: 6px 8px; border-radius: 4; cursor: pointer; font-size: 12px; text-align: center; transition: all 0.3s ease; background-color: #fff; color: #666; border: 1px solid #ddd; border-radius: 4px; margin: 5px; } .big-data-model-top-nav-lists-item:hover{ color: #0080ff; background-color: #eaf5ff; border: 1px solid #daecfd; } .big-data-model-top-nav-lists-item-active{ background-color: #0080ff; color: #fff; border: 1px solid #0080ff; } .big-data-model-top-nav-lists-item-active:hover{ color: #fff; background-color: #0072e4; border: 1px solid #0072e4; } .big-data-model-showOrHideBtn{ color: #fff; position: absolute; right: 10px; top: 10px; z-index: 999999; } .big-data-model-center{ margin: 10px; border-radius: 4px; background-color: #fff; padding: 10px; position: relative; } .bigData-box .fullscreen-icon{ animation: pulseScale 2s infinite ease-in-out; } @keyframes pulseScale { 0% { transform: scale(1); } 50% { transform: scale(1.5); } 100% { transform: scale(1); } } /* 主题样式定义 */ /* 经典浅色 */ .bigData-box.theme-light { background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); color: #333; } .bigData-box.theme-light .bigData-box-top { backdrop-filter: blur(10px); } .bigData-box.theme-light .bigData-box-top h1 { color: #2c3e50; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .bigData-box.theme-light .fullscreen-icon{ color: var(--color-primary); } .bigData-box.theme-light .chart-title-clickable{ color: #2c3e50; } /* 极简无框 */ .bigData-box.theme-blue { background: #fff; color: #fff; border: 1px solid #e5e5e5; } .bigData-box.theme-blue .bigData-box-top { border-bottom: 1px solid rgba(255, 255, 255, 0.2); background-image: url(../bd036693c9865abe4568a3491141335c.png); } .bigData-box.theme-blue .bigData-box-top h1 { color: #191919; } .bigData-box.theme-blue .center .item { background-color: #fff; box-shadow:inset 0px 10px 34px 0px rgba(255, 255, 255, 1); border-top: 1px solid #fff; } .bigData-box.theme-blue .center .item:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .bigData-box.theme-blue .fullscreen-icon{ color: #0080ff; } .bigData-box.theme-blue .chart-title-clickable{ color: #191919; } /* 深蓝科技 */ .bigData-box.theme-dark-tech { background: linear-gradient(135deg, #0c0c20 0%, #16213e 50%, #0f1a2e 100%); color: #00d4ff; } .bigData-box.theme-dark-tech.fixed { background-color: #050618; background-image: url(../5f49d9c3b69039fbfb903c9aae7b9c20.png); background-size: 100% 100%; background-repeat: no-repeat; } .bigData-box.theme-dark-tech .bigData-box-top { backdrop-filter: blur(5px); box-shadow: 0 0 20px rgba(0, 212, 255, 0.3); background-image: url(../7a394da0e60a4f774ea932e35e4bede3.png); } .bigData-box.theme-dark-tech .bigData-box-top h1 { color: #00d4ff; text-shadow: 0 0 10px rgba(0, 212, 255, 0.8); font-weight: 600; } .theme-dark-tech .big-data-model-center{ background: linear-gradient(135deg, #0c0c20 0%, #16213e 50%, #0f1a2e 100%); } .bigData-box.theme-dark-tech .center .item { background: rgba(0, 212, 255, 0.05); background: none; border: 1px solid rgba(0, 212, 255, 0.2); box-shadow: 0 0 15px rgba(0, 212, 255, 0.1); border-radius: 0; } .bigData-box.theme-dark-tech .center .item .title { color: #00d4ff; color: #fff; position: relative; } .bigData-box.theme-dark-tech .center .item .title::after{ content: ''; position: absolute; top: -4px; width: 450px; max-width: 100%; height: 40px; background-image: url(../e891e45d75498c4add3a7db7add73f43.png); background-size: 100% 100%; z-index: 1; } .bigData-box.theme-dark-tech .center .item .title .chart-title-clickable{ margin-left: 60px; z-index: 2; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } .bigData-box.theme-dark-tech .center .item .title .fullscreen-icon{ z-index: 3; color: #00d4ff; } .bigData-box.theme-dark-tech .center .item .jiao { border-color: #00d4ff; width: 20px; height: 20px; background-image: url(../9e391d76d95c9f05b13796616d9d3907.png); background-size: 100%; position: absolute; } .bigData-box.theme-dark-tech .jiao-1 { transform: rotate(0); top: -4px; left: -4px; } .bigData-box.theme-dark-tech .jiao-2 { transform: rotate(90deg); top: -4px; right: -4px; } .bigData-box.theme-dark-tech .jiao-3 { transform: rotate(180deg); bottom: -4px; right: -4px; } .bigData-box.theme-dark-tech .jiao-4 { transform: rotate(-90deg); bottom: -4px; left: -4px; } /* 动感绚丽 */ .bigData-box.theme-echarts { background: linear-gradient(135deg, #01191d 0%, #081a1f 100%); } .bigData-box.theme-echarts .bigData-box-top { backdrop-filter: blur(5px); border-bottom: 1px solid #00ff88; box-shadow: 0 0 20px rgba(0, 255, 136, 0.3); background-image: url(../8d1a3c5a7a5a078a49bc545cc1e2a1dc.png); position: relative; } .bigData-box.theme-echarts .bigData-box-top::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: linear-gradient( 90deg, #ff0080 0%, #ffff00 10%, #00ff00 20%, #00ffff 30%, #0080ff 40%, #8000ff 50%, #0080ff 60%, #00ffff 70%, #00ff00 80%, #ffff00 90%, #ff0080 100% ); background-size: 200% 100%; animation: borderSpread 4s cubic-bezier(0.4, 0, 0.6, 1) infinite; will-change: background-position; transform: translateZ(0); } @keyframes borderSpread { 0% { background-position: 100% 0; box-shadow: 0 0 5px rgba(255, 0, 128, 0.3); opacity: 0.8; } 25% { background-position: 75% 0; box-shadow: 0 0 12px rgba(255, 255, 0, 0.5); opacity: 0.9; } 50% { background-position: 50% 0; box-shadow: 0 0 18px rgba(0, 255, 255, 0.7); opacity: 1; } 75% { background-position: 25% 0; box-shadow: 0 0 25px rgba(128, 0, 255, 0.8); opacity: 0.9; } 100% { background-position: 0% 0; box-shadow: 0 0 35px rgba(255, 0, 255, 1); opacity: 0.8; } } .bigData-box.theme-echarts .bigData-box-top h1 { color: #fff; text-shadow: 0 0 40px rgba(83, 215, 255, 0.6); font-weight: 600; animation: titleGlow 3s ease-in-out infinite alternate; } @keyframes titleGlow { 0% { text-shadow: 0 0 20px rgba(83, 215, 255, 0.4), 0 0 40px rgba(0, 255, 136, 0.3); color: #fff; } 50% { text-shadow: 0 0 20px rgba(83, 215, 255, 0.4), 0 0 40px rgba(0, 255, 136, 0.4), 0 0 60px rgba(0, 255, 255, 0.3); color: #00ff88; } 100% { text-shadow: 0 0 20px rgba(83, 215, 255, 0.4), 0 0 40px rgba(0, 255, 136, 0.4), 0 0 60px rgba(0, 255, 255, 0.4), 0 0 80px rgba(255, 255, 255, 0.2); color: #00ffff; } } .theme-echarts .big-data-model-center{ background: linear-gradient(135deg, #011106 0%, #071814 100%); } .bigData-box.theme-echarts .center .item { position: relative; background: none; border: none; overflow: hidden; border-radius: 10px; z-index: 1; box-shadow: none; } /* 边框动画 */ .bigData-box.theme-echarts .center .item::before { content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; background: #0e2830; z-index: -3; } .bigData-box.theme-echarts .center .item::after { content: ''; position: absolute; top: calc(50% - 1000px); left: calc(50% - 150px); width: 300px; height: 2000px; transform-origin: 150px 1000px; background: linear-gradient( 90deg, transparent 0%, #ff0080 10%, #ff8800 20%, #00ff88 40%, #00ffff 60%, #ff00ff 80%, #8800ff 90%, transparent 100% ); animation: borderRotate 5s linear infinite; z-index: -2; } .bigData-box.theme-echarts .center .item .border-mask { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; border-radius: 8px; background: #081a1f; z-index: -1; pointer-events: none; } @keyframes borderRotate { 0% { transform: rotate(0deg); filter: hue-rotate(0deg); } 100% { transform: rotate(360deg); filter: hue-rotate(360deg); } } .bigData-box.theme-echarts .center .item .title { color: #00ff88; } /* 动画效果 */ .bigData-box { transition: all 0.3s ease; } .bigData-box.theme-dark-tech { animation: techGlow 3s ease-in-out infinite alternate; } @keyframes techGlow { 0% { box-shadow: 0 0 20px rgba(0, 212, 255, 0.1); } 100% { box-shadow: 0 0 30px rgba(0, 212, 255, 0.2); } } /* 主题切换过渡效果 */ .bigData-box * { transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .page-attachmentType { background-color: #f2f5fa; display: flex; width: 100%; } .right-page { background-color: #f2f5fa; display: flex; flex-direction: column; flex: 1; padding: 0 20px; box-sizing: border-box; } .right-top { position: sticky; top: 0; display: flex; align-items: center; width: 100%; padding: 15px 0; background-color: #f2f5fa; z-index: 99; } .rt-left { display: flex; align-items: center; } .rt-title { font-size: 18px; color: #191919; font-weight: bold; position: relative; padding-left: 16px; line-height: 1; margin-right: 40px; } .rt-title::after { content: ""; position: absolute; left: 0; width: 6px; height: 18px; background-color: var(--color-primary); } .common-btn { background-color: var(--color-primary); padding: 8px 16px; border-radius: 5px; font-size: 14px; color: #fff; cursor: pointer; margin: 0 10px; box-sizing: border-box; } .common-btn:hover { box-shadow: 0 0 10px inset rgba(0, 0, 0, 0.1); } .common-btn.btn-1 { background-color: var(--color-primary); } .common-btn.btn-2 { color: #ff4d4f; border: 1px solid #ff4d4f; background-color: #fff; } .common-btn.btn-3 { background-color: #ff4d4f; } .common-btn.btn-4 { background-color: #fff; color: #191919; border: 1px solid #cccccc; } .rt-right { margin-left: auto; } .rt-right .close { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; color: #fff; background-color: var(--color-primary); cursor: pointer; } .card-box { display: flex; flex: 1; margin-bottom: 20px; border-radius: 10px; padding: 20px 20px 60px 20px; box-sizing: border-box; background-color: #fff; flex-direction: column; position: relative; overflow: hidden; } .card-box.bianji { /* padding-bottom: 20px; */ } /* ----------------------------------------------------- */ .fj-box { display: flex; flex-direction: column; } .fj-top { display: flex; margin-top: 10px; } .fj-title { font-size: 14px; margin: 0 auto 10px 0; color: #191919; line-height: 1; font-weight: bold; } .fj-content { display: flex; flex-wrap: wrap; margin: -2.5px; /* height: 84px; overflow: hidden; */ } .fj-content.bianji { height: auto; } .fj-content.autoHeight { height: auto; } .fj-content-in{ display: flex; flex-wrap: wrap; width: 100%; height: auto; } .fj-type { /* border: 1px solid #ddd; */ box-sizing: border-box; padding: 10px; padding-top: 3px; box-sizing: border-box; margin: 2.5px; background-color: rgba(0,0,0,0.05); border-radius: 2px; } .fj-type-title { margin-bottom: 5px; display: flex; align-items: center; } .fj-type-title-text { font-size: 14px; color: #191919; margin-right: 10px; font-weight: bold; } .fj-type-title-btnbox { margin-left: 10px; } .fj-type-title-btnbox .f-btn { margin-left: 6px; cursor: pointer; } .fj-item-box { display: flex; flex-wrap: wrap; margin: -5px; } .fj-item { /* width: 100%; height: 100px; border: 1px solid #fff; background-color: #f9faff; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin: 5px; cursor: pointer; */ } .fj-item:hover { /* border: 1px solid rgba(0, 0, 0, 0.1); */ } .fj-main-icon { } .fj-item-name { font-size: 12px; color: var(--color-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; margin-top: 5px; text-align: center; } .fj-hover-content { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.35); display: flex; align-items: center; flex-direction: column; opacity: 0; } .fj-read { display: flex; justify-content: center; align-items: center; flex: 1; cursor: pointer; width: 100%; } .fj-item-btnbox { height: 24px; display: flex; width: 100%; } .fj-item-btn { height: 100%; display: flex; align-items: center; justify-content: center; flex: 1; font-size: 12px; color: #fff; cursor: pointer; } .fj-item-btn.fj-item-btn-01 { background-color: var(--color-primary); } .fj-item-btn.fj-item-btn-02 { background-color: #db3a56; } .fj-item:hover .fj-hover-content { opacity: 1; } .fj-type-col-1 .fj-type{ width: calc(100% - 5px) !important; } .fj-type-col-2 .fj-type{ width: calc(50% - 5px); } .wd-item-box { display: flex; flex-direction: column; } .wd-item { display: flex; align-items: center; margin: 3px 0; } .wd-item:nth-child(1) { margin-top: 15px; } .wd-icon { margin-right: 8px; display: flex; align-items: center; } .wd-name { font-size: 14px; color: #2a5699; line-height: 1; cursor: pointer; } .wd-name:hover, .fj-item-btn:hover { text-decoration: underline; } .item { width: 230px; height: 230px; margin: 10px; background-color: #999; } .card-more { position: relative; height: 28px; margin-top: 5px; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 14px; line-height: 1; background-color: rgba(0,0,0,0.03); border-radius: 2px; } .card-more:hover { background-color: rgba(0,0,0,0.05); } .card-more-img { margin-left: 8px; width: 17px; } .card-more-img01 { transform: rotate(0deg); } .card-more-img02 { transform: rotate(180deg); } .autoHeight { height: auto; } body { margin: 0; padding: 0; } .ant-btn { line-height: 1.5705; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; height: 32px; padding: 0 15px; margin: 0 5px; font-size: 14px; border-radius: 4px; color: rgba(0, 0, 0, 0.65); background-color: #fff; border-color: #d9d9d9; } .ant-btn-primary { color: #fff; background-color: var(--color-primary); border-color: var(--color-primary); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045); } .rc-jl-nav-input { box-sizing: border-box; outline: none; padding: 0 10px; margin-left: 5px; } .rc-jl-nav-input:focus { outline: 1px solid var(--color-primary); } .rc-jl-outpage { background-color: #e0e7ff; } .rc-jl-nav-bar { min-height: 60px; height: auto; position: relative; z-index: 2; background-color: #e0e7ff; border-bottom: 1px solid #ccd5f3; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; margin: 0 -16px 16px -16px; position: sticky; top: 0; } .rc-jl-nav-left { display: flex; align-items: center; } .rc-jl-nav-line { border-left: 1px solid rgba(0, 0, 0, 0.15); height: 24px; margin: 0 30px; } .rc-jl-nav-close { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background-color: var(--color-error); color: #fff; font-size: 20px; cursor: pointer; } .rc-jl-page { display: flex; /* border-top: 1px solid rgba(0,0,0,0.1); */ } .rc-jl-page-content { width: 1500px; display: flex; margin: 0 auto; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } @media (max-width:1440px) { .rc-jl-page-content { width: 100%; min-width: 1100px; } } .rc-jl-page-content-sildebar { min-width: 250px; max-width: 280px; display: flex; flex-direction: column; padding-bottom: 0; box-sizing: border-box; background-image: linear-gradient(0deg, rgb(148, 172, 255) 0%, rgb(255, 255, 255) 100%); position: sticky; top: 0; } .rc-jl-s-top { display: flex; min-height: 220px; background-image: url(../2cb571603198d84e098c96d5a885d96b.png); background-size: 100%; position: relative; top: 0; } .rc-jl-s-textbox { display: flex; flex: 1; margin-right: 5px; flex-direction: column; padding-left: 12px; } .rc-jl-s-name { font-size: 20px; color: #fff; font-weight: bold; margin-top: 10px; } .rc-jl-s-info { display: flex; flex-direction: column; margin-top: 10px; color: #fff; } .rc-jl-s-info-item { margin-bottom: 4px; font-size: 11px; background-color: var(--color-primary); padding: 2px 4px; border-radius: 4px; } .rc-jl-s-imgbox { display: flex; height: 126.4px; background-color: #eee; border: 3px solid #fff; box-sizing: border-box; border-radius: 5px; margin-right: 10px; margin-top: 25px; } .rc-jl-s-imgbox-img { width: 100%; height: 100%; object-fit: cover; } .rc-jl-s-botton { padding: 0 10px 10px 10px; box-sizing: border-box; flex: 1; overflow: auto; height: calc(100vh - 220px); } .rc-jl-s-navitem { font-size: 15px; padding: 0px 10px; line-height: 30px; cursor: pointer; } .rc-jl-s-navitem.rc-jl-s-navitem-active { background-color: var(--color-primary); color: #fff; } .rc-jl-page-content-maincontent { flex: 1; display: flex; flex-direction: column; padding: 16px; padding-top: 0; background-color: rgba(255, 255, 255, 0.5); } .rc-jl-page-content-card { display: flex; flex-direction: column; margin-bottom: 15px; counter-increment: section; } .rc-jl-page-content-card-top { display: flex; width: 100%; align-items: center; margin-bottom: 6px; } .rc-jl-page-content-card-top::before{ content: counter(section); display: flex; align-items: center; line-height: 1; color: #fff; border-radius: 99px; padding: 4px 7px; font-size: 12px; font-weight: bold; margin-right: 5px; background-color: var(--color-primary); } .rc-jl-page-content-card-title { font-size: 18px; font-weight: bold; color: #191919; } .rc-jl-page-content-card-btn { color: var(--color-primary); font-size: 16px; margin-left: 20px; cursor: pointer; padding: 2px 8px; border-radius: 2px; } .rc-jl-page-content-card-btn:hover { background-color: #DFE1FF; } .tableDemo { border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; border-collapse: collapse; table-layout: fixed; } .tableDemo tr, .tableDemo th, .tableDemo td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 4px; text-align: left; } .tableDemo th, .tableDemo td { line-height: 1.15; } .tableDemo th { font-size: 16px !important; color: rgba(0, 0, 0, 0.7); font-weight: normal; background-color: rgba(0, 0, 0, 0.035); text-align: right !important; width: 116px !important; } .tableDemo td { font-size: 16px !important; color: #191919; background-color: rgba(255, 255, 255, 0.4); width: 100%; } .subsettable { border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; border-collapse: collapse; table-layout: fixed; } .subsettable tr, .subsettable th, .subsettable td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 4px; text-align: left; } .subsettable th, .subsettable td { line-height: 1.15; } .subsettable th { font-size: 16px !important; color: rgba(0, 0, 0, 0.7); font-weight: normal; background-color: rgba(0, 0, 0, 0.035); } .subsettable th{ text-align: right !important; width: 116px !important; } .subsettable td { font-size: 16px !important; color: #191919; background-color: rgba(255, 255, 255, 0.4); width: 100%; } .tableDemo td>div { margin-bottom: 0 !important; min-height: auto !important; font-size: 16px !important; } .tableDemo td div, .subsettable td div{ vertical-align: middle !important; } .tableDemo td > div, .subsettable td > div{ display: block !important; } .tableDemo td > div > div, .subsettable td > div > div{ min-height: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; } @media (max-width:1440px) { .close-btn { right: 0; height: 60px !important; } } @media (max-width:1366px) { .close-btn { right: 0; height: 60px !important; } } .close-btn { z-index: 999; top: 10px; margin-left: -60px; height: 60px !important; } .rc-jl-work-num-box { color: var(--color-error); font-size: 20px; display: flex; align-items: center; } .rc-jl-work-num-box span { font-weight: bold; } .fj-tab-tag{ padding: 8px 12px !important; margin: 5px !important; background-color: var(--color-primary) !important; color: #fff !important; cursor: pointer !important; font-size: 14px !important; } .fj-tab-tag-active{ background-color: var(--color-error) !important; } .fj-tab-tag-active-none{ background-color: #999 !important; } .content{ display: flex; align-items: center; /* justify-content:space-around; */ width: 100%; height: 100%; } .bnt-left-last1,.bnt-right-next1{ width: 130px; display: flex; justify-content: center; align-content: flex-start; } .content-center{ flex: 1; min-height: calc(100vh - 300px); margin-top: 10px; margin-bottom: 10px; } .bnt{ margin-bottom: auto; margin-top: 30px; position: fixed; top: 30%; } .tab-nav-container { height: 30px; background-color: var(--background-color-white); border-bottom: 1px solid var(--border-color-2); width: calc(100vw - 180px); position: relative; overflow: hidden; box-sizing: border-box; } .tab-nav-tabs { display: flex; height: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; white-space: nowrap; scroll-behavior: auto; position: absolute; left: 0; right: 0; top: 0; } .tab-nav-tabs::-webkit-scrollbar { display: none; } .tab-nav-tab { display: flex; align-items: center; padding: 0 12px; height: 100%; background-color: var(--background-color-white); border-right: 1px solid var(--border-color-2); cursor: pointer; user-select: none; flex-shrink: 0; position: relative; transition: background-color 0.15s ease; } .tab-nav-tab-title { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 1; color: var(--color-black); } .tab-nav-tab:hover { background-color: var(--color-primary-extent-1); } .tab-nav-tab:hover .tab-nav-tab-title { color: var(--color-primary); } .tab-nav-tab.active { background-color: var(--color-primary); color: var(--color-white); } .tab-nav-tab.active:hover { opacity: 0.9; } .tab-nav-tab.active .tab-nav-tab-title { color: var(--color-white); } .tab-nav-tab-close { margin-left: 8px; font-size: 14px; opacity: 0.6; transition: opacity 0.2s ease; flex-shrink: 0; } .tab-nav-tab:hover .tab-nav-tab-close { color: var(--color-primary); } .tab-nav-tab-close:hover { opacity: 1; color: var(--color-error) !important; font-weight: bold; } .tab-nav-tab.active .tab-nav-tab-close { color: var(--color-white) !important; } .tab-nav-tab.active .tab-nav-tab-close:hover { opacity: 0.9; } /* 右键菜单样式 */ .tab-context-menu-overlay { background: var(--background-color-white); border-radius: 4px; box-shadow: var(--box-shadow-2); border: 1px solid var(--border-color-2); } .tab-context-menu { border: none; box-shadow: none; background: transparent; } .tab-context-menu .ant-menu-item { padding: 8px 16px !important; display: flex; align-items: center; margin: 0 !important; line-height: 1 !important; font-size: 14px !important; border-radius: 0; } .tab-context-menu .ant-menu-item:hover { background-color: #f5f5f5; } .tab-context-menu .ant-menu-item-disabled { color: #bfbfbf; } .tab-context-menu .ant-menu-item-disabled:hover { background-color: transparent; } .tab-context-menu .anticon { margin-right: 8px; font-size: 14px; } /* 滚动条样式优化 */ .tab-nav-tabs { scroll-behavior: smooth; } /* 拖拽时的样式 */ .tab-nav-tabs.dragging { cursor: grabbing; user-select: none; } /* 标签页过渡动画 */ .tab-nav-tab { transition: all 0.2s ease; } /* 首页标签特殊样式 */ .tab-nav-tab[data-key="/"] { padding: 0 24px; } .tab-nav-tab[data-key="/"] .tab-nav-tab-title { color: var(--color-black); } .tab-nav-tab[data-key="/"].active .tab-nav-tab-title { color: var(--color-white); } /* 标签页加载动画 */ @keyframes tabSlideIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } .tab-nav-tab.new-tab { animation: tabSlideIn 0.3s ease-out; } /* 标签页关闭动画 */ @keyframes tabSlideOut { from { opacity: 1; transform: translateX(0); max-width: 200px; } to { opacity: 0; transform: translateX(-20px); max-width: 0; padding: 0; margin: 0; } } .tab-nav-tab.closing { animation: tabSlideOut 0.2s ease-in forwards; } /* 导航按钮样式 */ .tab-nav-scroll-button { display: flex; align-items: center; justify-content: center; width: 30px; height: 100%; background-color: var(--background-color-white); cursor: pointer; user-select: none; transition: background-color 0.15s ease; font-size: 14px; color: var(--color-black); position: absolute; top: 0; z-index: 10; } .tab-nav-scroll-button:hover { background-color: var(--color-primary-extent-1); color: var(--color-primary); } .tab-nav-scroll-button.disabled { cursor: not-allowed; opacity: 0.4; background-color: var(--background-color-white); color: var(--color-black); } .tab-nav-scroll-button.disabled:hover { background-color: var(--background-color-white); color: var(--color-black); } .tab-nav-scroll-left { left: 0; border-right: 1px solid var(--border-color-2); } .tab-nav-scroll-right { right: 0; border-left: 1px solid var(--border-color-2); } /* 当有滚动按钮时，调整标签页容器的位置 */ .tab-nav-container.has-scroll-buttons .tab-nav-tabs { left: 30px; right: 30px; }