/*

	LinkiumPlus | REPLiX-DB V4
	未来每一帧快乐 想陪你捕捉.

	瑞联研发中心（星河实验室）2025
	保留所有程序版权，抄袭必究

*/

@import "//static.nlrdev.top/font-service/handwritten/font.css";


/* 公用组件 */
html, body{overflow:hidden;--SimsvMainColor:#0192FF!important;}
*{line-height:1.2em;}
.separator{flex-grow:1;}
.centered{display:flex;flex-direction:column;width:100%;align-items:center;justify-content:center;}
.maskBoth{--mask:linear-gradient(to right, transparent 0%, black 10px, black calc(100% - 10px), transparent 100%);mask-image:var(--mask);-webkit-mask-image:var(--mask);}
.maskEnd{--mask:linear-gradient(to right, black 0%, black calc(100% - 10px), transparent 100%);mask-image:var(--mask);-webkit-mask-image:var(--mask);}
.maskVertical{--mask:linear-gradient(to bottom, transparent 0%, black 10px, black calc(100% - 10px), transparent 100%);mask-image:var(--mask);-webkit-mask-image:var(--mask);}
.nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;}

#loadingSplash,.fullscreenLayer{position:fixed;inset:0;z-index:100;background:#F9F9FB;transition:opacity .2s;}
#loadingSplash[hidden],.fullscreenLayer[hidden]{display:flex!important;opacity:0;pointer-events:none;}
#loadingSplash .dbLogo{width:150px;height:150px;position:relative;}
#loadingSplash .dbLogo svg{width:150px;position:absolute;inset:0;margin:auto;}
#loadingSplash .dbLogoBg{fill:#0192FF;}
#loadingSplash .dbLogoStroke{fill:#F9F9FB;position:absolute;inset:0;width:150px;height:150px;overflow:hidden;}
#loadingSplash .dbLogoStroke:nth-child(2){animation:stroke .6s;}
#loadingSplash .dbLogoStroke:nth-child(3){animation:stroke .7s;}
#loadingSplash .dbLogoStroke:nth-child(4){animation:stroke .9s;}
#loadingSplash>img{width:30px;margin-top:50px;animation:loaderShow 1.5s;}
@keyframes stroke{from{width:20px;filter:blur(5px);}to{width:130px;filter:none;}}
@keyframes loaderShow{0%{opacity:0;}60%{opacity:0;}100%{opacity:1;}}

.fullscreenLayer>div{width:70%;max-width:500px;min-width:310px;}
.fullscreenLayer>div>.title{font-size:1.5em;}
.fullscreenLayer>div>.content{margin:10px 0;}
.fullscreenLayer>div>.buttons{text-align:right;}
.fullscreenLayer>div>.buttons a{margin:0 15px;}
.fullscreenLayer{background-image:url(media/fullpage-bottom.png);background-repeat:no-repeat;background-position:center bottom;background-size:100px auto;}

#loadingLayer{position:fixed;z-index:20;inset:0;transition:opacity .3s;}
#loadingLayer[hidden]{display:block!important;opacity:0;pointer-events:none;}
#loadingBar{position:fixed;transition:width .2s linear;height:2px;border-bottom-right-radius:2px;background:#0192FF;box-shadow:0 0 20px 0 #0192FF33;}


