/* RUI前端样式 */
@keyframes spin {
  0% {
    transform:rotate(0);
  }
  100% {
    transform:rotate(360deg);
  }
}
.ui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:-100}
.ui-backdrop[is-open]{z-index:901;opacity:.5;transition:opacity .3s}
.ui-loader{width:30px;height:30px;border:2px solid #000;border-top-color:transparent;border-radius:100%;animation:spin infinite 0.75s linear}
.ui-loader-ring{width:40px;height:40px;display:inline-block;border:5px solid rgba(0,0,0,0.2);border-left-color:#000;border-radius:50%;animation:spin 1s linear infinite}
.ui-message{position:fixed;top:50%;left:50%;transform:translate(-50%,0);z-index:-2;opacity:0;text-align:center;color:#fff;background:rgba(0,0,0,0.8);border-radius:4px;padding:.7em 1em}
.ui-message[is-open]{z-index:960;opacity:1;transition:opacity .3s}
.ui-message .ui-loader-ring{border-color:rgba(255,255,255,.7);border-left-color:rgba(255,255,255,.3);margin:6px 0}
.ui-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-10;opacity:0;text-align:center;transform:scale(.8,.8);display:flex;align-items:center;justify-content:center}
.ui-dialog[is-open]{z-index:940;transform:scale(1,1);opacity:1;transition:transform,opacity .2s}
.ui-dialog > div{width:90%;max-width:300px;background:#fff;border-radius:4px;;overflow:hidden;box-shadow:0 0 8px 1px rgba(0,0,0,0.1)}
.ui-dialog__head{padding:1.3em 1.6em 0}
.ui-dialog__body{padding:1.3em 1.6em;min-height:50px;color:#999;word-wrap:break-word;word-break:break-all}
.ui-dialog__foot{display:flex;position:relative}
.ui-dialog__foot .button{width:50%;line-height:3em;cursor:pointer;float:left;position:relative;transition:background-color .3s}
.ui-dialog__foot .button:hover{background:var(--ui-color-light)}
.ui-dialog__foot .button:active{background:#f5f5f5}
.ui-dialog__foot .button.primary{color:#3766c8}
.ui-dialog__foot .button.full{width:100%}
.ui-dialog__foot:before,
.ui-dialog__foot .button + .button:before{content:'';position:absolute;background:var(--ui-color-border)}
.ui-dialog__foot:before{top:0;right:0;left:0;height:1px;transform:scale(1,0.5)}
.ui-dialog__foot .button + .button:before{top:0;bottom:0;left:0;width:1px;transform:scale(0.5,1)}