/* <style> */

	/* 公用 */
	@import "https://oss.starxw.com/fileadmin/static/font/hmsans/font.css";
	html{background:#F9F9FB;font-size:16px;user-select:none;--FilesWidth:200px;font-family:'hmsans', '微软雅黑';overflow:hidden;}
	body{margin:0;}
	font{font-family:icon;}
	*{box-sizing:border-box;scrollbar-width:none;outline:none;}
	*[hidden]{display:none!important;}
	*:not(.textEditorContainer *)::-webkit-scrollbar{display:none;}
	::selection{background:#E8F5FF;color:black;}
	a{color:#1E9FFF;text-decoration:none;cursor:default;}
	a:hover{text-decoration:underline;}
	a:active{text-decoration:underline;opacity:.8;}
	button{background:#1E9FFF;color:white;border:0;border-radius:5px;padding:5px 20px;font-size:1rem;transition:filter .2s;font-family:inherit;}
	button.sub{background:#E8F5FF;color:#1E9FFF;}
	button:hover{filter:brightness(.95);}
	button:active{filter:brightness(.9);}
	button:disabled{filter:grayscale(1)!important;}
	input:not(.textEditorContainer input),select,textarea:not(.textEditorContainer textarea),#totpForm{font-size:.95rem;padding:10px;width:100%;border-radius:5px;border:1px solid rgba(0,0,0,.05);background:#F9F9FB;transition:border .2s,background .2s;margin:15px 0;caret-color:#1E9FFF;font-family:inherit;}
	input:not(.textEditorContainer input):focus,select:hover,textarea:not(.textEditorContainer textarea):focus,#totpForm:focus-within{background:white;border:1px solid #1E9FFF;}
	textarea{font-family:inherit;resize:vertical;}
	div.checkbox{transition:all .2s;display:flex;align-items:center;text-align:left;font-size:.9em;color:grey;}
	div.checkbox.checked{color:#1E9FFF;}
	div.checkbox::before{content:'\EB7B';font-family:'icon';background:rgba(252,252,252,.8);color:transparent;border-radius:5px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.05);transition:all .2s;margin-right:5px;font-size:.6em;padding-top:1px;}
	div.checkbox.checked::before{background:#1E9FFF!important;border:1px solid #1E9FFF!important;color:white;zoom:1;font-size:.8em;}

	/* 顶栏 */
	header{height:45px;border-bottom:1px solid rgba(0,0,0,.05);position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;padding:10px;background:#F9F9FB;white-space:nowrap;z-index:5;}
	header .branding{font-size:1.5em;}
	header .branding span:nth-child(2){color:#1E9FFF;font-weight:bold;}
	header #version{background:#F5F5F5;color:#CDCDCD;font-size:.7em;padding:0 5px;border-radius:10px 10px 10px 0;margin:0 0 15px 5px;}
	header .seperator{flex:100%;}
	header>font{font-size:1.3em;padding:2.5px;}
	header>font:hover{color:#1E9FFF;}
	header>font:active{color:#1E9FFF;opacity:.8;}
	header .active{padding:2px 10px;border-radius:20px;color:#1E9FFF;background:#E8F5FF;font-size:.9em;margin-right:5px;}
	header .active:hover{background:#1E9FFF;color:white;}
	header .active:active{background:#1E9FFF;color:white;opacity:.8;}

	/* 主体 */
	main>div{position:fixed;top:45px;bottom:0;background:white;overflow:hidden;}
	main>#files{width:var(--FilesWidth);left:0;z-index:3;transition:all .2s,width 0s;border-right:1px solid rgba(0,0,0,.05);}
	main>#tabs{width:calc(100% - var(--FilesWidth));right:0;transition:all .2s;}
	main>#resizer{left:calc(var(--FilesWidth) - 4px);width:8px;cursor:col-resize;opacity:0;z-index:4;}
	main>#files:not(div:focus-within) #fileHeader,main>#files:not(div:focus-within) #fileAddress,main>#tabs:not(div:focus-within) #tabsSwitcher{opacity:.8;}
	.fullMode main>#tabs{width:100%;border-radius:0;}
	.fullMode main>#files{z-index:0;opacity:0;left:calc(0px - var(--FilesWidth));}
	#fullModeBtn .icon{transition:transform .2s;}
	.fullMode #fullModeBtn .icon{transform:scaleX(-1);}
	.fullMode #resizer{display:none;}

	/* 消息框 */
	#msgBoxContainer{position:fixed;top:60px;right:15px;width:250px;z-index:25;}
	#msgBoxContainer .msgBox{margin-bottom:5px;padding:10px;border:1px solid rgba(0,0,0,.05);transition:all .2s;background:#F9F9FB;display:flex;align-items:center;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.04);border-radius:5px;overflow:hidden;}
	#msgBoxContainer .msgBox .close{position:absolute;top:10px;right:10px;opacity:0;}
	#msgBoxContainer .msgBox:hover .close{opacity:1;}
	#msgBoxContainer .msgBox .close:hover{color:#1E9FFF;}
	#msgBoxContainer .msgBox .close:active{color:#1E9FFF;opacity:.8;}
	#msgBoxContainer .msgBox.hidden{transform:translateX(300px);opacity:0;height:0!important;margin-bottom:0;padding:0 10px;border-width:0 1px;}
	#msgBoxContainer .msgBox .icon::before{color:#5D5D5D;content:'\EE59';font-size:2em;transition:color .2s;margin-right:7px;}
	#msgBoxContainer .msgBox>div>div{font-size:.8em;line-height:1.1em;margin:.1em 0;}
	#msgBoxContainer .msgBox.success{background:#EFFAE5;}
	#msgBoxContainer .msgBox.success .icon::before{color:#00B100;content:'\EB81';}
	#msgBoxContainer .msgBox.error{background:#FFF2F2;}
	#msgBoxContainer .msgBox.error .icon::before{color:#FF0000;content:'\ECA1';}
	#msgBoxContainer .msgBox.loading{background:#E8F5FF;}
	#msgBoxContainer .msgBox.loading .icon::before{color:#1E9FFF;content:'\F33C';animation:twinkle 1s linear infinite;}
	@keyframes twinkle{0%{opacity:1;}50%{opacity:.5;}100%{opacity:1;}}

	/* 对话框 */
	.dialogContainer{position:fixed;top:0;left:0;height:100%;width:100%;z-index:20;background:rgba(0,0,0,.2);}
	.dialogContainer>.dialog{position:absolute;top:0;left:0;bottom:0;right:0;width:fit-content;min-width:320px;max-width:500px;height:fit-content;margin:auto;background:#F9F9FB;border:1px solid rgba(0,0,0,.05);border-radius:7px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.04);overflow:hidden;animation:dialogShow .2s;}
	.dialogContainer>.dialog>.title{font-size:1.3em;font-weight:bold;}
	.dialogContainer>.dialog>.content{margin:8px 0 16px 0;max-width:calc(100vw - 60px);font-size:.95em;position:relative;}
	.dialogContainer>.dialog>.content>input{margin:0;margin-top:10px;}
	.dialogContainer>.dialog>.content>.fileAddressBar{background:white;border-radius:5px;margin-bottom:5px;margin-top:10px;height:30px;}
	.dialogContainer>.dialog>.content>.fileAddressBar>div{width:100%;font-size:.95em;padding:0 10px;}
	.dialogContainer>.dialog>.content>.fileList{background:white;height:300px;border-radius:5px;min-width:300px;}
	.dialogContainer>.dialog>.content>.fileList>div{padding:0 10px;font-size:.9em;height:30px;}
	.dialogContainer>.dialog>.content>.fileList>center{margin:110px 0;}
	.dialogContainer>.dialog>.content>.fileList>center>font{color:black;opacity:.6;}
	.dialogContainer>.dialog>.content>.fileLoadingLayer{position:absolute;top:35px;height: calc(100% - 35px);left:0;width:100%;}
	.dialogContainer>.dialog>.content.dirPickerContent{max-width:calc(100vw - 60px);width:400px;}
	.dialogContainer>.dialog>.buttons{text-align:right;}
	.dialogContainer>.dialog>.buttons>button{margin-left:5px;height:30px;vertical-align:top;padding:0 20px;}
	.dialogContainer>.dialog>.buttons>button.icoOnly{padding:0 10px;}
	@keyframes dialogShow{from{opacity:0;transform:scale(.9);}to{opacity:1;transform:none;}}

	/* 窗口 */
	#tabsSwitcher{height:30px;background:#F9F9FB;overflow-x:scroll;overflow-y:hidden;font-size:0;white-space:nowrap;padding:0 5px 0 0;}
	#tabsSwitcher>div{vertical-align:top;}
	#tabsSwitcher .tab{height:30px;padding:0 8px 0 10px;font-size:14px;position:relative;margin-left:-1px;display:inline-flex;justify-content:center;align-items:center;opacity:.8;}
	#tabsSwitcher .tab:hover{opacity:1;}
	#tabsSwitcher .tab::after{position:absolute;top:0;bottom:0;right:0;height:20px;margin:auto 0;border-left:1px solid rgba(0,0,0,.05);content:'';}
	#tabsSwitcher .tab.active::after{opacity:0;}
	#tabsSwitcher .tab.button{padding:0 10px;opacity:1;}
	#tabsSwitcher .tab.button font{margin:0;}
	#tabsSwitcher .tab.button:hover{color:#1E9FFF;}
	#tabsSwitcher .tab.button:active{color:#1E9FFF;filter:brightness(.95);}
	#tabsSwitcher .tab.active{background:white;opacity:1;border-top:1.5px solid #1E9FFF;}
	#tabsSwitcher .tab .title{padding-bottom:1px;}
	#tabsSwitcher .tab .icon{margin:1.5px 5px 0 0;}
	#tabsSwitcher .tab .close{margin-left:10px;opacity:.8;}
	#tabsSwitcher .tab .close:hover{opacity:1;color:#1E9FFF;}
	#tabsSwitcher .tab .close:active{opacity:.8;}
	#tabsSwitcher #userTabsContainer{display:inline-block;}
	#tabsContent{position:absolute;top:30px;left:0;width:100%;height:calc(100% - 30px);}
	#tabsContent>div{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none;}
	#tabsContent>div.active{display:block;}
	#tabsContent .tabLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
	#tabsContent .tabLayer>font{font-size:4em;}
	#tabsContent .tabLayer>.title{font-size:1.4em;margin:5px 0;}
	#tabsContent .tabLayer>.description{opacity:.8;font-size:.9em;margin-bottom:10px;}
	#tabsContent .tabLayer>a{display:block;margin-bottom:5px;}
	#workspace{height:100vh;width:100vw;}

	/* 登录框 */
	.login{margin:auto;width:fit-content;height:fit-content;left:0;right:0;top:8px;padding:20px;width:340px;border-radius:7px;border:1px solid rgba(0,0,0,.05);}
	.login>font{display:block;font-size:5em;text-align:center;color:#1E9FFF;}
	#loginFormUser{display:none;}
	#loginFormPassword{width:100%;text-align:center;}
	#loginFormButton{width:100%;}
	#totpForm{position:relative;height:50px;display:flex;padding:0;}
	#totpForm>div{width:100%;height:100%;position:relative;font-size:2em;display:flex;align-items:center;justify-content:center;font-family:'Consolas',monospace;}
	#totpForm>div:not(div:first-child)::after{content:"";position:absolute;left:0;top:10px;bottom:10px;border-left:1px solid #DADADA;}
	#totpForm>input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;}
	#totpBox p{text-align:center;}


	/* 窗口内容 */
	.tabFrame{position:absolute;top:0;left:0;width:100%;height:100%;border:0;color-scheme:light;}
	/* 欢迎页 */
	.welcome{padding:10vh 10vw;max-height:100%;overflow-y:scroll;}
	.welcome .greeting img{width:80px;height:80px;margin-bottom:15px;}
	.welcome .greeting div b{font-weight:normal;font-size:2em;margin-top:-5px;display:block;}
	.welcome .greeting div div{opacity:.8;}
	.welcome .welcomeLinks{margin-top:30px;}
	.welcome .welcomeLinks a{margin-top:10px;display:block;}
	/* 文本编辑器 */
	.textEditorContainer{height:calc(100% - 25px);position:relative;}
	.textEditorContainer *{scrollbar-width:thin;}
	.textEditorContainer .scroll-decoration{display:none;}
	.textEditorContainer textarea{position:absolute;width:100%;height:100%;border:0;padding:15px 15px 50vh 15px;resize:none;font-family:"宋体","Source Code Pro","Consolas",monospace;}
	.editorStatusBar{display:flex;align-items:center;height:25px;background:#F9F9FB;font-size:.8em;white-space:nowrap;overflow-x:scroll;}
	.editorStatusBar>div{display:flex;align-items:center;padding:0 10px;height:100%;position:relative;}
	.editorStatusBar>div:not(.unclickable):hover{background:#F0F0F0;color:#1E9FFF;}
	.editorStatusBar>div:not(.unclickable):active{background:#F0F0F0;color:#1E9FFF;filter:brightness(1.02)}
	.editorStatusBar>div>span{margin-left:5px;padding-bottom:1px;}
	.editorStatusBar>div>select{opacity:0;padding:0;margin:0;position:absolute;top:0;left:0;width:100%;height:100%;}
	.editorStatusBar>.mobileInputBtn{display:none;}
	.editorMobileInput{position:absolute;width:100%;bottom:30px;padding:2.5px;background:#F9F9FB;z-index:114514;display:none;border-bottom:1px solid white;}
	.editorMobileInput>.keyboardMain{display:grid;grid:auto-flow/repeat(10,10%);height:30px;transition:height .2s;overflow:hidden;font-family:'Consolas',monospace;}
	.editorMobileInput.unfold>.keyboardMain{height:90px;}
	.editorMobileInput>.keyboardMain>div{height:25px;border-radius:5px;margin:2.5px;display:flex;align-items:center;justify-content:center;font-size:.9em;}
	.editorMobileInput>.keyboardMain>div:active{color:#1E9FFF;}
	#ace_settingsmenu{display:none;}
	/* 媒体播放器 */
	.mediaPlayer{height:100%;width:100%;background:white;}
	.audioIcon{position:absolute;top:0;bottom:50px;left:0;right:0;margin:auto;height:fit-content;width:fit-content;display:block;font-size:10em;color:#1E9FFF;pointer-events:none;}
	/* 图像查看器 */
	.imageViewer{height:100%;width:100%;object-fit:contain;}
	/* 打开方式 */
	.openWithContainer .container{background:#F9F9FB;border:1px solid #DADADA;border-radius:5px;width:300px;padding:10px 0;margin-top:10px;max-height:calc(100% - 300px);overflow-y:scroll;}
	.openWithContainer .container>div{display:flex;padding:10px 20px;align-items:center;white-space:nowrap;text-overflow:ellipsis;transition:all .2s;}
	.openWithContainer .container>div:hover{color:#1E9FFF;}
	.openWithContainer .container>div:active{color:#1E9FFF;background:#E8F5FF;}
	.openWithContainer .container>div.active{background:#1E9FFF!important;color:white;}
	.openWithContainer .container>div>font{background:rgba(255,255,255,.1);font-size:1.5em;width:40px;height:40px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-right:10px;}
	.openWithContainer .container>div>span{font-size:1.2em;text-align:left;}
	.openWithContainer .container>div>span>small{font-size:.6em;opacity:.8;display:block;margin-top:-2px;}
	.openWithContainer .container>a{margin-top:10px;display:block;}
	.openWithContainer .btns{margin-top:20px;display:flex;align-items:center;white-space:nowrap;width:300px;}
	.openWithContainer .btns>.checkbox{width:100%;}
	.openWithContainer:not(.full) .container>div.folded{display:none;}
	.openWithContainer.full .container>a{display:none;}
	/* 设置 */
	.settingsContainer{padding:20px 5%;overflow-y:scroll;height:100%;}
	.settingsContainer>.title{font-size:2em;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);padding:10px 0;}
	.settingsContainer>.config{padding:20px 5%;border-bottom:1px solid rgba(0,0,0,.05);}
	.settingsContainer>.config>.title{font-size:1.2em;margin-bottom:3px;}
	.settingsContainer>.config>.description{font-size:.9em;opacity:.8;line-height:1.1em;}
	.settingsContainer>.config input,.settingsContainer>.config select,.settingsContainer>.config button,.settingsContainer>.config textarea{padding:5px 10px;width:300px;margin-bottom:0;margin-top:10px;height:100%;max-width:100%;}
	.settingsContainer>.config>textarea{height:200px;resize:none;white-space:nowrap;font-family:'Consolas',monospace,'宋体';font-size:.8em;tab-size:4;}
	.settingsContainer>.config>select>option{font-size:.9rem;}
	.settingsContainer>.footer{margin:15px 0;text-align:center;}
	.totpQrcode{background:#F9F9FB;padding:20px;display:flex;align-items:center;justify-content:center;color:grey;border-radius:5px;width:300px;height:300px;margin:10px 0 20px 0;border:1px solid #DADADA;}
	/* 目录分析 */
	.analyseContainer{padding:20px;overflow-y:scroll;height:100%;}
	.analyseContainer>.title{font-size:2em;text-align:center;padding:10px 0 20px 0;}
	.analyseContainer>.box{background:#F9F9FB;margin-bottom:10px;border-radius:5px;padding:20px;}
	.analyseContainer>.box .title{font-size:1.2em;margin-bottom:10px;}
	.analyseContainer>.box .progress{background:white;position:relative;height:15px;border-radius:10px;overflow:hidden;}
	.analyseContainer>.box .progress>div{background:#1E9FFF;height:100%;min-width:1%;position:absolute;top:0;left:0;}
	.analyseContainer>.box .progress>div:nth-child(2){opacity:.2;}
	.analyseContainer>.box .progress.file{border-radius:5px;margin-top:10px;height:fit-content;}
	.analyseContainer>.box .progress.file>div:nth-child(1){background:transparent;width:100%;padding:10px 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:static;}
	.analyseContainer>.box .dataContainer{opacity:.8;font-size:.8em;margin-top:5px;display:flex;align-items:center;}
	.analyseContainer>.box .dataContainer>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:100%;text-align:center;}
	.analyseContainer>.box .dataContainer>span:first-child{text-align:left;}
	.analyseContainer>.box .dataContainer>span:last-child{text-align:right;}
	/* 文件搜索 */
	.searchContainer{padding:20px;overflow-y:scroll;height:100%;}
	.searchContainer>.title{font-size:2em;text-align:center;border-bottom:1px solid #EBEBEB;padding:10px 0;}
	.searchContainer>.searchOptions{padding:20px 5%;}
	.searchContainer>.searchOptions>div{display:flex;align-items:center;margin-bottom:10px;}
	.searchContainer>.searchOptions>div>span{min-width:120px;}
	.searchContainer>.searchOptions>div>div{flex:100%;display:flex;align-items:center;border-radius: 5px;border:1px solid rgba(0,0,0,.05);background:#F9F9FB;transition:border .2s,background .2s;}
	.searchContainer>.searchOptions>div>div:focus-within{background:white;border:1px solid #1E9FFF;}
	.searchContainer>.searchOptions>div>div>input,.searchContainer>.searchOptions>div>div>select{background:transparent!important;border:none!important;margin:0;}
	.searchContainer>.searchOptions>div>div>font{padding:10px;}
	.searchContainer>.searchOptions>div>div>font:hover{color:#1E9FFF;}
	.searchContainer>.searchOptions>div>div>font:active{color:#1E9FFF;opacity:.8;}
	.searchContainer>.searchOptions>div>button{flex:100%;}
	.searchContainer>.searchOptions>.btnContainer{margin-top:20px;}
	.searchContainer>.searchOptions>.btnContainer>span{min-width:10px;}
	.searchContainer>.searchResult{background:#F9F9FB;margin-bottom:10px;border-radius:5px;padding:10px;margin:0 5%;}
	.searchContainer>.searchResult>center{padding:50px 0;}
	.searchContainer>.searchResult>div{border-top:1px solid white;padding:10px;}
	.searchContainer>.searchResult>div:first-child{border-top:none!important;}
	.searchContainer>.searchResult>div>.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.searchContainer>.searchResult>div>.name:hover{color:#1E9FFF;}
	.searchContainer>.searchResult>div>.name:active{color:#1E9FFF;opacity:.8;}
	.searchContainer>.searchResult>div>.lines{margin-top:5px;font-family:'Consolas',monospace,'宋体';font-size:.85em;background:#EFEFEF;border-radius:5px;padding:5px;}
	.searchContainer>.searchResult>div>.lines>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.searchContainer>.searchResult>div>.lines>div>span:first-child{font-weight:bold;text-align:right;width:35px;display:inline-block;margin-right:10px;}
	.searchContainer>.searchResult>div>.lines>div>span:last-child{user-select:text;}
	/* 捐赠 */
	.donateImage{margin-top:20px;width:600px;max-width:calc(100% - 20px);}

	/* 文件管理 */
	#fileHeader{background:#F9F9FB;height:30px;display:flex;align-items:center;padding:0 10px;white-space:nowrap;}
	#fileHeader .seperator{flex:100%;}
	#fileHeader span{font-size:.85em;}
	#fileHeader font{padding:0 0 0 5px;font-size:1em;}
	#fileHeader font:hover{color:#1E9FFF;}
	#fileHeader font:active{opacity:.8;}
	#fileAddress{background:#F9F9FB;height:30px;padding:0 5px 5px 5px;}
	.fileAddressBar{background:white;height:24px;border-radius:5px;white-space:nowrap;font-size:.9em;}
	.fileAddressBar>*{vertical-align:top;display:inline-flex;align-items:center;height:100%;}
	.fileAddressBar>font{width:25px;justify-content:center;border-right:1px solid rgba(0,0,0,.05);text-align:center;}
	.fileAddressBar>font:hover{color:#1E9FFF;}
	.fileAddressBar>font:active{color:#1E9FFF;backdrop-filter:brightness(.98);}
	.fileAddressBar>div{width:calc(100% - 30px);padding:0 7px;font-size:.9em;overflow-x:scroll;}
	.fileAddressBar>div>font{margin:0 2px -2px 2px;opacity:.5;}
	.fileAddressBar>div>div{padding:2px 0;}
	.fileAddressBar>div>div:hover{color:#1E9FFF;}
	.fileAddressBar>div>div:active{color:#1E9FFF;opacity:.8;}
	.fileList{height:calc(100% - 60px);overflow-y:scroll;}
	.fileList>div{padding:0 8px;display:flex;align-items:center;white-space:nowrap;font-size:.8em;height:25px;}
	.fileList>div:hover{background:#F9F9FB;}
	.fileList>div:active{filter:brightness(.98);}
	.fileList>div.editorActive{background:#E8F5FF;}
	.fileList>div.selected{background:#1E9FFF;color:white;}
	.fileList>div font{min-width:1.3em;display:block;}
	.fileList>div .name{flex:100%;padding:0 5px;overflow:hidden;text-overflow:ellipsis;}
	.fileList>div .size{opacity:.5;}
	.fileList>center{margin:50px 0;font-size:.9em;}
	.fileList>center>font{display:block;font-size:3em;color:#1E9FFF;}
	#refreshIndicator{display:flex;align-items:center;justify-content:center;height:0;background:#F9F9FB;transition:height .3s ease-in-out;overflow:hidden;max-height:200px;font-size:.85em;}
	#fileLoading{position:absolute;top:60px;height:calc(100% - 60px);left:0;width:100%;background:rgba(255,255,255,.5);}
	#fileSelectionBox{position:fixed;background-color:#1E9FFF;pointer-events:none;opacity:.2;border:1px solid white;}
	#fileMenu{position:fixed;width:230px;overflow-y:scroll;padding:7px 0;border-radius:7px;display:none;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px rgba(0,0,0,.04);}
	#fileMenu.active{animation:fileMenuShow .2s;display:block;}
	@keyframes fileMenuShow{from{opacity:0;transform:scaleX(.9) scaleY(.6);padding:0;}to{opacity:1;transform:none;padding:7px 0;}}
	#fileMenu>div>div{padding:0 15px;height:28px;display:flex;align-items:center;font-size:.9em;}
	#fileMenu>div>div.alert{color:red;}
	#fileMenu>div>div:hover{background:rgba(0,0,0,.02);}
	#fileMenu>div>div:active{background:rgba(0,0,0,.04);}
	#fileMenu>div>div>span{display:block;margin:0 5px;flex:100%;padding-bottom:1px;}
	#fileMenu>div>div>small{opacity:.8;}
	#fileMenu>div>span{display:block;margin:7px 0;border-top:1px solid rgba(0,0,0,.05);}
	.filePropTable{display:block;max-width:100%;overflow:hidden;}
	.filePropTable .row{white-space:nowrap;display:flex;align-items:center;margin:1px 0;}
	.filePropTable .row>span:first-child{font-weight:bold;width:100px;min-width:100px;}
	.filePropTable .row>span:last-child{opacity:.9;overflow:hidden;text-overflow:ellipsis;user-select:text;}
	.filePropTable .seperator{border-top:1px solid rgba(0,0,0,.05);margin:7px 0 5px 0;}

	/* 文件上传 */
	.filesContainer{padding:20px;overflow-y:scroll;height:100%;}
	.filesContainer>div{border-radius:5px;margin-bottom:10px;padding:10px;position:relative;overflow:hidden;}
	.filesContainer>div>.name{font-size:1.1em;font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	.filesContainer>div>.info{font-size:.8em;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px;}
	.filesContainer>div>.info>div{display:inline-block;background:white;margin-right:5px;border-radius:3px;padding:2px 7px;}
	.filesContainer>div>.background{position:absolute;top:0;left:0;height:100%;width:100%;background:#F9F9FB;z-index:-2;}
	.filesContainer>div>.progressBar{position:absolute;top:0;left:0;height:100%;background:#E8F5FF;transition:width .5s,background .2s;z-index:-1;width:0%;}
	.filesContainer>div.success>.progressBar{width:100%!important;background:#EFFAE5;z-index:-1;}
	.filesContainer>div.error>.progressBar{width:100%!important;background:#EFFAE5;z-index:-1;background:#FFF2F2;}
	#fileUploadTipContainer{position:fixed;top:0;left:0;height:100%;width:100%;z-index:6;background:rgba(0,0,0,.1);border:0;border-radius:0;pointer-events:none;opacity:0;transition:opacity .2s;}
	#fileUploadTipContainer #fileUploadTip{position:fixed;padding:5px 10px;border-radius:7px;background:white;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 6px rgba(0,0,0,.04);pointer-events:none;font-size:.9em;height:fit-content;width:200px;}
	#fileUploadTipContainer #fileUploadTip>font{color:#1E9FFF;}
	.uploadFileDrag #fileUploadTipContainer{opacity:1;}

	/* 深色模式 */
	.dark{background:#323232;color:#F0F0F0;color-scheme:dark;}
	.dark *::selection{background:#1E9FFF;color:white;}
	.dark .msgBox{color:black;}
	.dark input:not(.textEditorContainer input),.dark select,.dark #totpForm{background:#1E1E1E;border:1px solid #323232;color:white;}
	.dark input:not(.textEditorContainer input):focus,.dark select:hover,.dark #totpForm:focus-within{border:1px solid #1E9FFF;}
	.dark textarea:not(.textEditorContainer textarea){background:#1E1E1E!important;border:1px solid #323232!important;color:white;}
	.dark textarea:not(.textEditorContainer textarea):focus{border:1px solid #1E9FFF!important;}
	.dark .textEditorContainer textarea{background:#1E1E1E;}
	.dark button.sub{background:#062033;}
	.dark div.checkbox::before{border:1px solid #323232;background:#1E1E1E;}
	.dark .dialogContainer{background:rgba(0,0,0,.3);}
	.dark .dialogContainer .dialog{background:#1E1E1E;border:1px solid #323232;}
	.dark .dialogContainer>.dialog>.content>.fileAddressBar,.dark .dialogContainer>.dialog>.content>.fileList{background:#1E1E1E;border:1px solid #323232;}
	.dark .dialogContainer>.dialog>.content>.fileList>center>font{color:white;}
	.dark header{background:black;border-bottom:1px solid #323232;}
	.dark header #version{background:#323232;}
	.dark header .active{background:#062033;color:#F0F0F0;}
	.dark header .active:hover,.dark header .active:active{background:#061E30;}
	.dark main>div{background:#1E1E1E;border-color:#323232!important;}
	.dark #tabsSwitcher{background:black;}
	.dark #tabsSwitcher .tab:hover{background:transparent;}
	.dark #tabsSwitcher .tab.active{background:#1E1E1E;}
	.dark #tabsSwitcher .tab::after{border-left:1px solid black;}
	.dark #fileHeader,.dark #fileAddress,.dark #refreshIndicator{background:black;}
	.dark .fileAddressBar{background:#1E1E1E;}
	.dark .fileAddressBar>font{border-right:1px solid #1E1E1E;}
	.dark #fileLoading{background:rgba(0,0,0,.5);}
	.dark #fileMenu{background:rgba(0,0,0,.8);border:1px solid #323232;}
	.dark #fileMenu>div>div:hover{background:#323232;}
	.dark #fileMenu>div>span{border-top:1px solid #323232;}
	.dark .fileList>div:hover{background:#323232;}
	.dark .fileList>div.selected{background:#1E9FFF;}
	.dark .fileList>div.editorActive{background:#062033;}
	.dark .filePropTable .seperator{border-top:1px solid #323232;margin:7px 0 5px 0;}
	.dark #fileUploadTipContainer #fileUploadTip{border:1px solid #323232;background:rgba(0,0,0,.8);}
	.dark #tabsContent .tabLayer{background:#1E1E1E;}
	.dark .openWithContainer .container{border:1px solid #323232;background:#1E1E1E;}
	.dark .openWithContainer .container>div:active{background:#062033;}
	.dark .settingsContainer>.config,.dark .settingsContainer>.title{border-bottom:1px solid #323232;}
	.dark #totpForm>div:not(div:first-child)::after{border-left:1px solid #323232;}
	.dark .totpQrcode{background:#1E1E1E;border:1px solid #323232;}
	.dark .editorStatusBar{background:#1E1E1E;}
	.dark .editorStatusBar>div:not(.unclickable):hover,.dark .editorStatusBar>div:not(.unclickable):active{background:black;}
	.dark .editorMobileInput{background:#1E1E1E;border-bottom:1px solid #323232;}
	.dark .mediaPlayer{background:black;}
	.dark .filesContainer>div>.background{background:#323232;}
	.dark .filesContainer>div>.progressBar{opacity:.1;}
	.dark .filesContainer>div>.info>div{background:black;}
	.dark .searchContainer>.title{border-bottom:1px solid #323232;}
	.dark .searchContainer>.searchOptions>div>div{background:#1E1E1E;border:1px solid #323232;color:white;}
	.dark .searchContainer>.searchOptions>div>div:focus-within{border:1px solid #1E9FFF;}
	.dark .searchContainer>.searchOptions>div>div>select>option{background:black;}
	.dark .searchContainer>.searchResult{background:black;}
	.dark .searchContainer>.searchResult>div>.lines{background:#1E1E1E;}
	.dark .searchContainer>.searchResult>div{border-top:1px solid #323232;}
	.dark .analyseContainer>.box{background:#1E1E1E;}
	.dark .analyseContainer>.box .progress{background:black;}

	/* 移动适配 */
	@media screen and (max-width: 600px){
		html{--FilesWidth:100vw;}
		main>#tabs{width:100%;right:-100%;z-index:4;}
		main>#tabs,main>#files{top:45px;bottom:0;right:0;width:100vw;border-radius:0;border:0px solid rgba(0,0,0,.05);}
		main>#files{opacity:1!important;left:0!important;}
		#fileHeader,#fileAddress,#tabsSwitcher{opacity:1!important;}
		header{border-bottom:1px solid #F0F0F0;}
		.dark header{border-bottom:1px solid transparent;}
		html:not(.fullMode) main>#tabs{right:calc(0px - 100vw - 1px);}
		.fileList{height:calc(100% - 100px);}
		.fileList>div{padding:0 10px;font-size:.9em;height:35px;}
		.fileList>div.editorActive{background:transparent!important;}
		#fileMenu{display:block!important;top:calc(100% - 40px)!important;left:0!important;animation:none!important;margin:0;height:40px;border-radius:0;border:0!important;background:#F9F9FB;width:100%;padding:0;text-align:center;font-size:0;overflow-x:scroll;white-space:nowrap;}
		.dark #fileMenu{background:black!important;}
		#fileMenu>div{height:100%;zoom:.9;}
		#fileMenu>div>div{display:inline-flex;vertical-align:top;padding:0;width:65px;height:100%;font-size:10px;flex-direction:column;justify-content:center;}
		#fileMenu>div>div>span{margin:0;height:fit-content;white-space:nowrap;flex:unset;opacity:.8;}
		#fileMenu>div>div>font{display:block;font-size:1.8em;}
		#fileMenu>div>div>small{display:none;}
		#fileMenu>div>span{display:none;}
		.mobileDeviceHidden,#pcMenuBtn{display:none!important;}
		#mobilePageBtn{display:inline-block!important;}
		.textEditorContainer{height:calc(100% - 30px);}
		.editorMobileInput{display:block;}
		.editorStatusBar>.mobileInputBtn{display:flex;}
		.editorStatusBar{height:30px;}
	}

/* </style> */