@import url(./phosphor/style.css);@import url(./preset.css);img[loading=lazy]{background-image:url(https://assets.readmepublic.com:59800/static/tok/img/lazy.png) !important;background-repeat:no-repeat !important;background-color:#f2f2f2 !important;background-position:center !important;background-size:50% !important}:root[dark=true] img[loading=lazy]{background-image:url(https://assets.readmepublic.com:59800/static/tok/img/lazy_dark.png) !important;background-color:#1a1c1f !important}::-webkit-scrollbar{display:none}.siteLayout{position:relative;min-height:calc(100vh);background-color:var(--background-primary);display:flex;justify-content:space-between}.siteLeft{position:fixed;top:0;left:0;z-index:1301;width:200px;height:100vh;background:var(--background-primary);box-sizing:content-box;border-right:.5px solid var(--content-line);transition:all .3s}.siteLogo{padding:15px 20px;height:60px;background-position-x:16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:999;background-color:var(--background-primary)}.siteLogo .logo{flex:1;min-width:0}.siteLogo .logo img{width:95%;height:auto}.siteLogo .logo .dark{display:none}:root[dark=true] .siteLogo .logo .dark{display:block}:root[dark=true] .siteLogo .logo .white{display:none}.siteLogo .search{position:relative;display:none;align-items:center;z-index:100;height:34px;color:var(--content-primary);background-color:rgba(var(--accent-black),var(--opacity-4));padding:0 4px 0 15px;border:1px solid transparent;border-radius:5px}.siteLogo .search input{flex:1;height:100%;min-width:0;background-color:transparent;border:none;font-size:14px;caret-color:var(--brand);color:var(--content-primary)}.siteLogo .search .btn{height:100%;padding:0 5px;display:flex;align-items:center;justify-content:center}.siteOverlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;background:rgba(0,0,0,0.15)}.menuList{position:relative;z-index:999;height:calc(100vh - 72px);background-color:var(--background-primary);overflow-y:scroll;scrollbar-width:none;padding:0 12px 8px}.menuList .label{height:42px;padding:0 16px;border-radius:4px;font-size:14px;line-height:20px;cursor:pointer;display:flex;align-items:center;color:var(--content-primary);text-decoration:none}.menuList .label:hover{background-color:rgba(var(--accent-black),var(--opacity-4));color:var(--content-primary)}.menuList .label.active{color:var(--brand);font-weight:700}.menuList .label i{margin-right:12px;font-size:20px}.menuList .title{font-size:14px;font-weight:700;line-height:20px;height:20px;margin-top:20px;margin-bottom:15px;padding-top:5px;padding-left:16px;color:var(--content-secondary);position:relative}.menuList .title::after{content:"";display:block;height:.5px;background-color:var(--content-line);position:absolute;top:-10px;width:90%}.menuList .other{border-top:1px solid var(--content-line);margin-top:20px;padding-top:20px}.menuList .other a{text-decoration:none;color:var(--content-secondary);font-size:13px}.siteRight{flex:1;min-width:0;margin-left:200px;position:relative}.siteRight header{height:60px;position:sticky;width:100%;top:0;right:0;z-index:1301;border-bottom:.5px solid var(--content-line);background-color:var(--background-primary)}header .header{height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}:root[dark=true] header .header .menu{--background-primary-dark:var(--black-dark)}header .header .menu{font-size:30px;color:var(--background-primary-dark);width:50px;height:50px;display:none;align-items:center;justify-content:center}header .header .logo{width:auto;height:100%;display:none;align-items:center;justify-content:center}header .header .logo img{height:60%;width:auto}header .header .logo .dark{display:none}:root[dark=true] header .header .logo .dark{display:block}:root[dark=true] header .header .logo .white{display:none}header .header .search{position:relative;display:flex;align-items:center;z-index:100;height:34px;color:var(--content-primary);background-color:rgba(var(--accent-black),var(--opacity-4));max-width:560px;padding:0 4px 0 15px;border:1px solid transparent;border-radius:5px;min-width:400px}header .header .search input{flex:1;height:100%;min-width:0;background-color:transparent;border:none;font-size:14px;caret-color:var(--brand);color:var(--content-primary)}header .header .search .btn{justify-content:center;border-radius:4px;height:32px;width:72px;display:flex;cursor:pointer;font-size:14px;line-height:18px;align-items:center;--btn-color:var(--content-primary);color:var(--btn-color);position:relative}header .header .search .btn:hover{background-color:rgba(var(--accent-black),var(--opacity-4))}header .header .search .btn::after{content:"";position:absolute;left:-4px;display:block;width:1px;pointer-events:none;height:16px;background-color:var(--content-line)}header .header .search .btn i{margin-right:5px;font-size:17px}header .header .info{height:100%;display:flex;align-items:center;justify-content:center}header .header .info .user{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;height:100%;padding:0 1rem}header .header .info .user img{width:2.2rem;height:2.2rem;border-radius:100%}header .header .info .user .name{color:var(--black);font-weight:500;font-size:1rem;padding-left:.3rem;text-transform:capitalize;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main{width:97%;margin:0 auto;padding:20px 0}.headTitle{display:flex;align-items:center;justify-content:space-between;padding:40px 0 20px}.headTitle:nth-child(1){padding-top:0}.headTitle .title{font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center;color:var(--content-primary)}.headTitle .title i{font-size:20px;padding-right:5px;color:var(--brand)}.headTitle .more{text-decoration:none;display:flex;align-items:center;justify-content:center;color:var(--content-secondary);font-size:14px}.page_box{display:flex;align-items:center;justify-content:center;padding:20px 0}.page_box .page{width:38px;height:38px;color:var(--content-primary);border:1px solid var(--content-line);display:flex;align-items:center;justify-content:center;border-radius:5px;margin:0 3px;font-size:15px;cursor:pointer;text-decoration:none;background-color:var(--background-primary)}.page_box .page:hover{background-color:var(--brand);color:var(--white)}.page_box .more{border:none;margin:0;width:20px;align-items:center;color:var(--content-secondary-dark)}.page_box .active{background-color:var(--brand);color:var(--white);border-color:var(--brand)}.banner img{width:100%;height:200px;border-radius:10px;margin-bottom:10px;object-fit:cover}.videoList{display:grid;justify-content:space-evenly;grid-template-columns:repeat(auto-fill,minmax(18%,1fr));grid-gap:1rem;min-width:0}.videoList .list .pic{width:100%;height:auto;position:relative;display:block}.videoList .list .pic img{width:100%;height:260px;object-fit:cover;border-radius:10px;object-position:center;vertical-align:top;border-bottom-right-radius:0;border-bottom-left-radius:0}.videoList .list .pic .tcplayer{position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border-radius:5px;pointer-events:none;object-fit:cover;object-position:center;overflow:hidden}:root[dark=true] .videoList .list .pic .tcplayer .loading{--white:var(--black-dark)}.videoList .list .pic .tcplayer .loading{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;color:var(--white);font-size:14px}.videoList .list .pic .tcplayer .loading .load{width:100%;height:50px;display:flex;align-items:center;justify-content:center}.videoList .list .pic .tcplayer .loading .loader{width:4px;height:20px;border-radius:4px;display:block;margin:10px auto;position:relative;background:currentColor;color:#FFF;box-sizing:border-box;animation:animloader 0.3s 0.3s linear infinite alternate}.videoList .list .pic .tcplayer .loading .loader::after,.videoList .list .pic .tcplayer .loading .loader::before{content:'';width:4px;height:20px;border-radius:4px;background:currentColor;position:absolute;top:50%;transform:translateY(-50%);left:15px;box-sizing:border-box;animation:animloader 0.3s 0.45s linear infinite alternate}.videoList .list .pic .tcplayer .loading .loader::before{left:-15px;animation-delay:0s}.videoList .list .pic .tcplayer video{object-fit:cover}.videoList .list .pic .time{position:absolute;z-index:3;bottom:7px;right:12px;font-size:12px;line-height:16px;font-weight:500;text-shadow:.5px 1px 2px rgba(0,0,0,.15);color:var(--content-inverse)}.videoList .list .pic .speaker{position:absolute;z-index:3;top:5px;left:5px;font-size:20px;line-height:20px;text-shadow:.5px 1px 2px rgba(0,0,0,.15);color:var(--content-inverse);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}:root[dark=true] .videoList .list .info{--brand-2-dark:var(--view-background-primary)}.videoList .list .info{border:1px solid var(--brand-2-dark);padding:10px;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.videoList .list .info .title{word-break:break-all;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--content-primary);font-size:15px;font-weight:500}.videoList .list .info .box{display:flex;align-items:center;justify-content:space-between;padding-top:5px}.videoList .list .info .play{font-size:14px;color:var(--content-secondary);display:flex;align-items:center;justify-content:center}.videoList .list .info .play.del{cursor:pointer;color:var(--brand)}.videoList .list .info .play i{margin-right:3px;font-size:14px}.noneList{display:flex;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 120px);text-align:center}.noneList i{font-size:80px;color:var(--brand-2-dark)}.noneList .title{margin-top:15px;margin-bottom:10px;font-size:21px;color:var(--content-primary);line-height:1.4;font-weight:500}.noneList .text{font-size:14px;color:var(--content-secondary);line-height:20px;margin-bottom:32px}.dialogBox{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;align-items:flex-end;justify-content:center;z-index:10000;overflow:hidden}.dialogBg{transition:opacity .5s cubic-bezier(0.3,1.3,0.3,1);position:fixed;left:0;right:0;bottom:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10000;user-select:none;opacity:1}.dialogWarp{position:absolute;z-index:10001;background-color:var(--view-background-primary);width:400px;max-width:80%;border-radius:5px;padding:15px}.dialogWarp .head{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--content-line);padding-bottom:10px}.dialogWarp .head .title{color:var(--content-primary);font-weight:500;font-size:18px;line-height:normal}.dialogWarp .head .close{font-size:28px;display:flex;align-items:center;justify-content:center;color:var(--content-tertiary);cursor:pointer}.dialogWarp .form{width:85%;margin:0 auto;padding-top:30px}.dialogWarp .form .label{background-color:var(--content-line);width:100%;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.dialogWarp .form .label input{width:90%;height:100%;padding:0;margin:0;background-color:transparent;border:none;font-size:15px;caret-color:var(--brand);color:var(--content-primary)}.dialogWarp .form .tips{font-size:14px;color:var(--content-secondary);text-align:center;margin-top:25px;padding-bottom:10px}.dialogWarp .form .tips span{color:var(--assist-1);cursor:pointer}.topic_list{display:grid;justify-content:space-evenly;grid-template-columns:repeat(auto-fill,minmax(20%,1fr));grid-gap:1rem;min-width:0}.topic_list a{display:block;text-decoration:none}.topic_list .topic img{width:100%;height:190px;object-fit:cover}.topic_list .topic h1{color:var(--content-primary);text-decoration:none;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:35px}.topic_list .topic p{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.topic_body{display:flex;justify-content:space-between}.topic_body .topic_main{flex:1;min-width:0;padding-bottom:20px}.topic_body .topic_main h1{font-size:28px;color:var(--content-primary);padding-bottom:15px}.topic_body .topic_main .content{color:var(--content-primary);line-height:30px}.topic_body .topic_main .content img{width:100%;height:auto}.topic_body .topic_main .content .edit_user{display:none}.topic_body .topic_list{width:300px;padding-left:30px;display:block}.topic_body .topic_list .topic{margin-bottom:20px}.fixed-group{cursor:pointer;width:36px;border:1px solid rgba(var(--accent-black),var(--opacity-4));position:fixed;right:0;bottom:60px;z-index:1000;color:var(--content-primary);transition:all .2s;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);background-color:var(--view-background-primary);border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}.fixed-group .label{height:36px;line-height:36px;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;font-size:1.2rem}.fixed-group .label:not(:first-child)::before{content:" ";display:block;position:absolute;left:7px;top:-1px;width:20px;height:1px;background-color:var(--content-line)}@media screen and (max-width:1200px){.videoList{grid-template-columns:repeat(auto-fill,minmax(20%,1fr))}.videoList .list .pic img{height:240px}.topic_list{grid-template-columns:repeat(auto-fill,minmax(25%,1fr))}}@media screen and (max-width:1000px){.videoList{grid-template-columns:repeat(auto-fill,minmax(25%,1fr))}.videoList .list .pic img{height:220px}.topic_list{grid-template-columns:repeat(auto-fill,minmax(45%,1fr))}.topic_body{flex-direction:column}.topic_body .topic_list{padding-left:0;display:grid;width:100%}.topic_body .topic_list .topic{margin-bottom:0}}@media screen and (max-width:750px){header .header{padding:0 10px}.siteRight header{height:40px}header .header .menu,.siteLogo .search{display:flex}.siteLogo{padding:70px 20px 10px;height:auto}.siteLogo .logo,header .header .search{display:none}header .header .logo{display:flex}header .header .info .user .name{display:none}header .header .info .user{padding:0 .5rem}header .header .info .x-button{height:30px;min-width:60px}main{width:95%}.menuList{height:calc(100vh - 116px)}.videoList{grid-template-columns:repeat(auto-fill,minmax(45%,1fr));grid-gap:.7rem}.videoList .list .pic img{height:200px}.siteLeft{left:-200px}.siteLeft.openLeft{left:0 !important;width:230px}.openLeft .siteOverlay{display:block}.siteRight{margin-left:0}}@keyframes animloader{0%{height:30px}100%{height:4px}}