/* ---------- Base ---------- */
*,
*::before,
*::after{box-sizing:border-box;}
html{overflow-y:scroll;min-height:100%;-webkit-text-size-adjust:100%;}
body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--font-size-m);line-height:1.65;color:var(--text-primary);
/* The desktop:teal canvas with a faint dither texture */
background-color:var(--bg-page);background-image:repeating-conic-gradient(rgba(0, 0, 0, 0.05) 0% 25%, transparent 0% 50%);background-size:4px 4px;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,canvas{padding:0; margin:0;}
body,tr,td,p,fieldset,div,span,select,input,textarea,a{color:var(--text-color);font-family:"sohne-var", "Arial", ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}

img, svg{display:block;max-width:100%;}
a{color:var(--color-primary);text-decoration:none;}
a:hover{text-decoration:underline;}
h1, h2, h3, h4{font-family:var(--font-display);line-height:1.15;margin:0 0 var(--space-m);font-weight:700;letter-spacing:0.5px;color:var(--text-primary);}
p{text-wrap:pretty;}
::selection{background:var(--color-primary);color:#FFFFFF;}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;}















.clear{content:"";display:block;height:0;clear:both;overflow:hidden;}
.clearFix{clear:both;}

.icon{display:inline-block;width:24px;height:24px;font-style:normal;line-height:24px;vertical-align:middle;}
.icon.zoom-1x{font-size:16px;width:16px;height:16px;line-height:16px;}
.icon.zoom-2x{font-size:24px;}
.icon.zoom-3x{font-size:36px;width:36px;height:36px;line-height:36px;}
.icon.zoom-5x{font-size:60px;width:60px;height:60px;line-height:60px;}

.fontColor{color:#FFF;}
.fontColor:hover{color:#FFF;text-decoration:none;}

.hidden{display:none;}
.hide{display:none;}
.none{display:none;}
.show{display:block;}

.t-left{text-align:left!important;}
.t-center{text-align:center!important;}
.t-right{text-align:right!important;}
.t-middle{vertical-align:middle;}


.separated-line{height:20px;font-size:1px;} /* 分隔线 */
.separated-line-half{height:10px;font-size:1px;} /* 分隔线 */
.separated-line-5{height:5px;font-size:1px;} /* 分隔线 */
.separated-line-50{height:50px;font-size:1px;} /* 分隔线 */


::selection{background:var(--t-color-main-dark-8);color: #ffffff;}



/*--- 弹窗样式 ---*/
.uiDialogWrap{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100000;width:100%;height:100%;}
.uiDialog{position:absolute;top:0;left:0;z-index:100002;overflow:hidden;background:var(--bg-base);
	box-shadow:0 0 50px rgba(var(--gray-A-rgb),0.5);
	border-radius:10px;
}
TEST.uiDialog.scale{
	animation:zx-scale .3s;
}
TEST.uiDialog.scaleOver{
	animation:zx-scaleOver .3s;
}
.uiPaper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100001;width:100%;height:100%;opacity:0.1;}

/* 标题 */
.uiTitle{position:relative;height:100%;}
.uiTitle a:hover{text-decoration:none;}
.uiTitleText{height:50px;line-height:50px;padding:10px 20px 10px 20px;font-weight:700;font-size:22px;color:var(--color-primary);}

.uiTitleText{overflow:hidden;cursor:move;-moz-user-select:none;user-select:none;}
.uiClose{display:block;position:absolute;outline:none;top:10px;right:10px;width:30px;text-align:center;color:var(--color-primary);font:normal 30px/50px arial;text-decoration:none;
	transition:all 0.1s linear 0s;
}
.uiClose:hover{transform:rotate(90deg);}

/* 内容 */
.uiContent{position:relative;padding:20px;min-width:240px;display:inline-block;}
.uiContent .uiLoading{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/loading.gif) no-repeat center center;}
.uiContent .uiDialogIcon{vertical-align:middle;}
/* 图标 */
.uiDialogIcon{display:inline-block;background-image:url(../images/window.icons.png);background-repeat:no-repeat;}
/* 警告消息 */
.uiDialogIcon.alert{margin-right:10px;width:48px;height:48px;background-position:0 -96px;}
/* 询问消息 */
.uiDialogIcon.confirm{margin-right:10px;width:48px;height:48px;background-position:0 -144px;}
/* 错误消息 */
.uiDialogIcon.error{margin-right:10px;width:48px;height:48px;background-position:0 -48px;}
/* 成功消息 */
.uiDialogIcon.succeed{margin-right:10px;width:48px;height:48px;background-position:0 0;}
.uiDialogIcon.none{display:none;}

/* 底部 */
.uiBottom{position:relative;}

/* 底部 按纽 */
.uiBtns{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:right;gap:20px;padding:20px;background-color:var(--bg-elevated);}
.uiBtns span{margin:0;display:block;}
.uiBtns button{cursor:pointer;padding:10px 20px;color:var(--color-primary);border:0;text-align:center;border-radius:var(--radius-m);}

.uiBtns .uiYes button{background-color:var(--color-primary);color:var(--text-inverse);cursor:pointer;}
.uiBtns .uiYes:hover button{background-color:var(--color-primary-hover);}
.uiBtns .uiNo button{background-color:var(--bg-inset);color:var(--color-primary);cursor:pointer;}
.uiBtns .uiNo:hover button{background-color:var(--color-primary-light);}
/********  弹窗   *** end *********/


/*--- toast ---*/
.toast{position:fixed;bottom:10%;left:50%;display:flex;line-height:36px;background:rgba(0,0,0,.7);color:#FFF;padding:0.5em 1em;border-radius:0.5em;text-align:center;z-index:99999;opacity:0;transform:translate(-50%, -20%);animation-name:TOAST-APPEAR;animation-timing-function:ease-in-out;animation-duration:2s;}
.toast .icon.icon-check{color:#F00;}
.toast .icon.icon-check:before{content:"✔️";}
@keyframes TOAST-APPEAR{0%{opacity:0;bottom:10%;}
10%{opacity:0.9;bottom:10%;}
90%{opacity:1;bottom:10%;}
100%{opacity:0;bottom:0;}
}