::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar,::-webkit-scrollbar:hover{background:transparent}::-webkit-scrollbar-thumb{border-radius:6px;background:#979797;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}::-webkit-scrollbar-corner{background:transparent}::selection{color:#fff;background-color:var(--os-theme)}::-moz-selection{color:#fff;background-color:var(--os-theme)}*{font-family:nxux-cn;margin:0;padding:0;border:0;outline:0;-moapp-box-sizing:border-box}*,:after,:before{box-sizing:border-box}* button,* input,* select{-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation}a{color:var(--os-text-color);text-decoration:none;background-color:transparent;outline:none;transition:color .3s;-webkit-text-decoration-skip:objects}a:active,a:hover{color:var(--os-theme)}a:active,a:focus,a:hover{text-decoration:none;outline:0}li{list-style:none;-webkit-tap-highlight-color:transparent;outline:none;touch-action:manipulation}:root{--os-size:13px;--os-theme:#5096ff;--os-text-color:#333336;--os-icon-color:#333336;--os-title-color:#1d1d1d;--os-text-hover-color:rgba(80,150,255,.8);--os-primary:#5096ff;--os-warning:#ffa435;--os-danger:#f65d68;--os-success:#20c997;--os-shadow:0px 0px 12px rgba(100,107,122,.12)}[data-selectable=true],[data-selectable=true] *{-webkit-user-select:text;-moz-user-select:text;user-select:text}@font-face{font-family:nxux-en;font-style:normal;font-display:swap;src:url('/fonts/nxux-en.woff2') format('woff2');}/* nxux-cn 中文字体由 /fonts/nxux-cn/result.css 按 unicode-range 分片提供 */.nxux-en{font-family:nxux-en}@keyframes deleteZoom{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0;visibility:hidden}}@keyframes saveZoom{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes windowRestore{0%{transform:scale(1.03) translateY(-3px);opacity:.96;filter:blur(1px)}40%{transform:scale(.96) translateY(3px);opacity:.94;filter:blur(.6px)}70%{transform:scale(1.02) translateY(-1px);opacity:.98;filter:blur(.2px)}85%{transform:scale(.99) translateY(.5px);opacity:.99;filter:blur(.05px)}to{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}@keyframes windowMinimize{0%{transform:scale(1) translate(0);opacity:1}to{transform:scale(0) translate(-50px,50px);opacity:0;visibility:hidden}}@keyframes windowMaximize{0%{transform:scale(.98);opacity:.95}50%{transform:scale(1.02);opacity:1}to{transform:scale(1);opacity:1}}@keyframes windowOpen{0%{transform:scale(.8);opacity:0;filter:blur(4px)}50%{transform:scale(1.02);opacity:.9}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes windowClos{0%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(.8);opacity:0;filter:blur(4px);visibility:hidden}}@keyframes windowReactivate{0%{transform:scale(1)}40%{transform:scale(1.05)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes dockElasticity{0%{transform:scale(1)}10%{transform:scale(1.1,.9)}30%{transform:scale(.9,1.1)}50%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes dockElasticityTow{0%{transform:scaleZ(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}to{transform:scaleZ(1)}}.fade-appear,.fade-enter-active,.fade-leave-active{animation-duration:.15s;animation-fill-mode:both;animation-play-state:paused}.fade-appear,.fade-enter-active{animation-name:fadeIn;animation-play-state:running}.fade-leave-active{animation-name:fadeOut;animation-play-state:running}.fade-appear,.fade-enter-active{opacity:0}.fade-appear,.fade-enter-active,.fade-leave-active{animation-timing-function:linear}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.ease-drop-enter-from,.ease-drop-leave-to{opacity:0;transform:translateY(15px)}.ease-drop-enter-to,.ease-drop-leave-from{opacity:1;transform:translateY(0)}.ease-drop-enter-active,.ease-drop-leave-active{transition:opacity .3s ease,transform .3s ease}.elasticity-enter-active{animation:dockElasticity .6s ease}.elasticity-leave-active{transition:opacity .3s ease}.elasticity-enter-from,.elasticity-leave-to{opacity:0}.elasticity-tow-enter-active{animation:dockElasticityTow .6s ease}.elasticity-tow-leave-active{transition:opacity .3s ease}.elasticity-tow-enter-from,.elasticity-tow-leave-to{opacity:0}.top-slide-enter-active,.top-slide-leave-active{transition:transform .65s cubic-bezier(.25,.1,.1,1);will-change:transform}.top-slide-enter-from,.top-slide-leave-to{transform:translateY(-100%)}.top-slide-enter-to,.top-slide-leave-from{transform:translateY(0)}.dock-slide-enter-active,.dock-slide-leave-active{transition:transform .65s cubic-bezier(.25,.1,.1,1);will-change:transform}.dock-slide-enter-from,.dock-slide-leave-to{transform:translateY(80px)}.dock-slide-enter-to,.dock-slide-leave-from{transform:translateY(0)}.allocation-permission-enter-active{transition:transform .5s cubic-bezier(.25,.1,.1,1);will-change:transform}.allocation-permission-enter-from{transform:translate(100%)}.allocation-permission-leave-active{transition:transform .5s cubic-bezier(.25,.1,.1,1);will-change:transform}.allocation-permission-leave-to{transform:translate(100%)}.allocation-role-enter-active{transition:transform .5s cubic-bezier(.25,.1,.1,1);will-change:transform}.allocation-role-enter-from{transform:translate(100%)}.allocation-role-leave-active{transition:transform .5s cubic-bezier(.25,.1,.1,1);will-change:transform}.allocation-role-leave-to{transform:translate(100%)}.os-button{color:#fff;height:30px;font-size:12px;padding:0 8px;width:-moz-fit-content;width:fit-content;display:inline-flex;gap:4px;align-items:center;justify-content:center;border-radius:4px;transition:.3s;white-space:nowrap;background-color:var(--os-theme)}.os-button:hover{opacity:.82}.os-button.is-disabled{opacity:.6}.os-button.is-loading{opacity:.82}.os-button.is-primary{background-color:var(--os-primary)}.os-button.is-warning{background-color:var(--os-warning)}.os-button.is-danger{background-color:var(--os-danger)}.os-button.is-success{background-color:var(--os-success)}.os-image-animation{position:relative;display:inline-flex;overflow:hidden;align-items:center;justify-content:center}.os-image-animation:hover>img{opacity:0;filter:blur(8px);transform:scaleX(1.5)}.os-image-animation:hover .image-animation img{z-index:2;filter:blur(0);opacity:1;transform:scaleX(1)}.os-image-animation img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.5s}.os-image-animation>img{transform-origin:right}.os-image-animation .image-animation{z-index:0;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.os-image-animation .image-animation img{position:relative;opacity:0;transform-origin:left;filter:blur(8px);transform:scaleX(1.5)}.os-input{width:100%;display:flex;align-items:center}.os-input.is-button input{border-top-right-radius:0;border-bottom-right-radius:0}.os-input.is-disabled input,.os-input.is-disabled textarea{cursor:not-allowed;opacity:.6}.os-input input,.os-input textarea{width:100%;height:30px;padding:4px 6px;font-size:13px;border-radius:6px;caret-color:var(--os-theme);color:var(--os-text-color);outline:none;transition:all .3s ease;background-color:#f8f9fa}.os-input input:disabled,.os-input textarea:disabled{cursor:not-allowed;opacity:.6}.os-input textarea{height:100%;resize:none}.os-input .os-input-button{color:#fff;height:30px;padding:8px;font-size:13px;transition:.3s;white-space:nowrap;display:flex;gap:4px;align-items:center;background-color:var(--os-theme);border-top-right-radius:6px;border-bottom-right-radius:6px}.os-input .os-input-button:hover{opacity:.8}.os-input .os-input-button.is-disabled{opacity:.6}.os-input .os-input-button.is-loading{opacity:.82}.os-pagination{position:fixed;top:7px;left:80px;overflow:hidden;border-radius:4px;display:flex;gap:4px;align-items:center}.os-pagination .is-next,.os-pagination .is-prev,.os-pagination .is-refresh{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.os-pagination .is-next:hover,.os-pagination .is-prev:hover,.os-pagination .is-refresh:hover{opacity:.6}.os-pagination .is-next.is-disabled,.os-pagination .is-prev.is-disabled,.os-pagination .is-refresh.is-disabled{opacity:.6;pointer-events:none}.os-scrollbar{width:100%;height:100%;overflow:hidden;position:relative}.os-scrollbar:hover .scroll-track{opacity:1}.os-scrollbar * ::-webkit-scrollbar{display:none}.os-scrollbar * ::-moz-scrollbar{display:none}.os-scrollbar .scroll-wrap::-webkit-scrollbar{display:none}.os-scrollbar .scroll-wrap{overflow:auto;height:100%;scrollbar-width:none}.os-scrollbar .scroll-track{position:absolute;opacity:0;right:2px;bottom:2px;z-index:1;transition:.3s;border-radius:4px;overflow:hidden}.os-scrollbar .scroll-track.is-always{opacity:1}.os-scrollbar .scroll-track.is-horizontal{height:4px;left:2px}.os-scrollbar .scroll-track.is-horizontal .scroll-thumb{height:100%}.os-scrollbar .scroll-track.is-vertical{width:4px;top:2px}.os-scrollbar .scroll-track.is-vertical .scroll-thumb{width:100%}.os-scrollbar .scroll-track .scroll-thumb{position:relative;display:block;width:0;height:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:inherit;background-color:#8b8b8b;transition:background-color .3s,height .3s ease-out,width .3s ease-out}.os-scrollbar .scroll-track .scroll-thumb:hover{background-color:#8b8b8bcc}.os-slider{position:relative;width:100%;height:20px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.os-slider .slider-track{width:100%;background:#ddd}.os-slider .slider-fill,.os-slider .slider-track{position:absolute;top:50%;transform:translateY(-50%);height:4px;border-radius:2px}.os-slider .slider-fill{background:var(--os-theme)}.os-slider .slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--os-theme)}.os-space.is-full{width:100%;flex-wrap:wrap}.os-switch{width:40px;height:20px;background:#ccc;border-radius:999px;position:relative;transition:background .2s ease}.os-switch.is-active{background:var(--os-theme)}.os-switch.is-active .switch-circle{left:calc(100% - 20px)}.os-switch .switch-circle{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:50%;left:4px;transform:translateY(-50%);transition:all .2s ease}.os-table,.os-table table{position:relative}.os-table table{width:100%;border-spacing:0}.os-table table thead{background-color:#fff}.os-table table thead tr th{opacity:.9;height:36px;min-height:36px;max-height:36px;font-size:12px;padding:8px 10px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--os-title-color);border-bottom:1px solid #f4f4f4}.os-table table tbody tr:nth-child(2n):hover td{color:#fff;background-color:var(--os-theme)}.os-table table tbody tr:nth-child(2n) td{background-color:#f4f5f5}.os-table table tbody tr.is-active td{color:#fff!important;background-color:var(--os-danger)!important}.os-table table tbody tr:hover{background-color:var(--os-theme)}.os-table table tbody tr:hover td{color:#fff!important}.os-table table tbody tr td:first-child{color:var(--os-title-color)}.os-table table tbody tr td{height:34px;min-height:34px;max-height:34px;padding:0 10px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--os-text-color)}.os-table table tbody tr td .is-td{display:flex;align-items:center;-o-object-fit:cover;object-fit:cover}.os-table table tbody tr td .is-td img{-o-object-fit:cover;object-fit:cover;border-radius:4px}.os-editor{transition:.3s;flex-direction:column;overflow:hidden}.os-editor,.os-editor .editor-content{position:relative;width:100%;display:flex}.os-editor .editor-content{height:calc(100% - 50px)}.os-editor .editor-content .editor-resizer{height:100%;width:1px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;align-items:center;justify-content:center;border-radius:50px;background-color:color-mix(in srgb,var(--os-title-color) 10%,transparent)}.os-editor .editor-content .editor-resizer svg{z-index:10;width:16px;height:16px;min-height:16px;min-width:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.os-editor .editor-content .editor-left,.os-editor .editor-content .editor-right{min-width:10%;height:100%;padding:12px;overflow-y:auto;color:var(--os-title-color);font-size:13px;word-wrap:break-word;word-break:break-word;white-space:normal}.os-editor .editor-content .editor-left{resize:none;background-color:transparent}.os-editor .editor-content .editor-right{display:flex;gap:12px;flex-direction:column}.os-editor .editor-content .editor-right img{max-width:100%;border-radius:4px}.editor-tooltip-enter-active,.editor-tooltip-leave-active{transition:opacity .2s ease,transform .2s ease}.editor-tooltip-enter-from,.editor-tooltip-leave-to{opacity:0;transform:scale(.5)}.editor-tooltip-enter-to,.editor-tooltip-leave-from{opacity:1;transform:scale(1)}.editor-right h1,.editor-right h2,.editor-right h3,.editor-right h4,.editor-right h5,.editor-right h6{font-weight:700}.editor-right h1{font-size:20px}.editor-right h2{font-size:18px}.editor-right h3{font-size:16px}.editor-right h4{font-size:14px}.editor-right h5{font-size:13px}.editor-right p code{white-space:normal;color:#596671;padding:2px 4px;border-radius:4px;background-color:#f5f7fa}.editor-right em{font-style:italic}.editor-right del{text-decoration:line-through}.editor-right u{text-decoration:underline}.editor-right hr{width:100%;height:1px;margin:10px 0;background-color:#f3f3f3}.editor-right blockquote{border-radius:4px;padding:10px 15px;border-left:4px solid var(--editor-theme);background-color:color-mix(in srgb,var(--editor-theme) 20%,transparent)}.editor-right a{color:#20c997}.editor-right ol{padding-inline-start:20px}.editor-right ol li{list-style:inherit}.editor-right ul{display:flex;gap:4px;flex-direction:column}.editor-right ul li{display:flex;gap:4px;align-items:center}.editor-right ul li .li-checked{position:relative;width:14px;height:14px;display:flex;padding:1px;border-radius:2px;border:1px solid #ebebeb}.editor-right ul li .li-checked.is-checked{background-color:var(--os-theme);border:1px solid transparent}.editor-right ul li .li-checked svg{color:#fff}.editor-right details{display:flex;gap:10px;flex-direction:column}.editor-right details .details-content{position:relative}.editor-right table{max-width:100%;border-spacing:0}.editor-right table th{min-width:0;padding:6px 10px;font-size:13px;text-align:left;font-weight:500;white-space:nowrap;border-top:1px solid #f4f4f4}.editor-right table td,.editor-right table th{border-bottom:1px solid #f4f4f4;border-right:1px solid #f4f4f4}.editor-right table td:first-child,.editor-right table th:first-child{border-left:1px solid #f4f4f4}.editor-right table tbody tr{color:var(--os-text-color)}.editor-right table tbody td:last-child{border-right:1px solid #f3f3f3}.editor-right table tbody td{font-size:12px;padding:8px 10px}.editor-right .app-panel{position:relative}.editor-right .app-panel .panel-title{border-top-left-radius:4px;border-top-right-radius:4px}.editor-right .app-panel .panel-body{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.editor-right .app-panel.is-primary .panel-title{background-color:#339af0}.editor-right .app-panel.is-primary .panel-body{background-color:#339bf066;color:#339af0}.editor-right .app-panel.is-info .panel-title{background-color:#099cba}.editor-right .app-panel.is-info .panel-body{background-color:#099cba66;color:#099cba}.editor-right .app-panel.is-warning .panel-title{background-color:#ffa435}.editor-right .app-panel.is-warning .panel-body{background-color:#ffa43566;color:#ffa435}.editor-right .app-panel.is-danger .panel-title{background-color:#f65d68}.editor-right .app-panel.is-danger .panel-body{background-color:#f65d6766;color:#f65d68}.editor-right .app-panel.is-success .panel-title{background-color:#20c997}.editor-right .app-panel.is-success .panel-body{background-color:#20c99666;color:#20c997}.editor-right .app-panel .panel-title{color:#fff;padding:6px 10px}.editor-right .app-panel .panel-body{font-size:13px;padding:8px 10px}.editor-right pre{display:flex;padding:10px;line-height:24px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-size:12px;color:#858585;border-radius:4px;background-color:#f7f7f7}.editor-right pre code{display:block}.editor-right pre code .token-vue-function{color:#34a3ff}.editor-right pre code .token-vue-ref{color:#e1a12e}.editor-right pre code .token-vue-ref-value{color:#e06c75}.editor-right pre code .token-vue-props{color:#e1a12e}.editor-right pre code .token-vue-operator{color:#57aebb}.editor-right pre code .token-vue-directive{color:#dc64ff}.editor-right pre code .token-vue-event{color:#d19a66}.editor-right pre code .token-vue-directive-value{color:#e06c75}.editor-right pre code .token-title.class_{color:#e1a12e}.editor-right pre code .token-function{color:#dc64ff}.editor-right pre code .token-function .token-params{color:#e1a12e}.editor-right pre code .token-property{color:#e06c75}.editor-right pre code .token-comment,.editor-right pre code .token-quote{color:#b7b7b7;font-style:italic}.editor-right pre code .token-doctag,.editor-right pre code .token-formula,.editor-right pre code .token-keyword{color:#dc64ff}.editor-right pre code .token-deletion,.editor-right pre code .token-name,.editor-right pre code .token-section,.editor-right pre code .token-selector-tag,.editor-right pre code .token-subst{color:#e06c75}.editor-right pre code .token-literal{color:#d19a66}.editor-right pre code .token-addition,.editor-right pre code .token-attribute,.editor-right pre code .token-meta .token-string,.editor-right pre code .token-regexp,.editor-right pre code .token-string{color:#72d549}.editor-right pre code .token-attr,.editor-right pre code .token-number,.editor-right pre code .token-selector-attr,.editor-right pre code .token-selector-class,.editor-right pre code .token-selector-pseudo,.editor-right pre code .token-template-variable,.editor-right pre code .token-type,.editor-right pre code .token-variable{color:#ed8c30}.editor-right pre code .token-bullet,.editor-right pre code .token-link,.editor-right pre code .token-meta,.editor-right pre code .token-selector-id,.editor-right pre code .token-symbol,.editor-right pre code .token-title{color:#34a3ff}.editor-right pre code .token-built_in .token-title,.editor-right pre code .token-class .token-title{color:#e1a12e}.editor-top{width:100%;height:40px;position:relative;padding:0 12px;gap:10px;justify-content:space-between}.editor-top,.editor-top ul{display:flex;align-items:center}.editor-top ul{gap:20px;flex-wrap:wrap}.editor-top ul li{position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px}.editor-top ul li svg{opacity:.8}.editor-top ul li.is-line{width:1px;height:20px;margin:0 2px;background-color:#25272d1a}.editor-top ul li>button{position:relative;display:flex;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;white-space:nowrap;align-items:center;vertical-align:middle;box-sizing:border-box;justify-content:center;touch-action:manipulation;background-color:transparent}.editor-top ul li>button:hover .is-icon{fill:var(--os-theme);stroke:var(--os-theme)}.editor-top ul li>button .is-icon{transition:.3s}.editor-top ul li .top-select{z-index:1;position:absolute;left:50%;bottom:0;translate:-50% calc(100% + .6em);display:flex;gap:4px;flex-direction:column;padding:8px;border-radius:8px;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-top ul li .top-select.is-color{left:0;bottom:0;translate:0 calc(100% + .6em)}.editor-top ul li .top-select.is-image,.editor-top ul li .top-select.is-table{left:auto;right:0;bottom:0;translate:0 calc(100% + .6em)}.editor-top ul li .top-select .select-item{display:flex;gap:4px;align-items:center;white-space:nowrap;padding:5px 10px}.editor-top ul li .top-select .select-item:hover p{color:var(--os-theme)}.editor-top ul li .top-select .select-item:hover .is-icon{fill:var(--os-theme)}.editor-top ul li .top-select .select-item p,.editor-top ul li .top-select .select-item svg{transition:.3s}.editor-top ul li .top-select .select-item p{font-size:12px;color:var(--os-title-color)}.editor-top ul li .top-select .editor-add-image input,.editor-top ul li .top-select .editor-add-table input{width:100%;height:26px;min-height:26px;font-size:12px;color:var(--os-title-color);padding:2px 6px;transition:.3s;border:1px solid transparent;background-color:#f7f7f7b8;border-radius:4px}.editor-top ul li .top-select .editor-add-image p,.editor-top ul li .top-select .editor-add-table p{height:26px;min-height:26px;display:flex;align-items:center;justify-content:center;padding:0 10px;color:#fff;font-size:12px;transition:.3s;white-space:nowrap;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:var(--os-theme)}.editor-top ul li .top-select .editor-add-image p:hover,.editor-top ul li .top-select .editor-add-table p:hover{opacity:.82}.editor-top ul li .top-select .editor-add-image .is-title,.editor-top ul li .top-select .editor-add-table .is-title{font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;color:var(--os-title-color)}.editor-top ul li .top-select .editor-add-image{width:240px;display:flex;gap:10px;flex-direction:column}.editor-top ul li .top-select .editor-add-image>input{display:none}.editor-top ul li .top-select .editor-add-image .is-url{display:flex;align-items:center}.editor-top ul li .top-select .editor-add-image .is-url input{border-top-right-radius:0;border-bottom-right-radius:0}.editor-top ul li .top-select .editor-add-image .is-upload{color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;padding:8px 10px;border-radius:4px;transition:.3s;background-color:var(--os-theme)}.editor-top ul li .top-select .editor-add-image .is-upload:hover{opacity:.82}.editor-top ul li .top-select .editor-add-table{display:flex;gap:10px;flex-direction:column}.editor-top ul li .top-select .editor-add-table .table-value{display:flex;gap:6px;align-items:center}.editor-top ul li .top-select .editor-add-table .table-value input{width:60px}.editor-top ul li .top-select .editor-add-table p{border-top-left-radius:4px;border-bottom-left-radius:4px}.editor-top ul li .size-select .select-item{min-width:80px;flex-direction:column}.editor-top .editor-upload-percent{position:absolute;left:0;bottom:0;width:0;height:2px;transition:.3s;border-radius:50px;background-color:var(--os-theme)}.color-picker-canvas{display:flex;flex-direction:column;gap:10px;border-radius:4px;background-color:#fff}.color-picker-canvas .color-square{position:relative;width:200px;height:200px}.color-picker-canvas .color-square>canvas{width:100%;height:100%;display:block;border-radius:4px}.color-picker-canvas .color-square .is-circle{width:12px;height:12px;border:2px solid hsla(0,0%,100%,.8);border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.color-picker-canvas .hue-bar{position:relative;width:200px;height:10px;border-radius:50px}.color-picker-canvas .hue-bar>canvas{width:100%;height:100%;display:block;border-radius:50px}.color-picker-canvas .hue-bar .is-circle{width:14px;height:14px;border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none;background-color:#fff}.color-picker-canvas .color-code{display:flex;align-items:center;justify-content:flex-end}.color-picker-canvas .color-code p{padding:4px 8px;transition:.3s;border-radius:4px;font-size:12px;color:#fff;background-color:var(--os-theme)}.color-picker-canvas .color-code p:hover{opacity:.72}.os-message{position:fixed;right:10px;min-width:280px;max-width:420px;border-radius:12px;padding:10px;z-index:9999;gap:12px;transition:.3s;transition-property:opacity,transform,top;transition-duration:.3s;transition-timing-function:ease;background-color:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.os-message,.os-message .message-left{display:flex;align-items:center}.os-message .message-left .message-icon{display:inline-flex}.os-message .message-left .message-icon svg{height:26px}.os-message .message-right{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}.os-message .message-right .message-data{width:100%;display:flex;gap:4px;flex-direction:column}.os-message .message-right .message-data .message-title{font-size:12px;color:var(--os-title-color)}.os-message .message-right .message-data .message-content{font-size:12px;color:var(--os-text-color);word-break:break-word}.os-message .message-right .message-close{position:absolute;top:-4px;right:4px;font-size:10px;transition:.3s}.os-message .message-right .message-close:hover{opacity:.62}pre{display:flex;padding:10px;line-height:24px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-size:12px;color:#858585;border-radius:4px;background-color:#f7f7f7}pre code{display:block}pre code .token-vue-function{color:#34a3ff}pre code .token-vue-ref{color:#e1a12e}pre code .token-vue-ref-value{color:#e06c75}pre code .token-vue-props{color:#e1a12e}pre code .token-vue-operator{color:#57aebb}pre code .token-vue-directive{color:#dc64ff}pre code .token-vue-event{color:#d19a66}pre code .token-vue-directive-value{color:#e06c75}pre code .token-title.class_{color:#e1a12e}pre code .token-function{color:#dc64ff}pre code .token-function .token-params{color:#e1a12e}pre code .token-property{color:#e06c75}pre code .token-comment,pre code .token-quote{color:#b7b7b7;font-style:italic}pre code .token-doctag,pre code .token-formula,pre code .token-keyword{color:#dc64ff}pre code .token-deletion,pre code .token-name,pre code .token-section,pre code .token-selector-tag,pre code .token-subst{color:#e06c75}pre code .token-literal{color:#d19a66}pre code .token-addition,pre code .token-attribute,pre code .token-meta .token-string,pre code .token-regexp,pre code .token-string{color:#72d549}pre code .token-attr,pre code .token-number,pre code .token-selector-attr,pre code .token-selector-class,pre code .token-selector-pseudo,pre code .token-template-variable,pre code .token-type,pre code .token-variable{color:#ed8c30}pre code .token-bullet,pre code .token-link,pre code .token-meta,pre code .token-selector-id,pre code .token-symbol,pre code .token-title{color:#34a3ff}pre code .token-built_in .token-title,pre code .token-class .token-title{color:#e1a12e}.os-video{overflow:hidden;position:relative;display:inline-flex;flex-direction:column;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-bottom-right-radius:8px}.os-video .video-controller{height:50px;min-height:50px;width:100%;transition:.3s;display:flex;gap:20px;align-items:center;color:var(--os-title-color);padding:0 12px}.os-video .video-controller .tool-item{position:relative;height:100%;display:inline-flex;align-items:center}.os-video .video-controller .tool-item .is-pause,.os-video .video-controller .tool-item .is-play{display:inline-flex;transition:.3s}.os-video .video-controller .tool-item .is-pause:hover,.os-video .video-controller .tool-item .is-play:hover{opacity:.8}.os-video .video-controller .tool-item .volume{display:inline-flex;align-items:center}.os-video .video-controller .tool-item .volume .is-down,.os-video .video-controller .tool-item .volume .is-mute{display:inline-flex;transition:.3s}.os-video .video-controller .tool-item .volume .is-down:hover,.os-video .video-controller .tool-item .volume .is-mute:hover{opacity:.8}.os-video .video-controller .tool-item:nth-child(2){width:100%;display:flex;gap:12px;align-items:center}.os-video .video-controller .tool-item:nth-child(3){display:flex;gap:6px;align-items:center}.os-video .video-mask{z-index:2;position:absolute;inset:50px 0 0}.os-video .video-data{width:100%;height:100%;overflow:hidden;position:relative;display:inline-flex;background-color:#000}.os-video .video-data video{width:100%;height:100%;transition:.3s}.os-video .video-data .video-cover{position:absolute;inset:0}.os-video .video-data .video-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-loading{z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);display:flex;gap:4px;align-items:center}.video-loading.is-ended,.video-loading.is-play{transition:.3s}.video-loading.is-ended:hover,.video-loading.is-play:hover{opacity:.6}.video-loading p{display:flex;align-items:center}.video-error,.video-loading p{font-size:.92em;color:#ffffffb8}.video-error{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);padding:8px 10px;border-radius:4px;background-color:#0006}.controller-progress{opacity:.82;width:100%;height:3px;min-height:3px;overflow:hidden;border-radius:50px;background-color:#fff9}.controller-progress .progress-track{position:relative;height:100%;width:100%;background-color:#ebebeb}.controller-progress .progress-track .loaded-thumb,.controller-progress .progress-track .progress-thumb{position:absolute;left:0;bottom:0;height:100%}.controller-progress .progress-track .progress-thumb{z-index:10;background-color:var(--os-theme)}.controller-progress .progress-track .loaded-thumb{z-index:6;background-color:#d5d5d5}.volume-scrollbar{position:relative;width:100px;height:3px;touch-action:none;border-radius:50px;background:#ebebeb}.volume-scrollbar .volume-filled{position:absolute;height:100%;border-radius:50px;background-color:var(--os-theme)}.volume-scrollbar .volume-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--os-theme)}.os-music{width:100%;height:100%;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat}.os-music audio{display:none}.os-music .music-data{position:absolute;inset:0;background-color:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.os-music .music-data .music-details{padding:20px;display:flex;gap:20px;flex-direction:column;align-items:center}.os-music .music-data .music-details .cover{width:220px;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.os-music .music-data .music-details .cover.is-play{animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.os-music .music-data .music-details>p{font-size:var(--os-size);color:#fffc}.os-music .music-data .panel-details{padding:20px;display:flex;gap:30px;align-items:center;justify-content:center}.os-music .music-data .panel-details .details-item{display:inline-flex;align-items:center;justify-content:center}.os-music .music-data .panel-details .details-item.volume{display:flex;gap:10px;align-items:center}.os-music .music-data .panel-details .details-item.volume .volume-scrollbar{position:relative;width:100px;height:3px;touch-action:none;border-radius:50px;background:#ebebeb}.os-music .music-data .panel-details .details-item.volume .volume-scrollbar .volume-filled{position:absolute;height:100%;border-radius:50px;background-color:var(--os-theme)}.os-music .music-data .panel-details .details-item.volume .volume-scrollbar .volume-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--os-theme)}.os-music .music-data .schedule-details{padding:20px;display:flex;gap:12px;align-items:center;justify-content:center}.os-music .music-data .schedule-details .schedule-progress{position:relative;width:40%;height:4px;display:flex;border-radius:50px;align-items:center;background:#e7e7e766}.os-music .music-data .schedule-details .schedule-progress .schedule-loaded{z-index:2;position:absolute;height:100%;transition:.3s;border-radius:50px;pointer-events:none;background-color:var(--os-theme)}.os-music .music-data .schedule-details .schedule-progress .schedule-waiting{z-index:2;position:absolute;height:100%;transition:.3s;border-radius:4px;pointer-events:none;background-color:#d1d1d1}.os-music .music-data .schedule-details .schedule-time{font-size:13px;color:#fffc}.os-music .music-canvas{z-index:10;opacity:.8;position:absolute;bottom:0;left:0;right:0;pointer-events:none}.os-checkbox-group{gap:10px;display:inline-flex;flex-wrap:wrap;align-items:center}.os-checkbox{gap:4px;display:flex;align-items:center}.os-checkbox input{display:none}.os-checkbox.is-checked .checkbox-wrapper .checkbox-inner{border-color:var(--os-theme);background-color:var(--os-theme)}.os-checkbox.is-checked .checkbox-wrapper .is-icon{transform:scale(1)}.os-checkbox.is-checked .checkbox-wrapper .is-icon .icon-path{stroke-dashoffset:0}.os-checkbox.is-disabled .checkbox-wrapper .checkbox-inner{background-color:#f9f9f9;border-color:#f9f9f9}.os-checkbox.is-disabled .is-text{opacity:.8}.os-checkbox.is-indeterminate .checkbox-wrapper .checkbox-inner{border-color:var(--os-theme);background-color:var(--os-theme)}.os-checkbox.is-indeterminate .checkbox-wrapper .is-icon{transform:scale(1)}.os-checkbox.is-checked .is-text{color:var(--os-theme)}.os-checkbox .checkbox-wrapper{position:relative;border-radius:2px;transition:transform .2s ease;min-height:14px;min-width:14px}.os-checkbox .checkbox-wrapper .checkbox-inner{position:absolute;inset:0;border-radius:2px;transition:all .2s ease;border:1px solid #f1f1f1}.os-checkbox .checkbox-wrapper .is-icon{position:absolute;inset:.093em;color:#fff;transform:scale(0);transition:all .2s ease}.os-checkbox .checkbox-wrapper .is-icon .icon-path{stroke-dasharray:40;stroke-dashoffset:40;transition:stroke-dashoffset .3s ease .1s}.os-checkbox .is-text{display:inline-flex;align-items:center;font-size:var(--os-size);color:var(--os-text-color)}.os-select{width:100%;height:34px;min-height:34px;padding:4px 8px;display:flex;align-items:center;position:relative;border-radius:6px;animation-name:select;background-color:#f8f9fa}.os-select.is-disabled{opacity:.62;background-color:#f9f9f9}.os-select .select-content{width:100%;position:relative;display:flex;align-items:center;justify-content:space-between}.os-select .select-content>svg{border-radius:4px;background-color:var(--os-theme)}.os-select .select-content .select-data{gap:6px;display:flex;flex-wrap:wrap;padding-inline-end:20px}.os-select .select-content .select-data .select-item{color:var(--os-text-color);font-size:var(--os-size);gap:6px;display:flex;align-items:center;padding:2px 4px;border-radius:4px}.os-select .select-content .select-data .select-item.is-multiple{background-color:#f5f7fa}.os-select .select-content .select-data .select-item span{font-size:var(--os-size)}.os-select .select-dropdown{z-index:2;width:100%;position:absolute;bottom:0;left:50%;translate:-50% calc(100% + 1em);max-height:240px;background-color:#fff}.os-select .select-dropdown ul{max-height:220px}.os-select .select-dropdown ul li{font-size:var(--os-size);padding:6px;color:var(--os-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:4px;align-items:center}.os-select .select-dropdown ul li:hover{color:#fff;background-color:var(--os-theme)}.os-select .select-dropdown ul li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-select .select-dropdown ul .is-active{color:#fff;background-color:var(--os-theme)}.os-divider{position:relative;display:flex;height:1px;width:100%;margin:20px 0;border-top:1px solid #f3f3f3}.os-divider.is-dashed{border-top:1px dashed #dcdfe6}.os-divider .divider-text{gap:4px;position:absolute;left:22px;padding:0 10px;font-weight:500;font-size:var(--os-size);white-space:nowrap;display:flex;align-items:center;transform:translateY(-50%);background-color:transparent;color:var(--os-text-color)}.os-divider .divider-text.center{left:50%;transform:translate(-50%) translateY(-50%)}.os-divider .divider-text.right{right:22px;left:auto}.os-file-upload{gap:10px}.os-file-upload,.os-file-upload .upload-file{position:relative;display:flex;flex-direction:column}.os-file-upload .upload-file{height:110px;padding:12px;gap:12px;align-items:center;justify-content:center;transition:.3s;border-radius:6px;background-color:#f7fafc;border:2px dashed #cbd5e0}.os-file-upload .upload-file:hover{border:2px dashed var(--os-theme);background-color:color-mix(in srgb,var(--os-theme) 20%,transparent)}.os-file-upload .upload-file:hover svg{fill:var(--os-theme);color:var(--os-theme)}.os-file-upload .upload-file.is-uploading{border:2px dashed var(--os-theme);background-color:color-mix(in srgb,var(--os-theme) 20%,transparent)}.os-file-upload .upload-file.is-uploading svg{color:var(--os-theme)}.os-file-upload .upload-file svg{transition:.3s}.os-file-upload .upload-file svg.is-loading{animation:button-loading 1.6s linear infinite}@keyframes button-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.os-file-upload .upload-file .upload-accept,.os-file-upload .upload-file .upload-description{font-size:12px;transition:.3s;color:var(--os-text-color)}.os-file-upload .upload-file .upload-description{opacity:.9}.os-file-upload .upload-file .upload-accept{opacity:.8}.os-file-upload .file-list{width:100%;position:relative;display:flex;gap:4px;flex-direction:column;padding:4px 0;overflow:hidden;border-radius:6px;background-color:#f8f9fa}.os-file-upload .file-list .file-item{position:relative;padding:4px 10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;overflow:hidden;border-radius:4px}.os-file-upload .file-list .file-item.is-error{color:var(--os-danger)}.os-file-upload .file-list .file-item.is-uploading{color:#ffffffeb;background-color:color-mix(in srgb,var(--os-theme) 70%,transparent)}.os-file-upload .file-list .file-item .file-info{z-index:2;display:flex;align-items:center;gap:8px;min-width:0;flex:1}.os-file-upload .file-list .file-item .file-info .file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-file-upload .file-list .file-item .file-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.os-file-upload .file-list .file-item .file-actions .file-percent{font-size:11px;color:#ffffffeb}.os-file-upload .file-list .file-item .file-actions svg{transition:.3s}.os-file-upload .file-list .file-item .file-actions svg:hover{opacity:.6}.os-file-upload .file-list .file-item .file-progress{position:absolute;top:0;left:0;bottom:0;width:var(--is-percent);transition:.3s;background-color:var(--os-theme)}.os-avatar-upload{position:relative;display:inline-block}.os-avatar-upload.is-disabled .avatar-wrapper:hover{border:2px dashed transparent}.os-avatar-upload.is-disabled .avatar-wrapper:hover .avatar-overlay{opacity:0}.os-avatar-upload .avatar-wrapper{position:relative;width:120px;height:120px;overflow:hidden;cursor:pointer;border-radius:50%;background-color:#f7fafc;border:2px dashed transparent;transition:.3s}.os-avatar-upload .avatar-wrapper:hover{border-color:var(--os-theme)}.os-avatar-upload .avatar-wrapper:hover .avatar-overlay{opacity:1}.os-avatar-upload .avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.os-avatar-upload .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cbd5e0}.os-avatar-upload .avatar-overlay{opacity:0;background:#00000073;color:#fff;transition:.3s}.os-avatar-upload .avatar-overlay,.os-avatar-upload .avatar-uploading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.os-avatar-upload .avatar-uploading{background:#00000080}.os-avatar-upload .avatar-uploading .upload-ring{position:relative;width:48px;height:48px;border-radius:50%;background:conic-gradient(color-mix(in srgb,var(--os-theme) 80%,transparent) calc(var(--percent)*1%),#e6e6e6 0);display:flex;align-items:center;justify-content:center}.os-avatar-upload .avatar-uploading .upload-ring:after{content:"";position:absolute;width:38px;height:38px;border-radius:50%;background:#0009}.os-avatar-upload .avatar-uploading .upload-ring .upload-text{position:relative;z-index:1;font-size:10px;color:#fff}.os-avatar-upload .avatar-remove{position:absolute;top:0;right:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:.3s}.os-avatar-upload .avatar-remove:hover{background:var(--os-danger)}.os-avatar-crop-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0006}.os-avatar-crop-modal .crop-container{width:480px;max-width:90vw;border-radius:8px;background:#fff;overflow:hidden}.os-avatar-crop-modal .crop-header{display:flex;align-items:center;justify-content:space-between;padding:10px}.os-avatar-crop-modal .crop-header .crop-title{font-size:13px}.os-avatar-crop-modal .crop-header .crop-close{cursor:pointer;color:#999;transition:.2s}.os-avatar-crop-modal .crop-header .crop-close:hover{color:#333}.os-avatar-crop-modal .crop-body{position:relative;width:100%;height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#f0f0f0}.os-avatar-crop-modal .crop-body .crop-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.os-avatar-crop-modal .crop-body .crop-mask{position:absolute;inset:0;pointer-events:none}.os-avatar-crop-modal .crop-body .crop-box{position:absolute;cursor:move;border:2px solid hsla(0,0%,100%,.8);box-shadow:0 0 0 9999px #0006}.os-avatar-crop-modal .crop-body .crop-box .crop-box-inner{position:absolute;inset:0;pointer-events:none}.os-avatar-crop-modal .crop-body .crop-box .crop-box-inner:after,.os-avatar-crop-modal .crop-body .crop-box .crop-box-inner:before{content:"";position:absolute;background:#fff3}.os-avatar-crop-modal .crop-body .crop-box .crop-box-inner:before{top:33.33%;left:0;right:0;height:1px;box-shadow:0 33.33px #fff3}.os-avatar-crop-modal .crop-body .crop-box .crop-box-inner:after{left:33.33%;top:0;bottom:0;width:1px;box-shadow:33.33px 0 #fff3}.os-avatar-crop-modal .crop-body .crop-box .crop-handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid rgba(0,0,0,.3);border-radius:50%;cursor:nwse-resize}.os-avatar-crop-modal .crop-body .crop-box .crop-handle.crop-handle-tl{top:-5px;left:-5px;cursor:nwse-resize}.os-avatar-crop-modal .crop-body .crop-box .crop-handle.crop-handle-tr{top:-5px;right:-5px;cursor:nesw-resize}.os-avatar-crop-modal .crop-body .crop-box .crop-handle.crop-handle-bl{bottom:-5px;left:-5px;cursor:nesw-resize}.os-avatar-crop-modal .crop-body .crop-box .crop-handle.crop-handle-br{bottom:-5px;right:-5px;cursor:nwse-resize}.os-avatar-crop-modal .crop-footer{display:flex;justify-content:flex-end;gap:10px;padding:10px}.os-avatar-crop-modal .crop-footer .crop-btn{padding:8px 10px;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:.3s}.os-avatar-crop-modal .crop-footer .crop-btn-cancel{color:#666;background:#f5f5f5}.os-avatar-crop-modal .crop-footer .crop-btn-cancel:hover{opacity:.72}.os-avatar-crop-modal .crop-footer .crop-btn-confirm{background:var(--os-theme);color:#fff}.os-avatar-crop-modal .crop-footer .crop-btn-confirm:hover{opacity:.72}.os-images-upload{gap:6px;display:flex;flex-wrap:wrap}.os-images-upload .upload-list{display:inline-flex;gap:6px;flex-wrap:wrap}.os-images-upload .images-item{position:relative;width:110px;height:110px;overflow:hidden;list-style-type:none;display:flex;align-items:center;justify-content:center;border-radius:4px}.os-images-upload .images-item:hover .is-mask,.os-images-upload .images-item:hover .item-remove{opacity:1}.os-images-upload .images-item.is-error{animation:errorPulse .5s ease-in-out infinite}@keyframes errorPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.os-images-upload .images-item>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s}.os-images-upload .images-item>img:hover{opacity:.82}.os-images-upload .images-item .is-mask{opacity:0;position:absolute;inset:0;transition:.3s;background-color:#0003}.os-images-upload .images-item .item-remove{opacity:0;z-index:1;position:absolute;top:6px;right:6px;transition:.3s;color:#ffffffad}.os-images-upload .images-item .item-remove:hover{opacity:.6}.os-images-upload .images-item.upload-but{opacity:.8;transition:.3s;background-color:#f7fafc;border:2px dashed #cbd5e0}.os-images-upload .images-item.upload-but svg path{transition:.3s}.os-images-upload .images-item.upload-but:hover{border:2px dashed var(--os-theme);background-color:color-mix(in srgb,var(--os-theme) 10%,transparent)}.os-images-upload .images-item.upload-but:hover svg path{fill:var(--os-theme)}.os-images-upload .images-item .is-uploading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0006}.os-images-upload .images-item .is-uploading .circle-progress{opacity:.8;position:relative;width:50px;height:50px;transition:.3s;border-radius:50%;background:conic-gradient(var(--os-theme) calc(var(--is-percent)*1%),#e6e6e6 0);display:flex;justify-content:center;align-items:center}.os-images-upload .images-item .is-uploading .circle-progress .circle-mask{position:absolute;top:5px;left:5px;width:40px;height:40px;border-radius:50%;background:#fff}.os-images-upload .images-item .is-uploading .circle-progress .circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--os-text-color)}.os-editor-text.is-editing{border-radius:4px;background-color:var(--os-theme)}.os-editor-text[contenteditable=true]{color:#fff}.os-time-ago{display:inline-block}.os-waterfall{width:100%}.os-waterfall .is-dragging{opacity:.6}.os-waterfall .is-drag-over{opacity:.6;filter:blur(2px)}.os-waterfall .waterfall-loading{display:flex;padding:30px;align-items:center;justify-content:center}.os-waterfall .waterfall-list{position:relative}.os-waterfall .waterfall-list.is-hidden{visibility:hidden}.os-waterfall .waterfall-list img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.os-selection-rect{position:absolute;top:0;left:0;z-index:9999;pointer-events:none;border:1px solid rgba(0,120,215,.8);background:#0078d733;contain:layout style paint;will-change:transform,width,height}.os-selection-active,.os-selection-active *{touch-action:none}.os-context-menu,.os-selection-active,.os-selection-active *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.os-context-menu{z-index:9999;top:0;left:0;position:fixed;overflow:hidden;border-radius:6px;will-change:transform;contain:layout style paint;background-color:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #0000000a}.os-context-menu .os-context-menu-item{height:32px;min-width:150px;font-size:12px;padding:0 10px;display:flex;gap:6px;align-items:center;white-space:nowrap;color:var(--os-text-color)}.os-context-menu .os-context-menu-item:hover{color:#fff;background-color:var(--os-theme)}.os-context-menu .os-context-menu-item:hover svg,.os-context-menu .os-context-menu-item:hover svg g path:nth-child(2){fill:#f1f1f1}.os-devtools{opacity:.82;width:100vw;height:100vh;font-size:16px;display:flex;align-items:center;justify-content:center}.os-tree{width:100%;position:relative;padding:12px;color:var(--os-text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff}.os-tree,.os-tree .tree-node{display:flex;gap:10px;flex-direction:column}.os-tree .tree-node .tree-item{display:flex;gap:2px;align-items:center;transition:.3s;border-radius:4px}.os-tree .tree-node .tree-item:hover .tree-label{color:var(--os-theme)}.os-tree .tree-node .tree-item>svg{display:none;transition:.3s;margin-inline-end:4px}.os-tree .tree-node .tree-item .is-arrow{display:block}.os-tree .tree-node .tree-item .is-arrow.is-expanded{transform:rotate(90deg)}.os-tree .tree-node .tree-item .tree-label{white-space:nowrap;transition:.3s;color:var(--os-text-color);font-size:var(--os-size)}.os-tree .tree-node .tree-item .tree-label.is-disabled{opacity:.82}.os-tree .tree-node .is-children{display:flex;gap:10px;flex-direction:column;padding-inline-start:30px}.os-folder{position:relative;flex-direction:column}.os-folder,.os-folder .folder-data{width:100%;height:100%;display:flex}.os-folder .folder-data{padding:10px;gap:4px;flex-wrap:wrap;pointer-events:auto;align-content:flex-start;justify-content:flex-start}.os-folder .folder-data .folder-item{height:-moz-fit-content;height:fit-content;position:relative;padding:4px;display:flex;align-items:center;flex-direction:column;border-radius:8px;contain:layout paint style}.os-folder .folder-data .folder-item.is-context-menu,.os-folder .folder-data .folder-item.is-selected,.os-folder .folder-data .folder-item:hover{background-color:#0066cc1a}.os-folder .folder-data .folder-item .is-item-img{width:60px}.os-folder .folder-data .folder-item>p{width:70px;font-size:12px;text-align:center;padding:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all;overflow-wrap:break-word}.os-folder .folder-search{height:28px;width:200px;position:absolute;top:-35px;right:10px}.os-folder .folder-search .folder-search-icon{position:absolute;top:8px;left:8px}.os-folder .folder-search .folder-close-icon{position:absolute;top:8px;right:8px;transition:.3s}.os-folder .folder-search .folder-close-icon:hover{fill:var(--os-theme)}.os-folder .folder-search input{height:28px;width:100%;border:none;outline:none;padding:4px 36px;font-size:12px;border-radius:8px;color:var(--os-text-color);background-color:#f7f9fb}.os-folder .folder-search input::-moz-placeholder{opacity:.6}.os-folder .folder-search input::placeholder{opacity:.6}.os-modal{z-index:2001;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#c8d1da66}.os-modal .modal-content{z-index:2002;max-width:90%;max-height:90%;border-radius:6px;animation:modalAnimation .2s;background-color:#fff;transform:translate(0)}@keyframes modalAnimation{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.os-modal .modal-content .modal-slot{padding:5px;min-width:260px}.os-modal .modal-content .modal-header{width:100%;display:flex;padding:8px 10px;align-items:center;justify-content:space-between;border-bottom:1px solid #f4f4f4}.os-modal .modal-content .modal-header .modal-title{font-size:var(--os-size);color:var(--os-text-color)}.os-modal .modal-content .modal-header .modal-close-icon{fill:var(--os-text-color);transition:.3s}.os-modal .modal-content .modal-header .modal-close-icon:hover{fill:var(--os-danger)}.os-modal .modal-content .modal-footer{width:100%;padding:8px 10px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #f4f4f4}.os-modal .modal-content .modal-footer .modal-buts{gap:8px;width:128px;display:flex;align-items:center;justify-content:space-between}.os-modal .modal-content .modal-footer .modal-buts .is-close{color:#595959;width:60px;height:28px;font-size:12px;transition:.3s;border-radius:4px;background-color:#fff;border:1px solid #f4f4f4}.os-modal .modal-content .modal-footer .modal-buts .is-close:hover{opacity:.7}.os-modal .modal-content .modal-footer .modal-buts .is-ok{width:60px;height:28px;font-size:12px;transition:.3s;color:#fff;border-radius:4px;border:1px solid var(--os-theme);background-color:var(--os-theme)}.os-modal .modal-content .modal-footer .modal-buts .is-ok:hover{opacity:.7}.os-color-picker{display:flex;flex-direction:column;gap:10px;border-radius:4px;background-color:#fff}.os-color-picker .color-square{position:relative;width:140px;height:140px}.os-color-picker .color-square>canvas{width:100%;height:100%;display:block;border-radius:4px}.os-color-picker .color-square .is-circle{width:12px;height:12px;border:2px solid hsla(0,0%,100%,.8);border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none}.os-color-picker .hue-bar{position:relative;width:140px;height:10px;border-radius:50px}.os-color-picker .hue-bar>canvas{width:100%;height:100%;display:block;border-radius:50px}.os-color-picker .hue-bar .is-circle{width:14px;height:14px;border-radius:50%;position:absolute;transform:translate(-50%,-50%);pointer-events:none;background-color:#fff}.os-verify{width:100%;padding:10px;max-width:420px;overflow:hidden;display:flex;gap:10px;flex-direction:column;background-color:#fff}.os-verify .verify-question{padding:10px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;background-color:#fafafa}.os-verify .verify-question sup{font-size:10px;vertical-align:super}.os-verify .verify-question sub{font-size:10px;vertical-align:sub}.os-verify .verify-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:360px}.os-verify .verify-options .verify-option{display:flex;align-items:center;gap:10px;padding:6px;border-radius:8px;text-align:left;font-size:13px;background-color:#fff}.os-verify .verify-options .verify-option:hover:not(.is-disabled){color:#fff;background-color:color-mix(in srgb,var(--os-theme) 60%,transparent)}.os-verify .verify-options .verify-option:hover:not(.is-disabled) .verify-option-label{background-color:var(--os-theme)}.os-verify .verify-options .verify-option:hover:not(.is-disabled) .verify-option-text{color:#fff}.os-verify .verify-options .verify-option.is-disabled{cursor:not-allowed;opacity:.7}.os-verify .verify-options .verify-option.is-selected{background-color:var(--os-theme)}.os-verify .verify-options .verify-option.is-correct{background-color:color-mix(in srgb,var(--os-success) 60%,transparent)}.os-verify .verify-options .verify-option.is-correct .verify-option-label{color:#fff;background-color:var(--os-success)}.os-verify .verify-options .verify-option.is-correct .verify-option-text{color:#fff}.os-verify .verify-options .verify-option.is-wrong{color:#fff;background-color:color-mix(in srgb,var(--os-danger) 60%,transparent);animation:os-verify-shake .4s ease}.os-verify .verify-options .verify-option.is-wrong .verify-option-label{color:#fff;background-color:var(--os-danger)}.os-verify .verify-options .verify-option.is-wrong .verify-option-text{color:#fff}@keyframes os-verify-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.os-verify .verify-options .verify-option .verify-option-label{opacity:.62;flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;background-color:#f0f0f0}.os-verify .verify-options .verify-option .verify-option-text{opacity:.92;flex:1;overflow:hidden;color:var(--os-text-color)}.os-verify .verify-options .verify-option .verify-option-text sup{font-size:10px;vertical-align:super}.os-verify .verify-options .verify-option .verify-option-text sub{font-size:10px;vertical-align:sub}.os-radio-group{gap:10px;display:flex;flex-wrap:wrap;align-items:center}.os-radio-group .os-radio{z-index:1;display:flex;gap:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.os-radio-group .os-radio input{display:none}.os-radio-group .os-radio.is-checked .radio-circle:before{transform:translate(-50%,-50%) scale(1)}.os-radio-group .os-radio.is-checked .radio-label{color:var(--radio-theme)}.os-radio-group .os-radio .radio-circle{position:relative;border-radius:50%;transition:.3s;border:2px solid #f1f1f1;min-height:14px;min-width:14px}.os-radio-group .os-radio .radio-circle:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background-color:var(--radio-theme);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .2s ease-in-out}.os-radio-group .os-radio .radio-label{display:inline-flex;align-items:center;font-size:var(--os-size);color:var(--os-text-color)}.os-dialog{position:fixed;top:calc(50vh - 120px);left:calc(50vw - 130px);z-index:220;width:260px}.os-dialog.is-opening{animation:restoreZoomOut .2s forwards}.os-dialog.is-leave .dialog-data{animation:windowZoomOut .2s cubic-bezier(.25,.46,.45,.94) forwards;animation-fill-mode:forwards}.os-dialog.is-shake .dialog-data{animation:windowReactivate .35s cubic-bezier(.2,.9,.4,1.1) forwards}.os-dialog.is-info .is-confirm{background-color:var(--os-theme)}.os-dialog.is-success .is-confirm{background-color:var(--os-success)}.os-dialog.is-warning .is-confirm{background-color:var(--os-warning)}.os-dialog.is-error .is-confirm{background-color:var(--os-danger)}.os-dialog .dialog-data{display:flex;gap:4px;flex-direction:column;border-radius:12px;background-color:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000000a}.os-dialog .dialog-data .dialog-header{padding:12px;display:flex;flex-direction:column;gap:12px;align-items:center}.os-dialog .dialog-data .dialog-header .dialog-title{font-size:var(--os-size);color:var(--os-title-color)}.os-dialog .dialog-data .dialog-content{padding:10px;font-size:12px;text-align:center;color:var(--os-text-color)}.os-dialog .dialog-data .dialog-footer{width:100%;padding:10px;display:flex;flex-direction:column;gap:10px}.os-dialog .dialog-data .dialog-footer .is-cancel,.os-dialog .dialog-data .dialog-footer .is-confirm{padding:6px 14px;font-size:12px;transition:.3s;border-radius:4px;text-align:center}.os-dialog .dialog-data .dialog-footer .is-cancel:hover,.os-dialog .dialog-data .dialog-footer .is-confirm:hover{opacity:.72}.os-dialog .dialog-data .dialog-footer .is-cancel{border-radius:4px;color:var(--os-text-color);background-color:#c1c1c16b}.os-dialog .dialog-data .dialog-footer .is-confirm{color:#fff}.os-image-preview{position:fixed;max-width:90vw;max-height:90vh;top:50%;left:50%;transform:translate(-50%) translateY(-50%);border-radius:8px;display:inline-flex}.os-image-preview .image-preview-content{position:relative;display:inline-flex;align-items:center;justify-content:center}.os-image-preview .image-preview-content>img{position:relative;width:auto;height:auto;max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:8px;pointer-events:none;animation:blur-in .3s ease-out forwards}@keyframes blur-in{0%{filter:blur(12px);opacity:.4}to{filter:blur(0);opacity:1}}.os-image-preview.is-flash{animation:flash 1s ease-out}@keyframes flash{0%{box-shadow:0 0 #fff9}50%{box-shadow:0 0 20px 4px #ffffff4d}to{box-shadow:0 0 #fff0}}.os-image-preview .is-close{position:absolute;top:4px;right:4px;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;background-color:var(--os-danger)}.os-image-preview .is-close:hover{opacity:.82}.os-loading-container{position:absolute;top:0;left:0;width:100%;height:2px;z-index:9999;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s ease}.os-loading-container .os-loading-bar{width:100%;height:100%;border-radius:60px;background:var(--os-theme);transform:translate3d(-100%,0,0);transition:transform .3s linear}.os-loading-spinner{position:absolute;top:6px;right:6px;width:14px;height:14px;border:2px solid rgba(0,0,0,.15);border-top:2px solid var(--os-theme);border-radius:50%;animation:os-loading-spin .8s linear infinite}@keyframes os-loading-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.os-window{opacity:0;z-index:22;position:fixed;border-radius:8px;transform:translateZ(0);backface-visibility:hidden;contain:layout style paint;background-color:#fff}.os-window.is-active{z-index:24}.os-window.is-inactive{filter:grayscale(100%)}.os-window.is-inactive.is-opening,.os-window.is-inactive.is-restoring{filter:grayscale(100%)!important}.os-window.is-visible{opacity:1}.os-window.is-maximized{z-index:100;border-radius:0}.os-window.is-maximized .window-data,.os-window.is-maximized .window-head{border-radius:0}.os-window.is-maximized .window-resize-handle{display:none}.os-window.is-restoring{will-change:transform;animation:windowRestore .3s cubic-bezier(.34,1.2,.64,1) forwards}.os-window.is-maximizing{will-change:transform;animation:windowMaximize .3s ease-out;animation-fill-mode:forwards}.os-window.is-minimizing{will-change:transform;animation:windowMinimize .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.os-window.is-reactivated{will-change:transform;animation:windowReactivate .3s cubic-bezier(.25,.46,.45,.94) forwards;animation-fill-mode:both}.os-window.is-opening{will-change:transform;animation:windowOpen .3s cubic-bezier(.34,1.2,.64,1) forwards;pointer-events:none}.os-window.is-closing{will-change:transform;animation:windowClos .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.os-window .window-head{position:relative;height:40px;width:100%;display:flex;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid #f4f4f4}.os-window .window-head .left{width:72px;display:flex;gap:8px;align-items:center;padding:0 10px}.os-window .window-head .left .close,.os-window .window-head .left .maximize,.os-window .window-head .left .minimize{width:12px;height:12px;border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;transition:.2s}.os-window .window-head .left .close:hover,.os-window .window-head .left .maximize:hover,.os-window .window-head .left .minimize:hover{opacity:.6}.os-window .window-head .left .close.is-disabled,.os-window .window-head .left .maximize.is-disabled,.os-window .window-head .left .minimize.is-disabled{pointer-events:none;background-color:#959595}.os-window .window-head .left .minimize{background-color:#f0b100}.os-window .window-head .left .maximize{background-color:#00c950}.os-window .window-head .left .close{background-color:#fb2c36}.os-window .window-head .right{width:calc(100% - 72px);padding:0 70px 0 10px;display:flex;gap:4px;align-items:center;justify-content:center}.os-window .window-head .right img{height:18px;width:18px}.os-window .window-data{position:relative}.os-window .window-resize-handle{z-index:1;position:absolute;right:-6px;bottom:0;width:30px;height:12px;cursor:nwse-resize;transform:rotate(135deg)}.os-window .window-resize-handle:after{content:"";position:absolute;right:0;bottom:0;width:30px;height:12px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23969696' viewBox='0 0 14 14'%3E%3Cpath d='M0 1h14M0 5h14M0 9h14'/%3E%3C/svg%3E");pointer-events:none}.os-window-loading{z-index:300;position:fixed;inset:0;display:flex;gap:4px;align-items:center;justify-content:center}.os-window-loading>svg{color:#fffc;animation:spin-loading 1.6s linear infinite}.os-window-loading p{font-size:12px;color:#fffc;animation:colorShift 4s ease-in-out infinite}@keyframes spin-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.os-stacked-windows{z-index:12;position:fixed;right:-90px;bottom:60%;width:150px}.os-stacked-windows.is-hover{z-index:200}.os-stacked-windows .stacked-data{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.os-stacked-windows .stacked-data .stacked-item{position:absolute;top:0;left:0;right:0;width:100%;padding:10px;display:flex;align-items:center;gap:10px;border-radius:12px;transform-origin:center center;will-change:transform,opacity;background-color:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);pointer-events:auto}.os-stacked-windows .stacked-data .stacked-item:hover .window-label{display:block}.os-stacked-windows .stacked-data .stacked-item .window-icon{flex-shrink:0;width:42px;height:42px}.os-stacked-windows .stacked-data .stacked-item .window-label{display:none;position:absolute;top:50%;left:0;translate:calc(-100% - .8em) -50%;padding:8px 10px;white-space:nowrap;border-radius:6px;color:color-mix(in srgb,var(--os-text-color) 80%,transparent);background-color:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.os-stacked-windows .stack-count{position:absolute;top:0;right:-8px;background:#ff3b30;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;box-shadow:0 2px 8px #0003;z-index:100;pointer-events:none}.os-icon-loading[data-v-e4c7764e]{transform-origin:center;animation:spin-e4c7764e 1.6s linear infinite;will-change:transform}@keyframes spin-e4c7764e{0%{transform:rotate(0)}to{transform:rotate(1turn)}}*{cursor:url(../imgs/common/cursor.png) 0 0,auto}body{font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;color:var(--os-text-color);filter:brightness(100%);-webkit-backdrop-filter:brightness(100%);backdrop-filter:brightness(100%)}body,body #root,body #root .app-main{width:100vw;height:100vh}.os-context-menu-tags{padding:12px;display:flex;gap:6px;align-items:center}.os-context-menu-tags .os-context-menu-tag-item{width:16px;height:16px;transition:.3s;border-radius:50%;display:flex;align-items:center;justify-content:center}.os-context-menu-tags .os-context-menu-tag-item:hover{opacity:.62}.os-resource-lists-tag{display:flex;align-items:center;margin-inline-end:4px}.os-resource-lists-tag svg:not(:first-child){margin-inline-start:-8px}.os-404[data-v-60dc1acd]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}