/* 顶栏组件 */
header{display:flex;align-items:center;padding:0 15px 0 20px;justify-content:center;height:60px;border-bottom:1px solid #ECECEE;background:#F9F9FBEE;backdrop-filter:blur(20px);position:fixed;width:100%;z-index:10;}
header #appLogo{display:flex;align-items:center;}
header #appLogo i{display:block;font-size:1.1em;min-width:0;width:0;opacity:0;overflow:hidden;transition:all .2s;}
header #appLogo img{height:25px;}

header #tabsBar{height:30px;flex-grow:1;align-items:center;justify-content:flex-start;margin:0 12.5px;padding:0 5px;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;}
header #tabsBar>div{padding:0 7.5px;margin-right:2.5px;height:30px;display:inline-flex;align-items:center;border-radius:5px;}
header #tabsBar>div:active{background:#F4F4F6;color:black;}
header #tabsBar>div.active{color:#0192FF;background:white!important;}
header #tabsBar>div>span{max-width:145px;margin-left:5px;}
header #tabsBar>div>i:last-child{font-size:.9em;margin-left:5px;border-radius:50%;transition:all .2s,color 0s;}
header #tabsBar>div>i:last-child:hover{color:#0192FF;filter:brightness(.9);}
header #tabsBar>div>i:last-child:active{color:#0192FF;filter:brightness(.8);transform:scale(.8);}

header .operations{display:flex;align-items:center;white-space:nowrap;}
header .operations>i{width:30px;height:30px;border:1px solid #ECECEE;border-radius:50%;margin-right:5px;display:flex;align-items:center;justify-content:center;position:relative;bottom:0;right:0;}
header .operations>i.dropdownActive{background:#E8F5FF;border:1px solid #E8F5FF;color:#0192FF;}
header .operations>a{margin-left:10px;}
header .operations #mobileTabsBarBtn,header .operations #mobileCloseBtn{display:none;}
#mobileTabsBarBtn>span{font-family:"hmsans";position:absolute;inset:0;font-size:7px;}
#downloadProgressBtn>span{font-family:"hmsans";width:12px;height:12px;font-size:8px;background:#0192FF;color:white;position:absolute;padding-top:2px;top:-2px;right:-2px;border-radius:50%;}

#wxQrcodeContent{line-height:0;padding:15px 0 0 5px;}
#wxQrcodeContent>img{width:200px;height:200px;}
/* #wxQrcodeContent{line-height:0;padding:10px 15px 15px 15px;} */
/* #wxQrcodeContent>img{width:200px;height:122px;object-fit:contain;} */
#wxQrcodeContent.active>img{pointer-events:all;}
#downloadProgressContent,#mobileTabsBarContent{padding:15px;width:min(330px, calc(100vw - 100px));height:500px;max-height:calc(100% - 100px);}
#downloadEmpty{overflow:hidden;height:calc(100% - 80px);}
#downloadEmpty img{width:120px;margin:-20px;}
#downloadStatus{height:fit-content;max-height:calc(100% - 15px);margin:5px 0;padding:10px 0;overflow-y:scroll;display:flex;flex-direction:column-reverse;}
#downloadStatus>div{display:flex;align-items:center;margin:5px 0;width:100%;}
#downloadStatus>div>i{font-size:2em;margin:0 5px 0 -3px;-webkit-text-stroke:.5px #F9F9FB;}
#downloadStatus>div>div{flex-grow:1;}
#downloadStatus>div>div .name{font-size:.9em;width:260px;}
#downloadStatus>div>div .status{color:#000000CC;font-size:.8em;margin:0 0 3px -1px;}
#downloadStatus>div>div .progress{height:3px;width:calc(100% - 5px);margin:0 1px;}
#downloadStatus>div>div .progress>div>div{background:#0192FF;opacity:.8;}
#downloadStatus>div[data-status="downloading"]>div .progress>div>div::after{content:""; position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 100% );animation:fullShimmer 1s infinite;}
@keyframes fullShimmer{0%{transform:translateX(-100%);}100%{transform:translateX(100%);}}

#mobileTabsBar{height:calc(100% - 15px);margin:0 -5px 5px -5px;padding:10px 0;overflow-y:scroll;}
#mobileTabsBar>div{padding:0 7.5px;margin-right:2.5px;height:30px;display:flex;align-items:center;border-radius:5px;}
#mobileTabsBar>div>i:first-child{pointer-events:none;}
#mobileTabsBar>div>span{margin:0 5px;}

/* 存档库主页 */

/* 侧栏组件 */
#sidebar{position:absolute;top:0;left:0;width:260px;height:100%;display:flex;flex-direction:column;background:#F9F9FB;border-right:1px solid #ECECEE;z-index:5;transition:left .3s;}
#sidebar #sideNav{flex-grow:1;width:100%;padding:60px 10px 10px 10px;overflow-y:scroll;}
#sidebar #sideNav small{display:block;font-size:.9em;padding:20px 15px 5px 15px;opacity:.8;}
#sidebar #sideNav .clickable{margin:2.5px 5px 2.5px 5px;padding:7px 10px;border-radius:5px;letter-spacing:.04em;}
#sidebar #sideNav .clickable.active{background:#0192FF;color:white;}

#sidebar #globalPromotion{color:#0192FF;font-size:.8em;text-align:justify;border-radius:5px 5px 0 0;margin:0 15px;width:calc(100% - 30px);padding:5px 10px;background:#E8F5FF;overflow:hidden;white-space:nowrap;flex-shrink:0;transition:filter .2s;}
#sidebar #globalPromotion.link:hover{filter:brightness(.95);}
#sidebar #globalPromotion.link:active{filter:brightness(.9);}
#sidebar:not(.promotion) #globalPromotion{display:none;}
#sidebar.promotion .user{border-radius:0 0 5px 5px;}

#sidebar .user{background:#FCFCFC;border-radius:5px;margin:0 15px;width:calc(100% - 30px);padding:10px;display:flex;align-items:center;}
#sidebar .user>i{background:#E8F5FF;color:#0192FF;min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.6em;margin-right:10px;}
#sidebar .user>div{width:100%;}
#sidebar .user>div>div{display:flex;align-items:center;}
#sidebar .user>div>span{display:block;font-size:.85em;opacity:.6;padding-top:5px;transition:opacity .2s;}
#sidebar .user>div>span:hover{opacity:1;}
#sidebar .user>div>span:active{opacity:.8;}
#sidebar .user>div #username{font-size:1.1em;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;}
#sidebar .user>div .credit{background:#E8F5FF;height:17px;border-radius:17px;display:flex;align-items:center;font-size:.8em;margin-left:5px;}
#sidebar .user>div #piIcon{background:#0192FF;height:17px;width:17px;padding:2px;border-radius:50%;}
#sidebar .user>div #credit{margin:0 8px 0 5px;}
#sidebar .user>div #credit>img{margin:0 0 0 3px;height:10px;}
#sidebar .links{font-size:.8em;padding:5px 15px;}

#sidebar #subjectSwitcher{height:30px;width:unset;border-radius:5px;background:#E8F5FF;color:#0192FF;margin:15px 5px -5px 5px;flex-direction:row;transition:all .2s;}
#sidebar #subjectSwitcher:hover,#sidebar #subjectSwitcher.dropdownActive{filter:brightness(.95);}
#sidebar #subjectSwitcher i{margin:0 5px 0 3px;}
#sidebar #subjectSwitcher::after{content:"";width:16px;height:16px;background:url(media/arrow.svg);margin:0 3px;transition:transform .2s;}
#sidebar #subjectSwitcher:not(.dropdownActive)::after{transform:rotate(180deg);}
#sidebar #subjectSwitcherContent{padding:15px;width:229px;}
#sidebar #subjectSwitcherContent .title{margin:5px 0;height:20px;}
#sidebar #subjectSwitcherContent .clickable{padding:5px 8px;display:inline-flex;width:calc(100% / 3 - 5px);margin:2.5px;border-radius:5px;}
#sidebar #subjectSwitcherContent .clickable i{display:block;font-size:1.2em;margin-bottom:-2px;}


/* 文件列表 */
.filesMain{position:absolute;left:260px;top:0;width:calc(100% - 260px);height:100%;padding:80px max(calc(50vw - 500px), 20px) 20px max(calc(50vw - 500px), 20px);overflow-y:scroll;}
.errorContent{height:max(calc(100vh - 500px), 500px);flex-direction:row;}
.errorContent img{width:120px;height:120px;margin:0 -5px 0 -25px;}
.errorContent b{display:block;font-size:1.2em;margin-bottom:5px;}
.errorContent span a{margin-top:5px;}

/* 文件通用 */
#fileList.hidden{transition:transform .4s,opacity .4s;transform:translateY(10px);opacity:0;pointer-events:none;}
#fileList center{text-align:center;margin:15px 0;font-size:.8em;opacity:.8;}
#fileList>*,#fileList>.fileListContainer>*,.fileDirBox,.pageContent>*{transition:transform .4s,opacity .4s;}
#fileList>.hidden,#fileList>.fileListContainer>.hidden,.fileDirBox.hidden,.pageContent>*.hidden{opacity:0;transform:translateY(10px);transition:none;}
#fileList .iconText{height:400px;}
.fileListTitle b{display:block;font-size:1.2em;font-weight:normal;}
.fileListTitle small{display:block;font-size:.9em;font-weight:normal;opacity:.8;}

.pathBar{display:flex;white-space:nowrap;overflow-x:scroll;align-items:center;margin:0 -10px 10px -10px;padding:0 10px;}
.pathBar>div{padding:5px 15px;border:1px solid #ECECEE;border-radius:50px;transition:background .3s,color .3s,border .3s;}
.pathBar>div:hover{background:#F4F4F6;}
.pathBar>div:active{background:#ECECEE;color:#0192FF;}
.pathBar>div.current{background:#E8F5FF;color:#0192FF;border:1px solid transparent;}
.pathBar>i{margin:0 5px;font-size:1.2em;opacity:.5;}

.pageContent{text-align:justify;}
.pageContent>*{line-height:1.5em;display:block;}
.pageContent>br{display:none;}
.pageContent el{display:block;height:5px;}
.pageContent li::before{content:"\EA6C";margin-right:5px;font-family:"icon";}
.pageHeader{overflow:hidden;background:linear-gradient(90deg, #E8F5FFCC, #E8F5FF);border-radius:5px;margin-bottom:20px;display:flex;align-items:flex-end;flex-direction:row-reverse;padding:20px 15px 0 25px;}
.pageHeader>img{height:100px;filter:drop-shadow(0 0 10px #00000010);}
.pageHeader>div{flex-grow:1;font-size:2em;padding-bottom:20px;color:#0192FF;}
.pageHeader.special{flex-direction:column-reverse;align-items:flex-start;padding:20px;margin:0 -5px 10px -5px;}
.pageHeader.special>div{padding-bottom:0;margin-bottom:-2px;font-size:1.5em;}
.pageHeader.special>small{font-size:1em;color:#0192FF;}

#fileList.about{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
#fileList.about img{width:150px;height:230px;object-fit:contain;}
#fileList.about .aboutTitle{margin-top:20px;font-size:2em;}
#fileList.about .aboutDesc{font-size:1.5em;font-family:"handwritten";}
#fileList.about .btns{width:200px;margin-top:20px;}
#fileList.about .btns button{width:100%;}
#fileList.about .links{margin:20px 0;font-size:.9em;}

/* 目录列表 */
.file{position:relative;height:45px;width:100%;border-bottom:1px solid #ECECEE;}
.fileInfo{position:absolute;inset:0 -5px;border-radius:5px;display:flex;align-items:center;padding:0 15px;font-size:1.1em;transition:background .2s,color .2s;}
.fileInfo:hover{background:#F4F4F6;}
.fileInfo:active{background:#ECECEE;color:#0192FF;}
.fileInfo>i{margin-right:5px;}
.fileInfo>div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;max-width:calc(100% - 130px);align-items:center;display:flex;mask-image:var(--mask);-webkit-mask-image:var(--mask);--mask:linear-gradient(to right, black 0%, black calc(100% - 15px), transparent 100%);}
.dir .fileInfo>div{max-width:calc(100% - 30px);}
.fileDirBox .fileInfo>div{max-width:calc(100% - 60px);}
.fileInfo>div>span{display:block;background:#ECECEE;opacity:.8;font-size:.7em;padding:1px 5px;border-radius:10px;margin-right:3px;transition:background .2s;}
.fileInfo:active>div>span{background:#E8F5FF;}
.fileOperations{position:absolute;right:5px;top:0;bottom:0;display:flex;align-items:center;}
.fileOperations i{width:35px;height:35px;font-size:1.1em;padding-top:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;transition:border .2s,background .2s,color .2s;}
.fileOperations i:hover{border:1px solid #ECECEE;background:#F4F4F6;}
.fileOperations i:active{border:1px solid #ECECEE;background:#ECECEE;color:#0192FF;}
.fileOperations span{font-size:.9em;opacity:.8;margin-right:5px;}

/* 新版导航 */
.titleSwitchContainer{display:flex;justify-content:center;}
.titleSwitchContainer>div{padding:5px 10px;border-radius:50px;margin:0 2.5px;transition:padding .2s,color .2s,background .2s;}
.titleSwitchContainer>div.active{padding:5px 15px;background:#0192FF!important;color:white!important;}
.searchContainer{margin:10px 0 30px 0;}
.searchContainer .input{margin:0 -5px;}
.searchContainer .searchResultBox.hidden{opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s;}
/* 分区 */
.anavPageContainer .errorContent a,.anavPageContainer .errorContent br{display:none;}
.categorySwitcherContainer{margin:0 -5px 0 -5px;padding:10px 5px;}
.categorySwitcherContainer>div{white-space:nowrap;padding:5px 0;display:flex;align-items:center;}
.categorySwitcherContainer>div>b{font-size:1.1em;font-weight:normal;}
.categorySwitcherContainer>div>b::after{content:"\EA6D";color:#ECECEE;font-family:"icon";}
.categorySwitcherContainer>div>div{overflow-x:scroll;padding:0 5px 0 0;mask-image:var(--mask);-webkit-mask-image:var(--mask);--mask:linear-gradient(to right, black 0%, black calc(100% - 10px), transparent 100%);}
.categorySwitcherContainer>div>div.scrolled{--mask:linear-gradient(to right, transparent 0%, black 10px, black calc(100% - 10px), transparent 100%);}
.categorySwitcherContainer>div>div>div{display:inline-flex;align-items:center;margin:0 5px;padding:0 10px;height:25px;font-size:.95em;border:1px solid #ECECEE;border-radius:50px;}
.categorySwitcherContainer>div>div>div{transition:all .2s;}
.categorySwitcherContainer>div>div>div.active{border-color:#0192FF;}
.categorySwitcherContainer>div>div>div i{margin-right:5px;}
/* 下方 */
.fileDirBox{border:1px solid #ECECEE;padding:10px 10px 5px 10px;margin:10px -5px 0 -5px;border-radius:5px;}
.fileDirBox.state1{background:white;}
.fileDirBox.state2{opacity:.8;}
.fileDirBox .file{border-bottom:none;border-top:1px solid #ECECEE;}
.fileDirHeader{padding:2px 11px 10px 11px;display:flex;align-items:center;white-space:nowrap;}
.fileDirHeader>i{padding:0 3px;transition:all .2s;}
.fileDirHeader>i:hover,.fileDirHeader>i:active,.fileDirHeader>i.dropdownActive{color:#0192FF;}
.fileDirHeader>i:active{opacity:.6;}
.fileDirTitle{font-size:1.2em;flex-grow:1;overflow:hidden;text-overflow:ellipsis;}
.fileDirTitle .smaller{font-size:.8em;}
.fileDirTitle small{display:block;font-size:.7em;text-overflow:ellipsis;overflow:hidden;opacity:.8;}

/* 文档预览 */
.loaderScreen{position:fixed;z-index:5;inset:60px 0 0 0;background:#F9F9FB;transition:opacity .2s;}
.loaderScreen[hidden]{display:flex!important;opacity:0;pointer-events:none;}
.loaderScreen>img{width:50px;height:50px;margin-bottom:5px;filter:brightness(1.2);}
.loaderScreen>span{margin-bottom:10px;}
.loaderScreen>.progress{margin-bottom:70px;width:150px;}
.loaderScreen>.progress>div{background:#E8F5FF;}
.loaderScreen>.tip{position:absolute;bottom:70px;left:10px;right:10px;text-align:center;opacity:.8;font-size:.9em;}
.errorScreen>.errorContent{height:fit-content;}
.viewerFrame{position:fixed;width:100%;height:100%;border:0;}
.converterFrame{position:fixed;opacity:0;pointer-events:none;}

/* 对话框 */
.modalContainer>div>.modalHeader>div{font-weight:normal!important;}
#feedbackDialog textarea{height:100px;min-height:80px;}

/* 新手指引 */
#newcomerTipDialog>div{background:#0192FF;color:white;border:none;min-height:140px;padding-left:120px;}
#newcomerTipAvatar{position:absolute;border:0;left:10px;bottom:0;height:130px;}
#newcomerTipText{font-size:.9em;text-align:justify;}
#newcomerTipSubmit{background:white;}

/* 试卷标注 */
#materialLabelingState{display:flex;align-items:center;margin:0 -2.5px;width:calc(100% + 5px);}
#materialLabelingState>div{border:1px solid #ECECEE;margin:0 2.5px;border-radius:5px;padding:5px;flex-grow:1;background:#FCFCFC;text-align:center;transition:background .2s,color .2s,border .2s;}
#materialLabelingState>div:hover{background:#F4F4F6;}
#materialLabelingState>div:active{background:#ECECEE;color:#0192FF;}
#materialLabelingState>div.active{background:#E8F5FF;color:#0192FF;border-color:#E8F5FF;}

/* 验证码框 */
#captchaDialog .input{height:40px;overflow:hidden;}
#captchaDialog .input img{height:40px;image-rendering:pixelated;border-left:1px solid #EFEFEF;}
#captchaDialog .linkDefender{position:absolute;width:70px;left:25px;bottom:30px;}


/* 移动适配 */
@media screen and (max-width: 600px) {
	header #appLogo{overflow:hidden;width:30px;min-width:30px;transition:all .2s;}
	.home header #appLogo{width:50px;min-width:50px;}
	.home header #appLogo i{min-width:25px;margin-left:-2px;opacity:1;}
	.home.mobileSidebar header #appLogo i{color:#0192FF;}
	.filesMain{left:0;width:100%;}
	#sidebar{box-shadow:0 0 30px #00000015;}
	body:not(.home.mobileSidebar) #sidebar{left:-290px;}
	header .operations #mobileTabsBarBtn{display:flex;}
	header #tabsBar{margin:0 5px 0 0;}
	header #tabsBar>div:not(.active){display:none;}
	header #tabsBar>div.active{width:100%;background:transparent!important;color:black;font-size:.95em;}
	header #tabsBar>div.active>i:last-child{display:none;}
	header #tabsBar>div.active>span{max-width:unset;}
	body:not(.home) header .operations #mobileCloseBtn{display:flex;}
	body:not(.home) header .operations #menuBtn{display:none;}
}
@media screen and (max-width: 550px) {
	#newcomerTipDialog>div{overflow:visible;padding-left:0;}
	#newcomerTipAvatar{bottom:unset;top:-130px;}
	#newcomerTipText{font-size:1em;}
}
@media screen and (min-width: 550px) {
	.filesMain::-webkit-scrollbar{display:block;}
}