/*! *****************************************************************************
                              这里是与设计对其的标准色盘
注意：所有的颜色须从色盘中提取，不得擅自添加颜色。若设计师给出的UI稿中带有色盘中不存在的颜色，
请与王坤联系并确认。
***************************************************************************** */
/*! **************************************
        Naming Rule:
          modules(BEM) + rule name

        Example:
          @main-container-bg
*****************************************/.preview-container{background:var(--bg-body-overlay);height:100vh;left:0;overflow:hidden;position:fixed;top:0;user-select:none;width:100vw;z-index:1111}.preview-container .preview-header-container{align-items:center;background-color:var(--bg-body);border-bottom:1px solid var(--line-border-card);display:flex;height:64px;justify-content:space-between;width:100%}.preview-container .preview-header-container .close-btn{align-items:center;cursor:pointer;display:flex;font-size:16px;margin-left:12px;overflow:hidden;padding:4px 8px}.preview-container .preview-header-container .close-btn .text{margin-left:4px}.preview-container .preview-header-container .line{border-right:1px solid var(--line-border-card);height:36px;margin-left:8px;margin-right:16px}.preview-container .preview-header-container .preview-header-title{flex:1;max-height:48px;max-width:calc(100% - 120px);overflow:hidden}.preview-container .preview-header-container .preview-header-title .icon{float:left;height:36px;margin:6px 14px 6px 0;width:36px}.preview-container .preview-header-container .preview-header-title .file-info{line-height:1.7;overflow:hidden}.preview-container .preview-header-container .preview-header-title .file-info .file-name-wrapper{align-items:center;display:flex}.preview-container .preview-header-container .preview-header-title .file-info .file-name-wrapper .file-name{color:var(--text-title);font-size:16px!important;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.preview-container .preview-header-container .preview-header-title .file-info .file-size{color:var(--text-caption);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-container .preview-header-container .preview-header-btns .suite-download-btn{background:transparent;border:1px solid var(--line-border-component);color:var(--text-title);margin-left:0;margin-right:20px}.preview-container .preview-header-container .preview-header-btns .suite-download-btn:not(:last-child){margin-right:16px}.preview-container .preview-header-container .preview-header-btns .suite-download-btn:hover{background:var(--udtoken-btn-se-bg-neutral-hover)}.preview-container .preview-header-container .preview-header-btns .suite-download-btn:active{background:var(--udtoken-btn-se-bg-neutral-pressed)}.preview-container .preview-header-container .preview-header-btns .suite-download-btn svg path{fill:var(--icon-n1)}.preview-container .preview-body-container{background-color:var(--bg-float-overlay);height:100vh;overflow:hidden;position:relative;width:100%}.preview-container .preview-body-container .preview-body-item{opacity:0;position:absolute;width:100%}.preview-container .preview-body-container .preview-body-item-show{opacity:1;z-index:1}.preview-container .preview-body-container .modal-body{height:100vh;margin:0 auto;overflow:hidden;padding-bottom:60px;text-align:center}.preview-container .preview-body-container .modal-body [data-sel=box-preview-video-header]{color:var(--static-white);text-align:left}.preview-container .preview-body-container .iframe-container{height:100%;overflow:hidden;position:relative;width:100%}.preview-container .preview-body-container .iframe-container #iframe-container{display:none}.preview-container .preview-body-container .iframe-container iframe{border:none;height:100%;width:100%}.preview-container .preview-body-container .mention-modal-video{height:100%;width:100%}.preview-container .preview-body-container .video-js .vjs-modal-dialog:focus{outline:inherit}.preview-container .preview-body-container .image-preview{display:block;height:100%;position:relative;text-align:center;width:100%}.preview-container .preview-body-container .image-preview .image-loading-wrapper,.preview-container .preview-body-container .image-preview img{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.preview-container .preview-body-container .image-preview img{display:none;margin:0 auto;transition:all .3s ease;visibility:hidden}.preview-container .preview-body-container .box-preview-video{background:var(--static-black)}.preview-container .preview-body-container .preview-switch-btn{background:var(--bg-float);border-radius:100%;box-shadow:0 2px 4px 0 var(--shadow-default-md);cursor:pointer;height:48px;opacity:0;padding-top:12px;position:absolute;top:50%;transform:translateY(-60px);transition:all .1s linear;width:48px;z-index:2}.preview-container .preview-body-container .preview-switch-btn svg{height:24px;width:24px}.preview-container .preview-body-container .preview-switch-btn svg path{fill:var(--icon-n1)}.preview-container .preview-body-container .preview-switch-btn:hover svg path{fill:var(--primary-content-default)}.preview-container .preview-body-container .preview-switch-btn-show{opacity:1!important}.preview-container .preview-body-container .preview-switch-prev-btn{background:var(--bg-float);border-radius:100%;box-shadow:0 2px 4px 0 var(--shadow-default-md);cursor:pointer;height:48px;left:5%;opacity:0;padding-left:10px;padding-top:12px;position:absolute;top:50%;transform:translateY(-60px);transition:all .1s linear;width:48px;z-index:2}.preview-container .preview-body-container .preview-switch-prev-btn svg{height:24px;width:24px}.preview-container .preview-body-container .preview-switch-prev-btn svg path{fill:var(--icon-n1)}.preview-container .preview-body-container .preview-switch-prev-btn:hover svg path{fill:var(--primary-content-default)}.preview-container .preview-body-container .preview-switch-next-btn{background:var(--bg-float);border-radius:100%;box-shadow:0 2px 4px 0 var(--shadow-default-md);cursor:pointer;height:48px;opacity:0;padding-left:14px;padding-top:12px;position:absolute;right:5%;top:50%;transform:translateY(-60px);transition:all .1s linear;width:48px;z-index:2}.preview-container .preview-body-container .preview-switch-next-btn svg{height:24px;width:24px}.preview-container .preview-body-container .preview-switch-next-btn svg path{fill:var(--icon-n1)}.preview-container .preview-body-container .preview-switch-next-btn:hover svg path{fill:var(--primary-content-default)}.preview-container video{height:100%;width:100%}.preview-modal.modal-wrap .modal-mask{background-color:transparent}.preview-modal.modal-wrap{display:flex;flex-direction:row;height:100%;width:100%}.preview-modal.modal-wrap .box-preview-container{background:var(--bg-body-overlay);flex:1;height:100%;position:relative;width:100%;z-index:1101}.preview-modal.modal-wrap .box-preview-container .box-preview-loading-wrapper{align-items:center;background:var(--bg-body-overlay);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:87}.preview-notice-modal-text{color:var(--text-title)}

/*! *****************************************************************************
                              这里是与设计对其的标准色盘
注意：所有的颜色须从色盘中提取，不得擅自添加颜色。若设计师给出的UI稿中带有色盘中不存在的颜色，
请与王坤联系并确认。
***************************************************************************** */
/*! **************************************
        Naming Rule:
          modules(BEM) + rule name

        Example:
          @main-container-bg
*****************************************/.preview-error-wrap{align-items:center;background-color:var(--bg-base);display:flex;flex-direction:column;height:100%;justify-content:center}.preview-error-wrap .error-icon{height:120px;width:120px}.preview-error-wrap .error-title{color:var(--text-title);font-size:20px;margin-top:24px}.preview-error-wrap .error-content{color:var(--text-caption);font-size:14px;margin-top:6px;padding:0 44px}.preview-error-wrap .error-btn{background:var(--B500-BG);border:none;border-radius:4px;color:var(--N00-FG);font-size:14px;height:32px;margin-top:16px;min-width:88px;padding:0 16px}.preview-error-wrap.preview-error-wrap-min .preview-content{height:240px}.preview-error-wrap.preview-error-wrap-min .preview-content .preview-error-wrap .error-icon{height:80px;width:80px}.preview-error-wrap.preview-error-wrap-min .preview-content .preview-error-wrap .error-title{font-size:16px;margin-top:16px}.preview-error-wrap.preview-error-wrap-min .preview-content .preview-error-wrap .error-content{font-size:12px;margin-top:4px}.ud__card{background-color:var(--bg-body);border-color:var(--line-border-card);border-style:solid;border-width:1px;box-sizing:border-box;padding:12px;width:100%}.ud__card:hover:not(.ud__card--no-hover-state){box-shadow:var(--shadow-s3-down);cursor:pointer}.ud__card--shadow-sm{box-shadow:var(--shadow-s1-down)}.ud__card--shadow-md{box-shadow:var(--shadow-s2-down)}.ud__card--shadow-lg{box-shadow:var(--shadow-s3-down)}.ud__card--br-sm{border-radius:8px}.ud__card--br-md{border-radius:10px}.ud__card--br-lg{border-radius:12px}.ud__card--noborder{border-color:transparent}.ud__card--noborder:hover:not(.ud__card--no-hover-state){box-shadow:var(--shadow-s3-down)}.ud__card--noshadows{box-shadow:unset}.ud__progress{box-sizing:border-box;display:inline-block;position:relative}.ud__progress--line{display:inline-block;max-width:100%;width:100%}.ud__progress--line .ud__progress--steps{flex-grow:1;flex-shrink:0}.ud__progress--line-wrapper{align-items:center;box-sizing:border-box;display:flex;font-size:12px;justify-content:flex-start}.ud__progress--line-inner{background-color:var(--line-border-card);border-radius:100px;box-sizing:border-box;display:inline-block;height:4px;width:100%}.ud__progress--line-inner-with-right-info{margin-right:12px}.ud__progress--line-inner-with-left-info{margin-left:12px}.ud__progress--line-bg{background-color:var(--primary-content-default);border-radius:100px;box-sizing:border-box;display:block;height:100%;position:relative;transition:width .3s ease,background-color .2s linear;-webkit-transition:width .3s ease,background-color .2s linear}.ud__progress--line-bg-success{background-color:var(--function-success-content-default)}.ud__progress--line-bg-exception{background-color:var(--function-danger-content-default)}.ud__progress--line-bg-normal{background-color:var(--primary-content-default)}.ud__progress--steps{box-sizing:border-box;color:var(--text-placeholder);font-size:12px;line-height:0;white-space:normal}.ud__progress__icon{font-size:12px}.ud__progress__icon--success{color:var(--function-success-content-default)}.ud__progress__icon--error{color:var(--function-danger-content-default)}.ud__progress--circle{display:inline-block;overflow:hidden}.ud__progress--circle-wrapper{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.ud__progress--circle--path{box-sizing:border-box;transition:stroke-dashoffset .3s ease 0s,stroke-dasharray .3s ease 0s,stroke .3s,stroke-width .06s ease .3s,opacity .3s ease 0s,stroke .2s ease 0s;stroke:var(--primary-content-default)}.ud__progress--circle--path--bg{stroke:var(--line-border-card)}.ud__progress--circle--path--success{stroke:var(--function-success-content-default)!important}.ud__progress--circle--path--exception{stroke:var(--function-danger-content-default)!important}.ud__progress--circle--icon{box-sizing:border-box;left:0;line-height:0;position:absolute;transition:opacity .2s ease 0s;vertical-align:0}.ud__progress--circle--icon--success{color:var(--function-success-content-default)}.ud__progress--circle--icon--exception{color:var(--function-danger-content-default)}.ud__progress--circle--steps{color:var(--text-placeholder);display:inline-block;font-size:12px}.ud__progress--circle--steps.ud__progress--circle--steps--left{margin-right:8px;text-align:right;width:32px}.ud__progress--circle--steps.ud__progress--circle--steps--right{margin-left:8px;text-align:left;width:32px}.u13hymzj{padding-right:1em}.u1jew9w3{padding-left:1em}.upxr6h1:before{border-top-style:dashed}.uot9yd9:after{border-top-style:dashed}.u1t7zgic{border-top-style:dashed}.u10ifo7m{top:-.06em}.uaql1jf{height:.9em}.umnb5c9{border-left-width:1px}.u1gnmxmo{border-left-style:solid}.u1h65u2y{border-left-color:var(--line-divider-default)}.ulz4sl8{clear:both}.u10r8f4q{min-width:100%}.u7mkx23{margin-top:24px}.uzx33jt{margin-bottom:24px}.u1knp0kc:before{width:95%}.u1u1lwha:after{width:5%}.u1x64zb4:before{width:5%}.u1re7fmy:after{width:95%}.u15xxrlo{border-top-width:0}.u1297fsr:before{position:relative}.u3q11tn:before{top:50%}.u1nit24q:before{width:50%}.u6igr4h:before{border-top-width:1px}.u1wpgwoz:before{border-top-style:solid}.u1rcpuug:before{border-top-color:transparent}.uy5eah:before{border-top-color:inherit}.u37xc01:before{transform:translateY(50%)}.u1nxbuxv:before{content:""}.u1w0xtbn:after{position:relative}.u112k1a0:after{top:50%}.u1qodldx:after{width:50%}.uamjuou:after{border-top-width:1px}.umpvupu:after{border-top-style:solid}.u1wqody0:after{border-top-color:transparent}.u1k2ilhr:after{border-top-color:inherit}.uevilsf:after{transform:translateY(50%)}.u5ucc2x:after{box-sizing:border-box}.uqf3fvi:after{content:""}.u1w7h210{border-top-width:1px}.u1ptk4iw{border-top-style:solid}.ua71vky{border-top-color:var(--line-divider-default)}.xgplayer-video-new-ui .xgplayer .xgplayer-controls{transition:all .2s ease-out}.xgplayer-video-new-ui .xgplayer.xgplayer-inactive .control_autohide{opacity:0;transform:none}.xgplayer-video-new-ui .xgplayer.xgplayer-inactive.xgplayer-audio-container .control_autohide{opacity:1}.xgplayer-video-new-ui .xgplayer.xgplayer-ended .xgplayer-controls,.xgplayer-video-new-ui .xgplayer.xgplayer-pause .xgplayer-controls{opacity:0}.xgplayer-video-new-ui .xgplayer.xgplayer-ended:hover .xgplayer-controls,.xgplayer-video-new-ui .xgplayer.xgplayer-pause:hover .xgplayer-controls{opacity:1}.xgplayer-video-new-ui .xgplayer .xgplayer-replay,.xgplayer-video-new-ui .xgplayer .xgplayer-start{backdrop-filter:blur(20px);background-color:rgba(var(--N900-raw),.4);border-radius:50%;height:56px;width:56px}.xgplayer-video-new-ui .xgplayer .xgplayer-replay:hover,.xgplayer-video-new-ui .xgplayer .xgplayer-start:hover{background-color:var(--colorful-blue)}.xgplayer-video-new-ui .xgplayer .xgplayer-replay svg,.xgplayer-video-new-ui .xgplayer .xgplayer-start svg{height:21px;width:21px}.xgplayer-video-new-ui .xgplayer .xgplayer-replay svg{height:28px;width:28px}.xgplayer-video-new-ui .xgplayer .xgplayer-start[data-state=pause].hide{display:flex;opacity:1}.xgplayer-video-new-ui .xgplayer .xgplayer-start[data-state=pause] .xg-icon-play{display:block}.xgplayer-video-new-ui .xgplayer .xgplayer-start[data-state=pause] .xg-icon-pause{display:none}.xgplayer-video-new-ui .xgplayer .xgplayer-start[data-state=pause].interact{animation:none}.xgplayer-video-new-ui .xgplayer .xgplayer-ended .xgplayer-start{display:none}.xgplayer-video-new-ui .xgplayer .xgplayer-ended .xgplayer-replay{display:flex}.box-preview-video-without-header [data-sel=box-preview-container] [data-sel=box-preview-video-header]{display:none}

/*! *****************************************************************************
                              这里是与设计对其的标准色盘
注意：所有的颜色须从色盘中提取，不得擅自添加颜色。若设计师给出的UI稿中带有色盘中不存在的颜色，
请与王坤联系并确认。
***************************************************************************** */
/*! **************************************
        Naming Rule:
          modules(BEM) + rule name

        Example:
          @main-container-bg
*****************************************/.innerdocbody.adit-container ul.r-list-done li{color:var(--text-caption)}.common-flex-vertical-center{align-items:center;display:flex;justify-content:center}.common-animation-enter{animation-duration:.1s;animation-fill-mode:forwards;animation-name:bottom-right-enter;animation-timing-function:ease}.common-animation-leave{animation-duration:.1s;animation-fill-mode:forwards;animation-name:bottom-right-leave;animation-timing-function:ease-in}@keyframes bottom-right-enter{0%{opacity:0;transform:translate3d(20%,-20%,0) scale(.6)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes bottom-right-leave{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(20%,-20%,0) scale(.6)}}.suite-download-btn.ud__button{margin-left:4px;margin-right:8px}.note-title__btn-container .ud__tooltip-disabled-compatible-wrapper{margin-left:12px}.note-title__btn-container .download-use-layout .ud__tooltip-disabled-compatible-wrapper,.note-title__btn-container .iconButton{margin-left:0}