/*zoPanel*/ :root{--gap-page:1.6rem;--color-gray:#8884;--gap-block:1.2rem;--color-page:#f3f3f4;--color-logo:#11b6aa;--color-thead:#f7f7f7;--color-icon:#0eaf86;--color-link:#444;--color-button:#d16;--color-input:#fff;--color-active:#d16;--color-line:#efefef;--color-sticky:#f3f3f4ee;--color-block:#fff;--color-text:#333;--color-block-hover:#ccc2;--color-shadow:#9992;--color-warning:#f907;--color-higline:#111} html,body{margin:0;padding:0;width:100%;font-size:13px;height:100%} html{overflow:hidden;background-color:var(--color-page)} body{color:var(--color-text);overflow-y:auto;overflow-x:hidden;position:relative;background-position:center;background-size:cover;background-color:var(--color-page);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1.5} h1,h2,h3,h4,ul,ol,li{margin:0;padding:0} h1,h2,h3,h4{font-weight:500} p,div,header,ul,ol,li,h1,h2,h3,h4{box-sizing:border-box} p{margin:.4rem 0} p:empty{display:none;margin:0} a{color:var(--color-link);text-decoration:none;display:inline-block;vertical-align:middle} a:hover,a.active{color:var(--color-active)} ol{list-style-position:inside} ul{list-style:none} h1{font-size:1.4rem} h2{font-size:1.3rem} h3{font-size:1.2rem} h4{font-size:1.1rem} hr{border:.5px solid var(--color-line)} img,svg{vertical-align:middle;border:0;background-position:center;background-size:cover;border-radius:.4rem} span,small,label{display:inline-block;vertical-align:middle} code{white-space:pre-wrap;word-break:break-word;color:#41884b;font-family:monospace} /**/ header{background-color:var(--color-sticky);z-index:1000;text-shadow:0 0 1px var(--color-shadow);position:sticky;display:flex;align-items:center;gap:.5rem;height:3.6rem;top:-.5rem;padding:.5rem var(--gap-page) 0;backdrop-filter:saturate(150%) blur(5px);margin:0 calc(var(--gap-page)/-1) calc(var(--gap-block)/-3) calc(var(--gap-page)/-1)} header h1{font-size:1.1rem} /**/ table{width:100%;border:1px solid var(--color-line)} table tr td{white-space:nowrap;background:var(--color-block);padding:calc(var(--gap-block)/2);border-top:1px solid var(--color-line);border-left:1px solid var(--color-line)} table tr td.sort-col{background:#88888806} table tr td:first-child,table tr td:last-child{position:sticky;z-index:9} table tr td:first-child{left:0;border-left:0} table tr td:last-child{right:0} table tr td img,table tr td svg{border-radius:.3rem;background-color:var(--color-input)} table thead tr th{position:sticky;padding:calc(var(--gap-block)/1.5) calc(var(--gap-block)/2);background-color:var(--color-thead);text-align:left;font-weight:500;font-size:1rem;white-space:nowrap;border-bottom:1px solid var(--color-shadow)} table thead tr th:first-child{left:0;z-index:99} table thead tr th:last-child{right:0} table tbody tr:first-child td{border-top:0} table tbody tr:hover td{background-color:var(--color-block-hover)} table tbody tr:hover td:first-child,table tr:hover td:last-child{backdrop-filter:blur(5px)} table.glass,table.glass tbody tr td{border:0;background:none} /**/ dl{margin:var(--gap-block) 0;color:var(--color-text);background:var(--color-block);border-radius:calc(var(--gap-block)/2);box-sizing:border-box;width:100%;padding:calc(var(--gap-block)/2);box-shadow:0 .1rem .5rem 0 var(--color-shadow)} dl dt>*{padding:calc(var(--gap-block)/2);line-height:1.2;white-space:nowrap} dl dt .fa{color:var(--color-logo)} dl dd{margin:0;padding:calc(var(--gap-block)/2)} dl dd:has(>table){margin:calc(var(--gap-block)/4);padding:0;overflow:auto} dl dd>table{border-left:0;border-right:0} dl dd>table tr td:first-child{border-left:1px solid var(--color-line)} dl dd>table tr td:last-child{border-right:1px solid var(--color-line)} dl dd dl{box-shadow:none;padding:0;margin:0} dl.glass{background:0 0;box-shadow:none;padding:0;margin:calc(var(--gap-block)/2) calc(var(--gap-block)/-6)} dl.table{display:table;position:relative} dl.table dt{display:table-row} dl.table dt:first-child:empty{height:.5rem} dl.table dt i+span{position:absolute;margin:0px 0.3rem} dl.table dd{display:table-cell;vertical-align:middle} dl.table dd.th{border-bottom:1px solid var(--color-line);padding:.5rem} dl.table dt+dd,dl.table dt+dd+dd+dd{white-space:nowrap} dl.table dd img,dl.table dd svg{background-color:var(--color-input)} dl dt:has(h3):not(:first-child):before{content:"";height:var(--gap-block);display:table-row} dl:has(dd button)>dt:last-of-type:not(:first-child){height:1rem;position:relative} dl:has(dd button)>dt:last-of-type:not(:first-child):before{content:"";position:absolute;top:50%;left:calc(var(--gap-block)/4);right:calc(var(--gap-block)/4);border-top:1px solid var(--color-line)} /**/ form{margin:0px;padding:0px} select,textarea,input,button,.button{position:relative;color:var(--color-text);line-height:1.5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;vertical-align:middle;-webkit-appearance:none;font-size:1rem;border-radius:.5rem;box-sizing:border-box;outline:none;padding:.4rem .6rem;background:var(--color-input);border:1px solid var(--color-gray);transition:.3s all ease} select{padding:.4rem 2rem .4rem .6rem;background-image:url('data:image/svg+xml,');background-size:2rem auto;background-repeat:no-repeat;background-position:right center} input:hover,select:hover,textarea:hover{border-color:#8888} input:focus,select:focus,textarea:focus{border-color:var(--color-button);filter:drop-shadow(0 0 1px var(--color-button))} input+i,textarea+i,select+i,label+i{display:inline-flex;color:#8888;font-style:normal;padding:.2rem;gap:.5rem} input:required+i:before,textarea:required+i:before,select:required+i:before{white-space:nowrap;content:"*必填 ";color:#fe3513} textarea:read-only+i:before{content:"#不可修改 ";color:#ccc} input[type=checkbox],input[type=radio]{line-height:1;font-size:1.1rem;background:transparent;margin:0;padding:0;border:0;color:#8885} input[type=checkbox]:checked,input[type=radio]:checked{transform:scale(1.2);color:var(--color-button)} input[type=checkbox]:checked+span,input[type=radio]:checked+span{color:var(--color-active)} input[type=checkbox]:before,input[type=radio]:before{font-family:"Font Awesome\ 6 Free"} input[type=checkbox]:not(.fa):checked:before{content:"\f14a";font-weight:600} input[type=checkbox]:not(.fa):before{content:"\f0c8"} input[type=radio]:not(.fa):before{content:"\f111"} input[type=radio]:not(.fa):checked:before{content:"\f058";font-weight:600} input[type=date]{padding:calc(.4rem - 1px) .7rem} input[type=date]::-webkit-calendar-picker-indicator {filter:invert(0.3) sepia(100%) saturate(99%)} input[type=range]{-webkit-appearance:slider-horizontal;width:15rem;padding:0px;margin:0 1rem 0 0} input[type=submit],.button,button{border-color:var(--color-gray);justify-content:center;white-space:nowrap;display:inline-flex;gap:.4rem;align-items:center;background-color:var(--color-button);color:#fcfcfc} input[type=submit]>i,.button>i,button>i,a>i{transition:.2s all linear} input[type=submit]:hover>i,.button:hover>i,button:hover>i,a:hover>i{transform:scale(1.1)} input[type=submit]:hover,.button:hover,button:hover{color:#fff;box-shadow:0 0 2rem 0 #0002 inset;cursor:pointer} input[type=submit]:focus,.button:focus,button:focus{animation:grow .5s ease 0s} input[type=submit]:before,.button:before,button:before{font-weight:900} input[type=file]{display:none} input.full,textarea.full,select.full{width:100%} input.medium,select.medium,textarea.medium{width:310px} input.short,select.short{width:160px} button.min,.button.min{gap:.2rem;font-size:.8rem;padding:.3rem .4rem} input.mini[type=number]{width:80px;font-size:1rem} input.large,button.large,.button.large{font-size:1.1rem;padding:.5rem .8rem} textarea{height:auto;width:90%} textarea.ckeditor{min-height:25rem;width:99.9%} input.popup-menu+ul{position:absolute;display:none;box-shadow:0 0 .5rem 0 var(--color-shadow);z-index:99;border-radius:.5rem;overflow:hidden} input.popup-menu+ul.show{display:block} input.popup-menu+ul li a{padding:.5rem 1rem;display:flex;background:var(--color-sticky);justify-content:center;align-items:center;gap:.5rem} input.popup-menu+ul li a:hover{background-color:var(--color-page)} input[type=checkbox].popup-menu:checked+ul{display:block} input.toggle[type=checkbox]{background:var(--color-gray);transition:.3s ease all 0s;border-radius:1rem;font-size:0;display:inline-flex;align-items:center;box-shadow:none;width:2.5rem;height:1.5rem} input.toggle[type=checkbox]:before{display:none} input.toggle[type=checkbox]:after{content:"";background:#fff9;transition:.2s ease all 0s;width:1rem;height:1rem;margin:.3rem;box-shadow:0 1px 1px 0px #0002;border-radius:1rem} input.toggle[type=checkbox]:checked{background:var(--color-button)} input.toggle[type=checkbox]:checked{transform:scale(1)} input.toggle[type=checkbox]:checked:after{background:#fff;margin:0 0 0 1.2rem} input:disabled,button:disabled{background:var(--color-line);color:var(--color-gray);text-shadow:none} label{display:inline-flex;align-items:center;gap:.4rem;padding:.2rem} label.full{display:flex;padding:1rem;gap:.6rem;margin:.5rem 0} label.full:hover{background:var(--color-line)} fieldset{border:1px solid var(--color-line);border-radius:.5rem;padding:calc(var(--gap-block)/1.5);margin:0} fieldset legend{padding:0 .4rem} ::placeholder{color:#8886} /**/ .board-grid{display:flex;margin:calc(var(--gap-block)/2) calc(var(--gap-block)/-2);flex-wrap:wrap} .board-cell{position:relative;overflow:hidden;line-height:1.4;padding:var(--gap-block);background-color:var(--color-block);margin:calc(var(--gap-block)/2);transition:.3s ease all 0s;border-radius:calc(var(--gap-block)/2);box-shadow:0 .2rem .5rem 0 var(--color-shadow)} .board-cell big{color:var(--color-icon)} .board-cell .icon{transition:.4s all ease 0s} .board-cell:hover{margin:calc(var(--gap-block)/2 - .3rem);padding:calc(var(--gap-block) + .3rem)} .board-cell:hover .icon{transform:scale(1.3);transform-origin:1rem center} /**/ .board-side{margin:calc(var(--gap-block)/-2) 0} .board-side li{border-bottom:1px solid var(--color-line);padding:calc(var(--gap-block)/2) 0} .board-side li:last-child{border-bottom:none} .board-menu{margin:calc(var(--gap-block)/-2);display:flex;flex-wrap:wrap} .board-menu a{display:flex;gap:calc(var(--gap-block)/2);padding:calc(var(--gap-block)/2);position:relative;align-items:center;justify-content:flex-start;border-radius:calc(var(--gap-block)/2);transition:.3s ease all 0s} .board-menu a:hover{color:var(--color-active);background-color:var(--color-shadow)} .board-menu a:hover i.icon{background-color:#0000;color:var(--color-active)} .board-menu a:hover em.icon{background-color:var(--color-active)} /**/ .badge{background:var(--color-active);color:#fff;border-radius:1rem;line-height:1;padding:.2rem .4rem} .badge:empty{display:none} .badge.dot{width:0rem;height:.2rem;font-size:0} .badge.fa{background:#0000} sup.badge,sub.badge{position:absolute;right:0} sup.badge{top:0} sub.badge{bottom:.2rem} .icon{transition:.3s all ease 0s;background-size:cover;background-position:center;background-repeat:no-repeat;vertical-align:middle} i.icon,.board-menu i{background-color:var(--color-shadow);padding:calc(var(--gap-block)/4);line-height:var(--gap-block);border-radius:calc(var(--gap-block)/3);color:var(--color-icon);height:var(--gap-block);width:var(--gap-block)} i.icon:hover{color:var(--color-active)} em.icon{color:#fff;background-color:var(--color-icon);height:2.4rem;line-height:2.4rem;width:2.4rem;font-size:1.2rem;border-radius:.6rem} em.icon:hover{font-size:1.4rem;background-color:var(--color-active)} /**/ .grid{gap:0} .grid-1>*{width:100%} .grid-2>*{width:50%} .grid-3>*{width:33.3333%} .grid-4>*{width:25%} .grid-5>*{width:20%} /**/ .board-head{position:sticky;margin:.2rem calc(var(--gap-block)/-1) calc(var(--gap-page)/-1.6);padding:var(--gap-block) var(--gap-page);top:0;z-index:1;background:var(--color-sticky);backdrop-filter:saturate(150%) blur(5px)} .board-head .row{align-items:center} .board-head .title{position:relative;display:inline-block;background:linear-gradient(0deg,var(--color-logo),hsl(from var(--color-logo) h s calc(l*1.3)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;height:2.5rem} .board-head .title:after{content:attr(data-text);position:absolute;top:1.5rem;left:0;transform:rotateX(180deg);background:linear-gradient(0deg,var(--color-logo) 0,#0000 60%);opacity:.5;-webkit-background-clip:text;color:transparent} .board-head .logo{font-size:2rem;height:2.5rem;line-height:2.5rem} .board-head .logo:before{background:linear-gradient(0deg,var(--color-icon),hsl(from var(--color-icon) h s calc(l*1.3)));-webkit-background-clip:text;-webkit-text-fill-color:transparent} .board-head .badge{position:relative} /**/ #container{width:100vw;padding:0 var(--gap-page)} .container-fluid{padding:0} /**/ .tooltip{background:#ecb;padding:.5rem 1rem;margin:var(--gap-block) 0;border-radius:.5rem;color:#743} .toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 calc(var(--gap-block)/-1);padding:calc(var(--gap-block)/1.5) var(--gap-block)} .toolbar.top{margin-bottom:calc(var(--gap-block)/-1.5)} .toolbar.bottom{margin-top:calc(var(--gap-block)/-1.5)} .toolbar.fixed{background-color:var(--color-sticky);position:sticky;backdrop-filter:saturate(150%) blur(5px);z-index:1001} .toolbar.fixed.top{top:2.4rem} .toolbar.fixed.bottom{bottom:0} .toolbar a:not(.button){display:inline-flex;align-items:center;line-height:1.5;gap:.4rem;padding:.4rem .6rem;border-radius:.5rem;transition:.2s all ease 0s;background:#fff0;white-space:nowrap;color:var(--color-button);border:1px solid #0000} .toolbar a:not(.button):hover{color:var(--color-active);background:var(--color-line)} .toolbar a.active{color:var(--color-active)} .toolbar form{display:inline-flex;flex-wrap:wrap;gap:calc(var(--gap-block)/2);align-items:center} .toolbar .paging,.toolbar .option{display:inline-flex;align-items:center;gap:calc(var(--gap-block)/2);flex-wrap:wrap;justify-content:space-around} .toolbar .paging a,.toolbar .paging span{line-height:1.2;padding:.2rem .5rem} .toolbar .paging .pages{align-items:center;display:inline-flex;gap:.2rem} .toolbar .paging .current{background:var(--color-active);color:#fff;border-radius:.4rem} .toolbar .paging .disabled{color:#8888} .toolbar>*:not(:first-child):not(:last-child){flex:auto} .hide-next+*,.hide-next.empty+*{display:none!important} .hide-next.empty{display:block;text-align:center} .scroll-top{color:var(--color-button);position:absolute;right:3rem;bottom:2rem} /**/ .tag{display:inline-flex;border-radius:.4rem;padding:.3rem .5rem;background:var(--color-shadow);align-items:center;gap:.2rem;border:1px solid var(--color-line)} .tag:hover{background:var(--color-line);border:1px solid var(--color-gray)} .tabs{display:flex;flex-wrap:wrap;align-items:center} .tabs li a{position:relative;padding:calc(var(--gap-block)/3) calc(var(--gap-block)/2);display:inline-flex;gap:calc(var(--gap-block)/3);align-items:center;justify-content:flex-start} .tabs li a:after{content:"";left:0;right:0;height:2px;position:absolute;bottom:0;border-radius:2px;transition:.2s all ease 0s} .tabs li a.active:after{left:30%;right:30%;background-color:var(--color-active)} .tabs.side{flex-direction:column} .tabs.side li{width:100%} .tabs.side li a:after{display:none} /**/ a.fa.fa-toggle-on{color:#0db71a} a.fa.fa-toggle-off{color:#666} button.red,.button.red{background-color:#de0000;color:#fff} button.orange,.button.orange{background-color:orange;color:#fff} button.orangered,.button.orangered{background-color:orangered;color:#fff} button.black,.button.black{background-color:black;color:#fff} button.blue,.button.blue{background-color:#0992bb;color:#fff} button.pink,.button.pink{background-color:pink;color:#fff} button.purple,.button.purple{background-color:purple;color:#fff} button.green,.button.green{background-color:#0db71a;color:#fff} button.yellow,.button.yellow{background-color:yellow;color:#000} button.small,.button.small,select.small,input.small{line-height:1.2;font-size:1rem;border-radius:.4rem} button.mini,.button.mini{line-height:1;gap:.2rem;font-size:.8rem;border-radius:.2rem} button.taps,.button.taps{background:transparent;border-color:var(--color-button);color:var(--color-button)} button.round,.button.round{border-radius:2rem} button.load:after{position:absolute} .upload-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;user-select:none;gap:calc(var(--gap-block)/1.5);margin:calc(var(--gap-block)/2) 0} .upload-grid>*{position:relative} .upload-grid svg{width:9rem;height:9rem;transition:.3s ease all 0s;box-shadow:0 0 0 1px var(--color-gray) inset} .upload-grid svg:hover{box-shadow:0 0 0px 1px #8888 inset} .upload-grid sup,.upload-grid sub{margin:.5rem;position:absolute;right:0;display:flex;justify-content:center;gap:.3rem} .upload-grid svg~sub{bottom:0;left:0} .upload-grid svg~sup{top:0} .upload-grid .progress{top:48%;position:absolute;z-index:1;left:1rem;right:1rem} .thumb-grid{margin:calc(var(--gap-block)/2) calc(var(--gap-block)/-2)} .thumb-grid>*{padding:calc(var(--gap-block)/2);position:relative} .thumb-grid a{display:block} .thumb-grid svg{box-shadow:0 0 .4rem 0 var(--color-shadow);background-color:#8888} .thumb-grid sub{position:absolute;padding:.4rem;bottom:calc(var(--gap-block)/2);right:calc(var(--gap-block)/2)} .thumb-grid sup{position:absolute;padding:.4rem;top:calc(var(--gap-block)/2);right:calc(var(--gap-block)/2)} /**/ .sheet{background:var(--color-block);box-shadow:0 0 .6rem 0 var(--color-shadow);margin:var(--gap-block) 0;overflow:auto;border-radius:.5rem} .sheet table{border:0} .sheet table tr td{white-space:nowrap;border-left:0} .sheet table tr td:first-child{text-align:center} .sheet table tr td:first-child:has(input[type=checkbox]){width:2rem} .sheet table tr:last-child td{border-bottom:0} /**/ .progress{margin:.4rem 0;overflow:hidden;height:.5rem;background:#0003;border-radius:.5rem;display:flex} .progress .bar{background-color:var(--color-button);text-align:right;position:relative;border-radius:1rem;transition:.5s ease all 0s} .progress .bar span{background:#7b7b7b;position:fixed;color:#fff;border-radius:3px;padding:0px 3px;font-size:.5rem;margin:-1.5rem;visibility:hidden;opacity:0;transition:.3s ease all 0s} .progress:hover .bar span{visibility:visible;opacity:1} /**/ .fan{-webkit-animation:spin 1s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear} .load{position:relative} .load:after{content:"";position:fixed;opacity:0;animation:fade 0.9s ease 0.5s forwards,spin 1s linear infinite;width:1rem;height:1rem;border-radius:50%;border:.2rem solid var(--color-logo);border-left:.2rem solid rgba(0,0,0,0);z-index:999} .wait:after{content:"";position:absolute;animation:fade 1s ease 2s forwards,flow 4s linear infinite 1s;height:1px;background:linear-gradient(90deg,#0000,var(--color-logo),#0000);z-index:10000;top:0} body.load:after{left:50%;top:50%;margin-top:-1.2rem;margin-left:-1.2rem;width:2rem;height:2rem} /**/ .layui-layer-title {font-weight:bold;display:flex;gap:calc(var(--gap-block)/2);align-items:center;margin-bottom:calc(var(--gap-block)/-1)} .layui-layer-title i{color:var(--color-icon)} .layui-layer-iframe{overflow:hidden} .layui-layer.drawer{border-radius:0} .layui-layer.modal .layui-layer-content{overflow:auto;padding:0 var(--gap-block)} .layui-layer .layui-layer-close:before{content:"\2b";font-family:"Font Awesome\ 6 Free";transform:rotate(45deg);display:block;font-size:1.4rem} .layui-layer .layui-layer-setwin{top:var(--gap-block);right:var(--gap-block);z-index:1} .layui-layer .layui-layer-setwin a{background-image:none;transition:.3s ease all 0s;position:initial;height:1;width:1.4rem;line-height:1.4rem;text-align:center} .tree-horizontally ul{margin:1rem 0;overflow-wrap:break-word;text-align:center;white-space:nowrap;font-size:0} .tree-horizontally ul li{padding:1rem;list-style:none;display:inline-block;vertical-align:top;font-size:1rem} .tree-horizontally ul li ul{position:relative;margin-top:1rem} .tree-horizontally ul li ul li{position:relative} .tree-horizontally ul li ul:before{content:"";background:#ddd;width:1px;position:absolute;top:-1rem;left:50%;height:1rem} .tree-horizontally ul li:after{content:"";background:#ddd;width:1px;position:absolute;top:0;height:1rem;left:50%} .tree-horizontally ul li:before{content:"";background:#ddd;width:100%;position:absolute;top:0;left:0;height:1px} .tree-horizontally ul li:first-child:before{left:50%;width:50%} .tree-horizontally ul li:last-child:before{left:0;width:50%} .tree-horizontally ul li .list-vertically ul{display:inline-block;vertical-align:top;margin:0 1rem;text-align:left} .tree-horizontally ul li .list-vertically ul li{display:block;padding:.5rem 1rem} .tree-horizontally ul li .list-vertically ul li:before{top:1.5rem;width:1rem} .tree-horizontally ul li .list-vertically ul li:after{left:0;height:100%} .tree-horizontally ul li .list-vertically ul:before{left:-1rem;width:1rem;height:1px;top:1.5rem} .tree-horizontally ul li .list-vertically ul li:first-child:before{left:0} .tree-horizontally ul li .list-vertically ul li:last-child:after{height:1.5rem} .tree-horizontally ul li .list-vertically ul li:first-child:after{top:50%} .tree-horizontally ul li .list-vertically>ul:before{top:-1rem;left:0;height:3rem;width:1px} .tree-horizontally ul li .box{position:relative;display:inline-block;padding:0 1rem;border:1px solid #111;margin:0 .5rem} .tree-horizontally ul li .box:before{content:"";display:inline-block;background:#000;top:-1rem;width:1px;position:absolute;height:1rem;left:50%} .tree-horizontally ul li .box:after{content:"";display:inline-block;background:#000;bottom:-1rem;width:1px;position:absolute;height:1rem;left:50%} .tree-horizontally ul li .box i{color:#07a02a;cursor:pointer;font-size:1.3rem} .tree-horizontally ul li a{padding:0 1rem;display:inline-block;border:1px solid #ddd;vertical-align:top} .tree-vertically ul{padding-left:2rem} .tree-vertically ul li{position:relative} .tree-vertically ul li:before{content:"";border-left:1px solid var(--color-line);height:100%;position:absolute;top:0} .tree-vertically ul li:after{content:"";border-top:1px solid var(--color-line);width:1rem;position:absolute;left:-1rem;top:2rem} .tree-vertically ul li:before{left:-1rem} .tree-vertically ul li:first-child:after{ border-left:none} .tree-vertically ul li:last-child:before{height:2rem} .tree-vertically ul li table{border:0;border-top:1px solid var(--color-line)} .tree-vertically ul li table tr th{border-bottom:none} .tree-vertically ul li table tr td{border-left:none} .guide-map ul li ul{margin:.5rem 0} .guide-map ul li a{line-height:2rem;padding:.5rem;display:flex;align-items:center;overflow:hidden;font-size:1.2rem;border-bottom:1px solid var(--color-line);color:var(--color-logo);gap:.5rem} .guide-map ul li a:hover{color:var(--color-active)} .guide-map ul li ul li{display:flex;align-items:flex-start} .guide-map ul li ul li a{font-size:1.1rem;border-bottom:none;color:var(--color-icon);vertical-align:top;min-width:8rem} .guide-map ul li ul li ul{display:flex;flex-wrap:wrap} .guide-map ul li ul li ul li a{padding:0;color:#666;font-size:1rem;gap:.3rem} .guide-map ul li ul li ul li a i{width:2rem} .login-page{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;gap:2rem;align-items:center} .login-page header{background-color:#0000;backdrop-filter:none;width:100%;justify-content:space-between;padding:0} .login-page header .logo{display:inline-flex;align-items:center;gap:.6rem;color:#fffd} .login-page header .logo img{height:2rem} .login-page footer{position:relative;margin-bottom:2rem} .login-background{top:0;left:0;bottom:0;right:0;position:fixed;background-size:cover;background-position:center} .login-shade{top:0;left:0;bottom:0;right:0;position:fixed;background-color:var(--color-shadow)} .login-box{text-align:center;padding:2rem;border-radius:var(--gap-block);box-shadow:0px 0px 1rem 0 var(--color-shadow);z-index:2;position:relative;backdrop-filter:saturate(150%) blur(7px);background:var(--color-sticky);overflow:hidden} .login-box ul{display:flex;flex-direction:column;gap:var(--gap-block);margin:1rem 0} .login-box input,.login-box select{width:100%;background:var(--color-shadow);font-size:1.1rem;padding:.6rem} .login-box button{width:100%;margin:.5rem 0;padding:.6rem;font-size:1.1rem} .login-box form{display:flex;align-items:center;margin:2rem;gap:8rem} .login-box form>div{position:relative} .login-box form>div:not(:first-child){flex:1} .login-box form>div:not(:first-child):before{content:"";border-left:1px solid #8883;position:absolute;top:1rem;left:-4rem;bottom:1rem} .login-box .tabs{display:none} .login-box .logo{align-items:center;gap:1rem;display:flex;justify-content:center;margin:1rem} .login-box .logo img{height:3rem} .login-box .qrcode{width:15rem;margin:auto;position:relative;background:#fff;padding:.5rem} .login-box .qrcode a{display:flex;position:absolute;justify-content:center;align-items:center;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.8)} .dropmenu{position:absolute;visibility:hidden;margin:-1px 0px 0px -5px} .dropmenu ul{position:absolute;background-color:var(--color-sticky);overflow:hidden;backdrop-filter:saturate(150%) blur(5px);margin:5px 0;list-style-type:none;white-space:nowrap;box-shadow:0 0 4px 0 var(--color-shadow);border-radius:.5rem;border:1px solid var(--color-line)} .dropmenu ul li a{display:block;padding:.6rem 1.5rem .6rem 1rem} .dropmenu ul li a:hover{color:var(--color-logo);background:var(--color-block-hover)} .ddiframeshim{position:absolute;z-index:500;display:block;width:0;height:0;border-width:0;background:transparent} .panel-main{display:flex;top:3.8rem;position:fixed;bottom:0;left:0;right:0;transition:all .3s ease 0s} .panel-head{height:3.8rem;left:0;position:fixed;z-index:9;right:0;background-color:#fff9;align-items:center;display:flex;box-shadow:0 -1px 0 0 #ffffff06 inset,0 0 5px 0 var(--color-shadow);padding:0 var(--gap-block);gap:1rem} .panel-head-logo svg,.panel-head-logo img{height:2.2rem} .panel-head-tabs{flex:auto;display:flex;align-items:center;overflow:hidden;height:3.8rem} .panel-head-tabs li{display:flex;position:relative;align-items:center;gap:.4rem;padding:.5rem .6rem;transition:.4s all ease 0s} .panel-head-tabs li:has(>a.active){background-color:#8882;border-radius:.5rem} .panel-head-tabs li:after{content:"";position:absolute;height:1px;left:50%;right:50%;bottom:-.65rem;transition:.3s all ease .1s;background:linear-gradient(90deg,#0000,var(--color-logo),#0000)} .panel-head-tabs li:has(>a.active):after{left:0;right:0} .panel-head-tabs li a{overflow:hidden;white-space:nowrap;max-width:6rem;text-overflow:ellipsis} .panel-head-tabs li a.active{color:var(--color-logo)} .panel-head-tabs li a~i{cursor:pointer;color:#8884;line-height:inherit} .panel-head-tabs li a~i:hover{color:var(--color-active)} .panel-head-dropmenu{display:flex;align-items:center;flex-shrink:unset;gap:.8rem} .panel-head-dropmenu a:hover,.panel-head-dropmenu li a.selected{color:var(--color-logo)} .panel-head-dropmenu img{display:none} .panel-side{width:15rem;flex:none;display:flex;justify-content:space-between;flex-direction:column;transition:all .3s ease 0s;padding:1rem 0} .panel-side.hide{width:4.6rem} .panel-side.hide ul li a{padding:.8rem 0} .panel-side.hide ul li a i{flex-grow:1;font-size:1.2rem} .panel-side.hide ul li a:after{display:none} .panel-side.hide ul li a span{display:none} .panel-side.hide ul li ul li a{padding:.6rem 0} .panel-side.hide ul li ul li a i{font-size:1rem} .panel-side.hide ul li ul li a.active i{color:var(--color-active)} .panel-side.hide ul li ul li ul li{display:none} .panel-side.hide ul li ul li ul{display:none} .panel-side.hide ul>li>a.active:after{display:none} .panel-side.hide .panel-side-find form{display:none} .panel-side-find{margin:.5rem 1rem;background:#8881;border-radius:.5rem;position:relative} .panel-side-find form{display:flex;align-items:center;padding:0 .5rem} .panel-side-find form input{background:#0000;border:0;width:100%} .panel-side-find ul{position:absolute;background-color:var(--color-sticky);z-index:99;box-shadow:0 0 9rem 0 var(--color-line) inset;overflow:auto;max-height:50vh;backdrop-filter:saturate(150%) blur(5px);width:100%;border-radius:.5rem;margin-top:2px} .panel-side-find ul li a{display:flex;align-items:center;padding:.4rem .6rem;gap:.6rem} .panel-side-find ul li a i{color:var(--color-button)} .panel-side-menu{overflow:auto;padding:0 .8rem;flex-grow:1} .panel-side-menu a.load:after{display:block;content:"";left:0;width:.5rem;height:.5rem;top:.7rem} .panel-side-menu ul li{transition:.3s ease all .1s} .panel-side-menu ul li a{gap:.8rem;font-size:1.1rem;padding:.4rem .7rem;display:flex;transition:.3s ease all 0s;position:relative;align-items:center;justify-content:flex-start;border-radius: .4rem;margin:.2rem 0} .panel-side-menu ul li a:hover{background-color:#8881;color:inherit} .panel-side-menu ul li a i{color:var(--color-logo);font-size:1rem} .panel-side-menu ul li a.active{background-color:var(--color-logo);color:#fff} .panel-side-menu ul li a.active i{color:#fff} .panel-side-menu ul li ul{padding: 0 calc(var(--gap-block)/4);} .panel-side-menu ul li ul li a{font-size:1rem;margin: 1px;gap:.6rem;} .panel-side-menu ul li ul li a i{color:var(--color-icon)} .panel-side-menu ul li ul li a.active{color:var(--color-active);background:#8881} .panel-side-menu ul li ul li a.active i{color:var(--color-active)} .panel-side-menu ul li ul li a.active+ul{background:#0000;padding:calc(var(--gap-page)/2) calc(var(--gap-page)/2);margin:0} .panel-side-menu ul li ul li a:after{display:none} .panel-side-menu ul li ul li ul{display:flex;flex-wrap:wrap;position:relative;padding: calc(var(--gap-page)/2) calc(var(--gap-page)/2);gap:.5rem;flex-direction:initial;border-radius: 0;} .panel-side-menu ul li ul li ul li a{padding:0;margin:0;line-height:1.4} .panel-side-menu ul li ul li ul li a i{display:none} .panel-side-menu ul li ul li ul li a.active{background:#0000} .panel-side-menu ul li ul li ul li a:hover{background:#0000} .panel-side-menu ul>li{display:grid;grid-template-rows:0fr 0fr} .panel-side-menu ul>li:has(>a.active){grid-template-rows:0fr 1fr} .panel-side-menu ul>li>a+ul{border-radius:.5rem;display:flex;flex-direction:column;transition:.3s ease all .2s;overflow:hidden} .panel-side-menu ul>li>a:after{content:"\f054";color:#8888;transition:.3s ease all .2s;position:absolute;right:1rem;font-family:'FontAwesome';font-size:.8rem} .panel-side-menu ul>li>a.active:after{transform:rotate(90deg);color:#fff} .panel-side-menu ul>li>a.active+ul{margin: calc(var(--gap-block)/4) 0;background:linear-gradient(0deg,#8881,var(--color-block-hover));padding: calc(var(--gap-block)/4);} .panel-side-menu ul>li>ul>li{display:flex;flex-direction:column} .panel-side-menu ul>li>ul>li>a+ul:before{content:"";left: calc(var(--gap-block)/2);right: calc(var(--gap-block)/2);top:0;border-top:1px solid var(--color-icon);position:absolute;opacity:.4} .panel-side-menu ul>li>ul>li>ul>li>a.active+ul{background-color:#0000} .panel-side-foot{padding:0 .8rem;margin:0 .6rem} .panel-page{flex:auto} .panel-page>iframe{display:block} .panel-hint{display:flex;flex-direction:column;justify-content:space-between;padding:.4rem;width:4rem;transition:.3s all ease 0s} .panel-hint ul li{margin:var(--gap-block) 0} .panel-hint ul li a{display:block;position:relative;text-align:center} .panel-hint ul li a:hover i{color:var(--color-logo)} .panel-hint ul li a i{color:var(--color-icon);line-height:1.5} .panel-hint ul li a sup{background:#ef1e1e} .panel-hint.hide{margin-right:-4rem} /**/ .left{float:left} .right{float:right} .center{text-align:center} .block{display:block!important} .round{border-radius:100%} .big,big{font-size:1.5rem} .large,large{font-size:1.2rem} .small,small{font-size:.8rem} .mini{font-size:.6rem} .rem2{font-size:2rem} .no-padding{padding:0} .flex{justify-content:space-between;display:flex;align-items:center;gap:calc(var(--gap-block)/2)} .flex>*:not(:last-child){flex:auto} .flex-in{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:flex-start} .clamp1,.nowrap{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block} /**/ .red{color:#de0000} .orange{color:orange} .orangered{color:orangered} .black{color:black} .blue{color:#2070ea} .pink{color:pink} .purple{color:purple} .green{color:#0db71a} .gray{color:#aaaaaa} .yellow{color:yellow} /**/ @keyframes grow{ 0%{box-shadow:0 0 0 0px #8885} to{box-shadow:0 0 0px 6px #8880} } @keyframes fade{ 0%{opacity:0} to{opacity:1} } @keyframes spin{ 0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)} } @keyframes flow{ 0%{width:0px} 30%{width:100%} 60%{width:100%;right:0px} 100%{right:0px;width:0px} } @media (prefers-color-scheme:dark) { :root{ --color-page:#151515; --color-gray:#8882; --color-block:#202020; --color-thead:#262626; --color-block-hover:#88888808; --color-sticky:#151515dd; --color-input:#1d1d1d; --color-text:#999; --color-line:#262626ee; --color-shadow:#0002; --color-link:#8a8a8a; --color-higline:#e8d066; } .panel-head{background:#ffffff09} } @media all and (min-width:480px){ ::-webkit-scrollbar{width:calc(var(--gap-block)/1.2);height:calc(var(--gap-block)/1.2)} ::-webkit-scrollbar-track{background-color:#0000} ::-webkit-scrollbar-track:hover{background-color:#0000} ::-webkit-scrollbar-thumb{border-radius:1rem;background-color:#8882;border:calc(var(--gap-block)/3.5) solid var(--color-page)} ::-webkit-scrollbar-thumb:hover{background-color:#8884} dd::-webkit-scrollbar-thumb{border-color:var(--color-block)} div::-webkit-scrollbar-thumb{border-color:var(--color-block)} textarea::-webkit-scrollbar-thumb{border-color:var(--color-input)} } @media all and (max-width:768px){ table tr td:last-child .button{font-size:0;gap:0} table tr td:last-child .button i{font-size:1rem;line-height:1.5} } @media all and (max-width:480px){ :root{--gap-page:1rem;--gap-block:1rem} html,body{font-size:14px} dl dd:last-of-type button,dl dd:last-of-type .button{width:-webkit-fill-available} dl.table{display:block} dl.table dt{display:block;padding-bottom:calc(var(--gap-block)/2)} dl.table dd{display:block;padding:calc(var(--gap-block)/3) calc(var(--gap-block)/2)} input.popup-menu+ul{position:fixed;z-index:9999;display:none;left:1rem;right:1rem;bottom:1rem;margin:0!important;width:auto} input.popup-menu+ul:before{content:"";position:fixed;top:0;left:0;bottom:0;right:0;background:#8888;z-index:-18} input.popup-menu+ul.show{display:block} input.popup-menu+ul li{font-size:1.1rem;border-bottom:1px solid #8881} input.popup-menu+ul li:last-child{margin-top:1rem} input.popup-menu+ul li:last-child a{border-radius:1rem} input.popup-menu+ul li:nth-last-child(2) a{border-radius:0 0 1rem 1rem} .board-head{top:-3.5rem} .board-head .row{gap:1rem} .toolbar.top div:last-child *:has(.fa){font-size:0;gap:0} .toolbar.top div:last-child .fa{font-size:1rem} .toolbar.top.fixed{top:0} .toolbar.bottom{flex-direction:column;gap:1rem} .toolbar.bottom.fixed{bottom:-2.5rem} .toolbar>*:first-child:last-child{width:-webkit-fill-available} .left,.right{float:none} .layui-layer.drawer .layui-layer-setwin{display:block} .msg-area{top:4rem;bottom:auto} .panel-head-tabs{overflow:auto hidden} .panel-side{width:23rem;margin-left:-23rem} .panel-side.hide{margin-left:0;width:23rem} .panel-side.hide ul li a {padding:.6rem} .panel-side.hide ul li a:after{display:inline-block} .panel-side.hide ul li a.active:after{display:inline-block} .panel-side.hide ul li a i{flex-grow:0;font-size:1rem} .panel-side.hide ul li ul li a{padding:.5rem .7rem} .panel-side.hide ul li ul li a:after{display:none} .panel-side.hide ul li ul li a.active:after{display:none} .panel-side.hide ul li ul li ul li{display:unset} .panel-side.hide ul li ul li ul li a{padding:0} .panel-side.hide ul li ul li ul{display:flex} .panel-side.hide ul li a span{display:initial} .panel-side.hide .panel-side-find form{display:flex} .panel-main.full{margin-right:-23rem} .panel-hint{z-index:99;right:-4rem;border:1px solid var(--color-line);position:fixed;background-color:var(--color-sticky);backdrop-filter:saturate(150%) blur(5px);bottom:2rem;border-radius:1rem 0 0 1rem;box-shadow:0 0 1rem 0 var(--color-shadow)} .panel-hint.hide{right:0;margin-right:0} .login-box{width:90%} .login-box .tabs{display:block;width:8rem;right:-2.5rem;top:-.3rem;position:absolute;transform:rotate(45deg);background:var(--color-block-hover);margin:0;gap:0;padding-top:.4rem} .login-box .tabs li{transform:rotate(-45deg)} .login-box .tabs li a{font-size:1.5rem;padding:.8rem} .login-box .tabs li a.active{display:none} .login-box form{display:block;margin:2rem 0} table.colsm,table.colsm tbody,table.colsm tr{display:block} table.colsm tr td{display:block;padding:calc(var(--gap-block)/3) calc(var(--gap-block)/2)} table.colsm tr td:empty{padding:0} }