THU Hole react frontend
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

2 lines
19 KiB

body{background-size:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#333}body.root-dark-mode{background-color:#000}html::-webkit-scrollbar{display:none}html{scrollbar-width:none;-ms-overflow-style:none}:root{--var-link-color:#00c}.root-dark-mode .balance-popover,.root-dark-mode .left-container,.root-dark-mode .sidebar,.root-dark-mode .sidebar-title{--var-link-color:#9bf}a{color:#00c;color:var(--var-link-color)}a:not(.no-underline):hover{border-bottom:1px solid #00c;border-bottom:1px solid var(--var-link-color);margin-bottom:-1px}input,textarea{border-radius:5px;border:1px solid #000;outline:none;margin:0}input{padding:0 1em;line-height:2em}audio{vertical-align:middle}.button,button{color:#000;background-color:hsla(0,0%,92.2%,.5);border-radius:5px;text-align:center;border:1px solid #000;line-height:2em;margin:0 .5rem}.root-dark-mode .button,.root-dark-mode button{background-color:#4d4d4d;color:var(--foreground-dark)}.button:hover,button:hover{background-color:hsla(0,0%,100%,.7)}.root-dark-mode .button:hover,.root-dark-mode button:hover{background-color:#666}.button:disabled,button:disabled{background-color:hsla(0,0%,50.2%,.5)}.root-dark-mode .button:disabled,.root-dark-mode button:disabled{background-color:#333;color:#999}.root-dark-mode input:not([type=file]),.root-dark-mode textarea{background-color:#4d4d4d;color:var(--foreground-dark)}.root-dark-mode input:not([type=file])::-webkit-input-placeholder{color:var(--foreground-dark)}.root-dark-mode input:not([type=file])::-moz-placeholder{color:var(--foreground-dark)}.root-dark-mode input:not([type=file]):-ms-input-placeholder{color:var(--foreground-dark)}.root-dark-mode input:not([type=file])::-ms-input-placeholder{color:var(--foreground-dark)}.root-dark-mode input:not([type=file])::placeholder{color:var(--foreground-dark)}:root{--foreground-dark:#ededed}body{margin:0;padding:0;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body,pre,textarea{font-family:Segoe UI,,Microsoft YaHei,sans-serif}*{box-sizing:border-box;word-wrap:break-word;-webkit-overflow-scrolling:touch}p,pre{margin:0}a{text-decoration:none;cursor:pointer}pre{white-space:pre-line}code{font-family:Consolas,Courier,monospace}.centered-line{overflow:hidden;text-align:center}.centered-line:after,.centered-line:before{background-color:#000;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.root-dark-mode .centered-line{color:var(--foreground-dark)}.root-dark-mode .centered-line:after,.root-dark-mode .centered-line:before{background-color:var(--foreground-dark)}.centered-line:before{right:1em;margin-left:-50%}.centered-line:after{left:1em;margin-right:-50%}.title-line{color:#fff;margin-top:1em}.title-line:after,.title-line:before{background-color:#fff;box-shadow:0 1px 1px #000}.root-dark-mode .title-line{color:var(--foreground-dark)}.root-dark-mode .title-line:after,.root-dark-mode .title-line:before{background-color:var(--foreground-dark)}.app-switcher{display:flex;height:2em;text-align:center;margin:0 .1em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-switcher-desc{margin:0 .5em;flex:1 1;opacity:.5;height:2em;line-height:2rem;font-size:.8em}.root-dark-mode .app-switcher-desc{color:var(--foreground-dark)}@media screen and (max-width:570px){.app-switcher-desc{flex:1 1;display:none}.app-switcher-item{flex:1 1!important;padding:0!important}.app-switcher-dropdown-title{padding-left:0!important;padding-right:0!important;text-align:center!important}.app-switcher-dropdown-item{margin-left:-2em!important;margin-right:0!important}}.app-switcher a:hover{border-bottom:unset;margin-bottom:unset}.app-switcher-desc a{color:unset}.app-switcher-left{text-align:right}.app-switcher-right{text-align:left}.app-switcher-item{flex:0 0 auto;border-radius:3px;height:1.6em;line-height:1.6em;margin:.2em .1em;padding:0 .45em}.app-switcher-item a,a.app-switcher-item{-webkit-transition:unset;transition:unset;color:#000}.app-switcher-item img{width:1.2rem;height:1.2rem;position:relative;top:.2rem;vertical-align:unset}.app-switcher-item span:not(:empty){margin-left:.2rem}.app-switcher-logo-hover{margin-left:-1.2rem}.app-switcher-item:hover{background-color:#000;color:#fff!important}.app-switcher-item:hover a{color:#fff!important}.app-switcher-item-current{background-color:rgba(0,0,0,.4);text-shadow:0 0 5px rgba(0,0,0,.5);color:#fff!important}.app-switcher-item-current a{color:#fff!important}.root-dark-mode .app-switcher-dropdown-title a,.root-dark-mode .app-switcher-item{color:var(--foreground-dark)}.root-dark-mode .app-switcher-dropdown-title:hover a,.root-dark-mode .app-switcher-item-current,.root-dark-mode .app-switcher-item:hover{background-color:#555;color:var(--foreground-dark)}.app-switcher-item-current .app-switcher-logo-normal,.app-switcher-item:hover .app-switcher-logo-normal,.app-switcher-item:not(.app-switcher-item-current):not(:hover) .app-switcher-logo-hover{opacity:0}.root-dark-mode .app-switcher-logo-normal{opacity:0!important}.root-dark-mode .app-switcher-logo-hover{opacity:1!important}.app-switcher-dropdown{padding:0;text-align:left}.app-switcher-dropdown:not(:hover){max-height:1.6rem;overflow:hidden}.app-switcher-dropdown-item{background-color:rgba(89,89,89,.9);padding:.125em .25em;margin-left:-.75em;margin-right:-.75em;position:relative;z-index:10;cursor:pointer}.app-switcher-dropdown-item:hover{background-color:rgba(0,0,0,.9)}.app-switcher-dropdown-item:nth-child(2){border-top-left-radius:3px;border-top-right-radius:3px}.app-switcher-dropdown-item:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.app-switcher-dropdown-title{padding-bottom:.2em;padding-left:.5em;padding-right:.25em}.app-switcher-dropdown-title a{cursor:unset}.thuhole-login-popup{font-size:1rem;background-color:#f7f7f7;color:#000;position:fixed;left:50%;top:50%;width:320px;z-index:114515;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);border-radius:5px}.thuhole-login-popup a{color:#00c}.thuhole-login-popup p{margin:.75em 0;text-align:center}.thuhole-login-popup button,.thuhole-login-popup input{font-size:.85em;vertical-align:middle}.thuhole-login-popup input:not([type=checkbox]){width:8rem;border-radius:5px;border:1px solid #000;outline:none;margin:0;padding:0 .5em;line-height:2em}.thuhole-login-popup button{width:6rem;color:#000;background-color:hsla(0,0%,92.2%,.5);border-radius:5px;text-align:center;border:1px solid #000;line-height:2em;margin:0 .5rem}.thuhole-login-popup button:hover{background-color:hsla(0,0%,100%,.7)}.thuhole-login-popup button:disabled{background-color:hsla(0,0%,50.2%,.5)}.thuhole-login-type{display:inline-block;width:6rem;margin:0 .5rem}.thuhole-login-popup-shadow{opacity:.5;background-color:#000;position:fixed;left:0;top:0;height:100%;width:100%;z-index:114514}.thuhole-login-popup label.perm-item{font-size:.8em;vertical-align:.1rem;margin-left:.5rem}.aux-margin{width:calc(100% - 100px);margin:0 50px}@media screen and (max-width:1300px){.aux-margin{width:calc(100% - 20px);margin:0 10px}}.title{font-size:1.5em;height:4rem;padding-top:1rem;text-align:center}.time-str{color:#999}.clickable{cursor:pointer}.bg-img{position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%}.root-dark-mode .bg-img{opacity:.65}.black-outline{text-shadow:-1px -1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(0,0,0,.6),1px -1px 0 rgba(0,0,0,.6),-1px 1px 0 rgba(0,0,0,.6),0 1px 0 rgba(0,0,0,.6),1px 1px 0 rgba(0,0,0,.6)}.search-query-highlight{border-bottom:1px solid #000;font-weight:700}.root-dark-mode .search-query-highlight{border-bottom:1px solid #fff}.url-pid-link{opacity:.6}:root{--coloredspan-bgcolor-light:#fff;--coloredspan-bgcolor-dark:#000}.colored-span{background-color:#fff;background-color:var(--coloredspan-bgcolor-light)}.root-dark-mode .colored-span{background-color:#000;background-color:var(--coloredspan-bgcolor-dark)}.icon+label{font-size:.9em;vertical-align:.05em;cursor:inherit;padding:0 .1rem;margin-left:.15rem}.hljs{white-space:pre-wrap}:root{--box-bgcolor-light:#f7f7f7;--box-bgcolor-dark:#292929}.box{background-color:#f7f7f7;background-color:var(--box-bgcolor-light);color:#000;border-radius:5px;margin:1em 0;padding:.5em;box-shadow:0 2px 5px rgba(0,0,0,.4)}.root-dark-mode .box{background-color:#292929;background-color:var(--box-bgcolor-dark);color:var(--foreground-dark);box-shadow:0 0 2px hsla(0,0%,100%,.25),0 0 7px rgba(0,0,0,.15)}.box-tip{min-width:100px;z-index:1;text-align:center}.box-danger{background-color:#e55;color:#fff;text-shadow:0 0 3px #000}.root-dark-mode .box-danger{background-color:#d44;color:var(--foreground-dark)}.left-container .flow-item{display:inline-block;width:600px;float:left}.flow-reply-row{display:inline-flex;align-items:flex-start;width:calc(100% - 625px);margin-left:-25px;padding-left:18px;overflow-x:auto}.sidebar-flow-item .flow-item pre,.sidebar-flow-item .flow-reply pre{cursor:text}.flow-reply-row::-webkit-scrollbar{display:none}.flow-reply-row{scrollbar-width:none;-ms-overflow-style:none}.flow-reply-row:empty{margin:0!important;display:none}.flow-item-row:after{content:"";display:block;clear:both}.left-container .flow-reply{flex:0 0 300px;max-height:15em;margin-right:-7px;overflow-y:hidden}.left-container .flow-item{margin-left:50px}@media screen and (min-width:1301px){.left-container .flow-item-row-with-prompt:hover:before{content:">>";position:absolute;left:10px;margin-top:1.5em;color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(0,0,0,.6),1px -1px 0 rgba(0,0,0,.6),-1px 1px 0 rgba(0,0,0,.6),0 1px 0 rgba(0,0,0,.6),1px 1px 0 rgba(0,0,0,.6);font-family:Consolas,Courier,monospace}}@media screen and (max-width:1300px){.left-container .flow-item{margin-left:10px}.flow-reply-row{width:calc(100% - 485px)}.left-container .flow-item{width:500px}.flow-item-row:hover:before{display:none}}@media screen and (max-width:900px){.left-container .flow-item{display:block;width:calc(100vw - 20px);max-width:500px;float:none}.flow-reply-row{display:flex;width:100%!important;margin-left:0;padding-left:30px;margin-top:-2.5em;margin-bottom:-1em}}.left-container .flow-item-row{cursor:default}.box-footer,.box-header{font-size:.8em}.flow-item-row p.img{text-align:center;margin-top:.5em}.flow-item-row p.img img{max-width:100%;box-shadow:0 1px 5px rgba(0,0,0,.4)}.left-container .flow-item-row p.img img{max-height:80vh}.root-dark-mode .flow-item-row p.img img{-webkit-filter:brightness(85%);filter:brightness(85%)}.box-header-badge{float:right;margin:0 .5em}.flow-item-dot{position:relative;top:calc(-.5em - 4px);left:calc(-.5em - 4px);width:10px;height:10px;margin-bottom:-10px;border-radius:50%;background-color:#fc7;box-shadow:1px 1px 5px rgba(0,0,0,.5);display:none}.root-dark-mode .flow-item-dot{background-color:#eb6}.left-container .flow-item-dot{display:block}.box-content{padding:.5em 0;overflow-x:auto}.left-container .box-content{max-height:calc(100vh + 15em);overflow-y:hidden}.box-id{color:#666}.root-dark-mode .box-id{color:#bbb}.box-id a:hover:before{content:"复制全文";position:relative;width:5em;height:1.3em;line-height:1.3em;margin-bottom:-1.3em;border-radius:3px;text-align:center;top:-1.5em;display:block;color:#fff;background-color:rgba(0,0,0,.6);pointer-events:none}.flow-item-row-quote{opacity:.8;-webkit-filter:brightness(95%);filter:brightness(95%)}.root-dark-mode .flow-item-row-quote{opacity:.7;-webkit-filter:unset;filter:unset}.flow-item-quote>.box{margin-left:2.5em;max-height:15em;overflow-y:hidden}.flow-item-quote .box-id a:hover:before,.flow-item-quote .flow-item-dot{display:none}.quote-tip{margin-top:.5em;margin-bottom:-10em;float:left;display:flex;flex-direction:column;width:2.5em;text-align:center;color:#fff}.box-header-tag{color:#fff;background-color:#00c;font-weight:700;border-radius:3px;margin-right:.25em;padding:0 .25em}.root-dark-mode .box-header-tag{background-color:#00a}.filter-name-bar{-webkit-animation:slide-in-from-top .15s ease-out;animation:slide-in-from-top .15s ease-out;position:-webkit-sticky;position:sticky;top:1em}@-webkit-keyframes slide-in-from-top{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1}}@keyframes slide-in-from-top{0%{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1}}.reply-header-badge{float:right;padding:0 .5em;opacity:.4}.config-ui-header{text-align:center;top:1em;position:-webkit-sticky;position:sticky}.bg-preview{height:18em;width:32em;max-height:60vh;max-width:100%;margin:.5em auto 1em;box-shadow:0 1px 5px rgba(0,0,0,.4)}.login-form p{margin:1em 0;text-align:center}.login-form button{width:6rem}.reply-form{display:flex}.reply-sticky{position:-webkit-sticky;position:sticky;bottom:0}.reply-form textarea{resize:vertical;flex:1 1;min-height:2em;height:4em}.reply-form button{flex:0 0 3em;margin-right:0}.reply-preview{flex:1 1;min-height:2em}.post-form-bar{line-height:2em;display:flex;margin-bottom:.5em}.post-form-bar label{flex:1 1}.post-form-bar input[type=file]{border:0;padding:0 0 0 .5em}@media screen and (max-width:580px){.post-form-bar input[type=file]{width:120px}}@media screen and (max-width:320px){.post-form-bar input[type=file]{width:100px}}.post-form-bar button{flex:0 0 6em;margin-right:0}@media screen and (max-width:580px){.post-form-bar button{flex:0 0 4.5em;margin-right:0}}.post-form-img-tip{font-size:small;margin-top:-.5em;margin-bottom:.5em}.post-form textarea{resize:vertical;height:20em}.post-form textarea,.post-preview{width:100%;min-height:5em}.life-info-table{width:100%;margin:auto}@media screen and (min-width:375px){.life-info-table{width:315px}}.life-info-table td{padding:.25em}.life-info-table td:first-child{font-weight:700;text-align:right}.life-info-error a{--var-link-color:#e66000}.title-bar{z-index:10;position:-webkit-sticky;position:sticky;top:-4em;left:0;width:100%;height:7em;background-color:hsla(0,0%,100%,.8);box-shadow:0 0 25px rgba(0,0,0,.4);margin-bottom:1em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.root-dark-mode .title-bar{background-color:rgba(31,31,31,.8);box-shadow:0 0 5px hsla(0,0%,100%,.1)}.control-bar{display:flex;margin-top:.5em;line-height:2em}.control-btn{flex:0 0 4.5em;text-align:center;color:#000;border-radius:5px}.control-btn:hover{background-color:#666;color:#fff}.control-btn-label{margin-left:.25rem;font-size:.9em;vertical-align:.05em}@media screen and (max-width:900px){.control-btn{flex:0 0 2.5em}.control-btn-label{display:none}.control-search{padding:0 .5em}}.root-dark-mode .control-btn{color:var(--foreground-dark);opacity:.9}.root-dark-mode .control-btn:hover{color:var(--foreground-dark);opacity:1}.control-search{flex:auto;color:#000;background-color:hsla(0,0%,100%,.3)!important;margin:0 .5em;min-width:8em}.control-search:focus{background-color:#fff!important}.root-dark-mode .control-search{background-color:rgba(89,89,89,.6)!important;color:var(--foreground-dark)}.root-dark-mode .control-search:focus{background-color:#ccc!important;color:#000!important}.list-menu{text-align:center}.help-desc-box p{margin:.5em}.sidebar-shadow{will-change:opacity;opacity:0;background-color:#000;pointer-events:none;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out;position:fixed;left:0;top:0;height:100%;width:100%;z-index:20}.sidebar-on .sidebar-shadow{opacity:.3;pointer-events:auto}.sidebar-on .sidebar-shadow:active{opacity:.5;-webkit-transition:unset;transition:unset}.root-dark-mode .sidebar-on .sidebar-shadow{opacity:.65}.root-dark-mode .sidebar-on .sidebar-shadow:active{opacity:.8}.sidebar{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;position:fixed;top:0;height:100%;background-color:hsla(0,0%,100%,.7);overflow-y:auto;padding-top:3em;padding-bottom:1em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.root-dark-mode .sidebar{background-color:hsla(0,0%,5%,.4)}.sidebar,.sidebar-title{left:700px;will-change:opacity,transform;z-index:21;width:calc(100% - 700px)}.sidebar-on .sidebar,.sidebar-on .sidebar-title{-webkit-animation:sidebar-fadein .15s cubic-bezier(.15,.4,.6,1);animation:sidebar-fadein .15s cubic-bezier(.15,.4,.6,1)}.sidebar-off .sidebar,.sidebar-off .sidebar-title{visibility:hidden;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-animation:sidebar-fadeout .2s cubic-bezier(.15,.4,.6,1);animation:sidebar-fadeout .2s cubic-bezier(.15,.4,.6,1)}.sidebar-container{-webkit-animation:sidebar-none .25s linear 0s ease 0s 1 normal none running;animation:sidebar-none .25s linear 0s ease 0s 1 normal none running;-webkit-animation:sidebar-initial .25s linear;animation:sidebar-initial .25s linear}@-webkit-keyframes sidebar-fadeout{0%{visibility:visible;opacity:1;-webkit-transform:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}to{visibility:visible;opacity:0;-webkit-transform:translateX(40vw);transform:translateX(40vw);-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes sidebar-fadeout{0%{visibility:visible;opacity:1;-webkit-transform:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}to{visibility:visible;opacity:0;-webkit-transform:translateX(40vw);transform:translateX(40vw);-webkit-backdrop-filter:none;backdrop-filter:none}}@-webkit-keyframes sidebar-fadein{0%{opacity:0;-webkit-transform:translateX(40vw);transform:translateX(40vw);-webkit-backdrop-filter:none;backdrop-filter:none}to{opacity:1;-webkit-transform:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes sidebar-fadein{0%{opacity:0;-webkit-transform:translateX(40vw);transform:translateX(40vw);-webkit-backdrop-filter:none;backdrop-filter:none}to{opacity:1;-webkit-transform:none;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}}@-webkit-keyframes sidebar-initial{0%{opacity:0}to{opacity:0}}@keyframes sidebar-initial{0%{opacity:0}to{opacity:0}}.sidebar-title{text-shadow:0 0 3px #fff;font-weight:700;position:fixed;width:100%;top:0;line-height:3em;padding-left:.5em;background-color:hsla(0,0%,100%,.6);pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 5px rgba(0,0,0,.2)}.root-dark-mode .sidebar-title{background-color:rgba(46,46,46,.6);color:var(--foreground-dark);text-shadow:0 0 3px #000}.sidebar-title a{pointer-events:auto}.sidebar,.sidebar-title{padding-left:1em;padding-right:1em}@media screen and (max-width:1300px){.sidebar,.sidebar-title{left:calc(100% - 550px);width:550px;padding-left:.5em;padding-right:.5em}}@media screen and (max-width:580px){.sidebar,.sidebar-title{left:27px;width:calc(100% - 27px);padding-left:.25em;padding-right:.25em}}.sidebar-flow-item{display:block}.sidebar-flow-item .box{width:100%}.pressure-box{border:500px solid orange;position:fixed;margin:auto;z-index:100;pointer-events:none}.pressure-box-empty{visibility:hidden}.pressure-box-fired{border-color:#ff4500;pointer-events:auto!important}
/*# sourceMappingURL=main.41e0671f.chunk.css.map */