.Xc_header{position:sticky;top:0;z-index:100;margin:0 auto;max-width:100%}
.Xc_header .Xc_header_all{padding:0 20px}
.Xc_header-heads{box-shadow:var(--box-shadow)}
.Xc_header-heads,.Xc_header-heads-ggt{position:sticky;align-items:center;display:flex;height:60px;z-index:100}
.Xc_header-heads-ggt{min-width:100%;background-color:var(--background);backdrop-filter:blur(2px)}
.Xc_header-heads .web-nav{cursor:pointer;display:none;padding:0 10px 0 20px;transition:.3s}
.Xc_header-heads .web-nav svg{fill:var(--routine)}
.Xc_header-heads .logo{display:flex;justify-content:center;min-width:260px;width:260px}
.Xc_header-heads .logo a{color:var(--main)}
.Xc_header-heads .header_internal-logo{position:relative;display:flex;align-items:center;height:60px}
.Xc_header-heads .header_internal-logo img{min-width:40px;max-width:150px;height:40px;object-fit:cover;border-radius:5%}
.Xc_header-heads .header_internal-logo .Xc_logo.night{display:none}
.Xc_header-heads .data,.Xc_header-heads .data .left{align-items:center;display:flex;font-size:13px;color:var(--main)}
.Xc_header-heads .data{justify-content:space-between;padding:0 20px;width:100%;height:60px}
.Xc_header-heads .data .left .qun{align-items:center;cursor:pointer;display:flex;position:relative}
.Xc_header-heads .data .left .qun i{font-size:14px;margin-left:4px}
.Xc_header-heads .data .left .qrcode{background-color:var(--background);border-radius:4px;bottom:0;display:none;height:100px;left:50%;padding:6px;position:absolute;transform:translate(-50%,calc(100% + .4em));z-index:10}
.Xc_header-heads .data .left .qun:hover .qrcode{display:block}
.Xc_header-heads .data .left .qun:hover{color:var(--theme)}
.Xc_header-heads .data .left .navs{display:flex;align-items:center}
.Xc_header-heads .data .left .navs a{margin:0 15px;position:relative;color:var(--main);transition: .15s ease-out}
.Xc_header-heads .data .left .navs a:hover{color:var(--theme)}
.Xc_header-heads .data .left .navs a:after{background-color: var(--classA);content: "";height:15px;right:-15px;position:absolute;top:2px;width:1px}
.Xc_header-heads .data .left .navs a:last-child:after{display:none}
.Xc_header-heads .data .left .navs a:nth-child(1){margin-left:0}
.Xc_header-heads .data .left .navs i{padding-right:4px;font-size:14px}
.Xc_header .Xc_action_item,.Xc_header .Xc_header-heads .data .right,.Xc_header .Xc_header-heads .data .right .login{align-items:center;display:flex}
.Xc_header .Xc_action_item{position:relative;justify-content:center;min-width:20px;max-width:20px;height:20px;margin:0 0 0 12px;cursor:pointer;user-select:none}
.Xc_header .header_internal-searchicon{fill:var(--routine);cursor:pointer;user-select:none}
.Xc_header .right svg{cursor:pointer;user-select:none;}
.Xc_header .Xc_action_item.mode svg{transform:scale(0);opacity:0}
.Xc_header .Xc_action_item svg{position:absolute;width:20px;height:20px;fill:var(--routine);transition:.35s ease-out}
.Xc_header .Xc_action_item.mode svg.active{transform:scale(1);opacity:1}
.Xc_header-heads .data .left .navs .tip {height: 8px;position: absolute;right: -10px;top: -8px;width: 8px;z-index: 22}
.Xc_header-heads .data .left .navs .tip p {border-radius: 50%;height: 100%;position: relative;width: 100%}
.Xc_header-heads .data .left .navs .tip p:first-child {animation: ping 1s cubic-bezier(0,0,.2,1) infinite;background-color: #f65d68;position: absolute}
.Xc_header-heads .data .left .navs .tip p:nth-child(2) {background-color: #f65d68}
@keyframes ping {75%,to {opacity: 0;transform: scale(2)}}


.header_top-search{position:absolute;top:60px;margin-left:260px;padding:0 0 0 20px;width:calc(100% - 260px)}
.header_hyal,.header_hyal-music{position:absolute;top:99%;left:20px;right:0;bottom:0;background:rgb(0 0 0/.4);visibility:visible;padding:100% 0;z-index:96;backdrop-filter:blur(1px)}
.header_music .Xc_label2{width:100%}
.Xc_top_title{margin:20px 0;color:var(--main)}
.Xc_top_title span{display:flex;align-items:center;font-size:15px}
.Xc_top_title .icon{width:1rem;height:1rem;margin-right:5px}
.header_music .aplayer{background:rgb(0 0 0/0)}
.header_music .aplayer.aplayer-arrow .aplayer-icon-loop{display:block}
.header_music .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:var(--main)}
.header_music .aplayer .aplayer-list ol li.aplayer-list-light,.header_music .aplayer .aplayer-list ol li:hover{background:var(--classC)}
.header_music .aplayer.aplayer-withlist .aplayer-list{margin-top:10px;color:var(--main)}
.header_music .aplayer .aplayer-list ol li.aplayer-list-light .aplayer-list-cur{background-color:var(--theme)!important}
.header_music .aplayer .aplayer-list ol li:hover .aplayer-list-cur{display:inline-block;background-color:var(--theme)!important}
.header_music .aplayer .aplayer-list ol li{font-size:13px;transition:0s!important}
.header_music .aplayer .aplayer-list ol li .aplayer-list-index{margin-right:10px}




.header_search.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.header_search .header_search_all .cloud{display:flex;flex-wrap:wrap}
.header_search .header_search_all .cloud .item{padding:0 10px 10px 0}
.header_search .header_search_all .cloud .item a{display:block;transition:.15s ease-out;color:#fff;padding:3px 6px;font-size:13px;border-radius:2px}
.header_search .header_search_all .cloud .item a:hover{transition:.15s ease-out;background:#000!important;border-radius:2px}
.header_search .Xc_search_inner{display:flex;justify-content:space-between;align-items:center}
.header_search_all{position:relative;width:100%;display:flex;justify-content:space-between;padding:0 15px 20px;background:var(--background);border-radius:0 0 6px 6px;box-shadow:var(--box-shadow);border-top:1px solid var(--classB);z-index:98;backdrop-filter: blur(2px)}
.header_search .header_search_all .title{color:var(--main);padding:15px 0 15px;font-size:15px;display:flex;align-items:center}
.header_search .Xc_label{width:100%;}
.header_search .Xc_label .search{width:100%;display:flex;align-items:center}
.header_search .Xc_label .search input{flex:1;height:36px;padding:0 18px;border:1px solid var(--classB);border-right:none;border-radius:20px 0 0 20px;color:var(--routine);background:var(--classD)}
.header_search .Xc_label .search button{white-space:nowrap;padding:0 15px;height:36px;border:none;background:var(--theme);color:#fff;border-radius:0 20px 20px 0;letter-spacing:.1em;transition:.1s ease-out}
.header_search .Xc_label .search button:hover{color:#fff;background-color:#449d44;border-color:#398439}
.header_search .Xc_ranking{width:100%;margin-left:10px}
.header_search .Xc_ranking .title{padding-left:10px}
.header_search .Xc_ranking .result .item{height:40px;line-height:40px;border-bottom:1px solid var(--classD);align-items:center;overflow:hidden;padding:0 10px;display:grid;grid-template-columns:25px auto 80px}
.header_search .Xc_ranking .item:nth-child(1) .sort{background:#fe2d46}
.header_search .Xc_ranking .item:nth-child(2) .sort{background:#f60}
.header_search .Xc_ranking .item:nth-child(3) .sort{background:#faa90e}
.header_search .Xc_ranking .item .sort{color:#fff;background:#7f7f8c;width:18px;height:18px;line-height:18px;border-radius:2px;text-align:center;margin-right:8px;font-weight:500}
.header_search .Xc_ranking .result .item .text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--routine)}
.header_search .Xc_ranking .result .item .views{color:var(--minor);font-size:13px;text-align:right;margin-left:5px}
.header_search .Xc_ranking .cloud .item a:hover{transition:.15s ease-out;background:#000!important;border-radius:2px}
.header_search .Xc_ranking .result .item:hover{background:var(--classD);border-radius:2px}
.header_search .liulanjilu ul li{padding:0 2px 13px}
.header_search .liulanjilu ul li a{color:var(--routine)}
.header_search .liulanjilu ul li a:hover{color:var(--theme)}



.aside-lefe{background-color:var(--background);box-shadow:var(--box-shadow);position:fixed;z-index:101}
.aside-lefe .app-scrollbars{display:flex;flex-direction:column;justify-content:space-between;height: calc(100vh - 60px); min-width: 260px; width: 260px;overflow-y:scroll}
.aside-lefe.active{transform:translate(0)}
.aside-lefea-masks{transition:.3s}
.aside-lefea-masks.active{background-color:rgb(0 0 0/.4);top:0;right:0;bottom:0;left:0;position:fixed;z-index:90;backdrop-filter:blur(1px)}
.aside-lefe .app-scrollbars::-webkit-scrollbar{width:4px;height:4px}
.aside-lefe .app-scrollbars::-webkit-scrollbar-thumb{border-radius:4px;background:var(--seat)}
.aside-lefe .app-author{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding:20px 13px}
.aside-lefe .app-author .avatar{width:75px;height:75px;border-radius:50%;overflow:hidden;margin-bottom:10px;object-fit:cover;transition:transform .75s,-webkit-transform .75s;border:3px solid rgba(144,147,153,.23);padding:0}
.aside-lefe .app-author .avatar:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}
.aside-lefe .app-author a{margin:10px 0 10px;color:var(--main)}
.aside-lefe .app-author p{color:var(--minor);font-size:13px}
.header_roll-menu{padding:10px 10px 30px 13px;user-select:none}
.header_roll-count{margin-bottom:15px}
.header_roll-menu li{margin-bottom:5px;line-height:22px}
.header_roll-menu .slides .link:hover{background-color:var(--classD);color:var(--theme)}
.header_roll-menu .slides .link .icon path{fill: var(--main);transition: fill .15s;}
.header_roll-menu .slides .link:hover .icon path{fill: var(--theme);}
.header_roll-menu .slides .link.current .icon path{fill: var(--theme);}
.aside-lefe .scroll-footer{padding:20px 10px 20px 13px}
.aside-lefe .scroll-footer-all{display:flex;justify-content:space-around;flex-wrap:wrap;padding:10px;background:var(--background);border-radius:var(--radius-wrap);box-shadow:0 1px 5px rgba(0,0,0,0.2);}
.aside-lefe .scroll-footer .icon path{fill: var(--main);transition: fill .15s;}
.aside-lefe .scroll-footer a:hover .icon path{fill: var(--theme);}



.header_roll-count .item{display:flex;align-items:center;color:var(--routine);padding:5px 0}
.header_roll-count .item .icon-xl{width:15px;height:15px;fill:var(--routine);margin-right:5px}
.header_roll-count .item strong{font-weight:500;color:var(--theme)}
.header_roll-menu .link{display:flex;align-items:center;justify-content:flex-start;padding:8px;color:var(--main);font-size:14px;transition:color .15s;border-radius:2px;cursor:pointer}
.header_roll-menu .link a{display:flex;align-items:center;transition:color .15s;color:var(--main)}
.header_roll-menu .link i{margin-right:10px}
.header_roll-menu .link .icon{margin-right:5px}
.header_roll-menu .link .icon-xl{fill:var(--minor);margin-left:auto;transition:fill .15s,-webkit-transform .15s;transition:transform .15s,fill .15s;transition:transform .15s,fill .15s,-webkit-transform .15s}
.header_roll-menu .link.in,.header_roll-menu .link.in a{color:var(--theme)}
.header_roll-menu .link.in .icon-xl{fill:var(--theme);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.header_roll-menu .current a{color:var(--theme);font-weight:500}
.header_roll-menu .slides .panel-body{display:none;border-left:1px solid var(--classC);padding-left:19px;margin-top:5px}
.header_roll-menu .slides .link{color:var(--main)}
.header_roll-menu .slides .current{color:var(--theme);background-color:var(--classD)}
.header_roll-menu .slides .link span{display:flex;align-items:center}

.Xc_aside_item.zdgg .card-zdgg{padding:15px 20px;color:var(--routine)}
.Xc_aside_item.zdgg .card-zdgg p{margin-bottom:10px}
.xccx_mac{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d !important;width:11px;height:11px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;float:right;right:55px;top:17px}
.Xc_aside{width:260px;margin-left:20px}
.Xc_aside_item{position:relative;margin-bottom:20px;border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);overflow:hidden}
.Xc_aside_item:last-child{position:-webkit-sticky;position:sticky;margin-bottom:0;transition:top 0.35s}
.Xc_aside_item-title{display:flex;align-items:center;border-bottom:1px solid var(--classC);font-size:15px;font-weight:500;height:45px;line-height:45px;padding:0 15px;color:var(--main)}
.Xc_aside_item-title .icon{width:18px;height:18px;margin-right:8px;fill:var(--main)}
.Xc_aside_item-title .line{width:10px;height:1px;background:#54b5db;margin-left:12px}
.Xc_aside_item-contain{position:relative;padding:15px}
.Xc_aside_item-contain .cloud{display:flex;flex-wrap:wrap}
.Xc_aside_item-contain .cloud .item{padding:5px}
.Xc_aside_item-contain .cloud .item a{color:#fff;padding:3px 6px 3px 6px;font-size:13px;border-radius:2px;}
.Xc_aside_item-contain .cloud .item a:hover{transition:.35s ease-out;background: #000 !important;border-radius:2px}

.Xc_aside_item.timelife{background:var(--background)}
.Xc_aside_item.timelife .item{margin-bottom:15px}
.Xc_aside_item.timelife .item:last-child{margin-bottom:0}
.Xc_aside_item.timelife .item .title{font-size:12px;color:var(--minor);margin-bottom:5px;display:flex;align-items:center}
.Xc_aside_item.timelife .item .title .text{color:var(--theme);font-weight:500;font-size:14px;margin:0 5px}
.Xc_aside_item.timelife .item .progress{display:flex;align-items:center}
.Xc_aside_item.timelife .item .progress-bar{height:10px;border-radius:5px;overflow:hidden;background:var(--classC);width:0;min-width:0;flex:1;margin-right:5px}
.Xc_aside_item.timelife .item .progress-bar-inner{width:0;height:100%;border-radius:5px;transition:width 0.35s;-webkit-animation:progress 750ms linear infinite;animation:progress 750ms linear infinite}
.Xc_aside_item.timelife .item .progress-bar-inner-0{background:#bde6ff;background-image:linear-gradient(135deg,#50bfff 25%,transparent 25%,transparent 50%,#50bfff 50%,#50bfff 75%,transparent 75%,transparent 100%);background-size:30px 30px}
.Xc_aside_item.timelife .item .progress-bar-inner-1{background:#ffd980;background-image:linear-gradient(135deg,#f7ba2a 25%,transparent 25%,transparent 50%,#f7ba2a 50%,#f7ba2a 75%,transparent 75%,transparent 100%);background-size:30px 30px}
.Xc_aside_item.timelife .item .progress-bar-inner-2{background:#ffa9a9;background-image:linear-gradient(135deg,#ff4949 25%,transparent 25%,transparent 50%,#ff4949 50%,#ff4949 75%,transparent 75%,transparent 100%);background-size:30px 30px}
.Xc_aside_item.timelife .item .progress-bar-inner-3{background:#67c23a;background-image:linear-gradient(135deg,#4f9e28 25%,transparent 25%,transparent 50%,#4f9e28 50%,#4f9e28 75%,transparent 75%,transparent 100%);background-size:30px 30px}
.Xc_aside_item.timelife .item .progress-percentage{color:var(--minor)}
.Xc_aside_item.hot{background:var(--background)}
.Xc_aside_item.hot .empty{text-align:center;color:var(--routine)}
.Xc_aside_item.hot .item{margin-bottom:15px}
.Xc_aside_item.hot .item:last-child{margin-bottom:0}
.Xc_aside_item.hot .item:nth-child(1) .link .sort{background:#ff183e}
.Xc_aside_item.hot .item:nth-child(2) .link .sort{background:#ff5c38}
.Xc_aside_item.hot .item:nth-child(3) .link .sort{background:#ffb821}
.Xc_aside_item.hot .item .link{position:relative;display:block;border-radius:var(--radius-inner);overflow:hidden}
.Xc_aside_item.hot .item .link:hover .image{-webkit-transform:scale(1.2);transform:scale(1.2)}
.Xc_aside_item.hot .item .link .sort{position:absolute;top:5px;right:-20px;background:#7f7f8c;color:#fff;width:65px;text-align:center;font-size:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);font-weight:500;z-index:1;font-style:normal}
.Xc_aside_item.hot .item .link .image{width:100%;height:130px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s}
.Xc_aside_item.hot .item .link .describe{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75));font-size:12px;color:var(--seat)}
.Xc_aside_item.hot .item .link .describe h6{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;line-height:24px;font-size:14px}
.Xc_aside_item.today{background:var(--background)}
.Xc_aside_item.newreply{background:var(--background)}
.Xc_aside_item.newreply .empty{text-align:center;color:var(--routine)}
.Xc_aside_item.newreply .item{margin-bottom:15px;border-bottom:1px dashed var(--classC);padding-bottom:15px}
.Xc_aside_item.newreply .item:last-child{margin-bottom:0;border-bottom-color:transparent;padding-bottom:0}
.Xc_aside_item.newreply .item .user{display:flex;margin-bottom:12px}
.Xc_aside_item.newreply .item .user .avatar{width:40px;height:40px;min-width:40px;min-height:40px;margin-right:12px;border-radius:50%;border:1px solid var(--classA);padding:2px}
.Xc_aside_item.newreply .item .user .info{display:flex;flex-direction:column;justify-content:space-between}
.Xc_aside_item.newreply .item .user .info .author{color:var(--main);font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Xc_aside_item.newreply .item .user .info .date{font-size:13px;color:var(--minor)}
.Xc_aside_item.newreply .item .reply{position:relative;background:var(--classD);border-radius:6px;padding:5px 10px}
.Xc_aside_item.newreply .item .reply::before{content:'';width:0;height:0;border-bottom:6px solid var(--classD);border-left:6px solid transparent;border-right:6px solid transparent;position:absolute;left:15px;bottom:100%}
.Xc_aside_item.newreply .item .reply .link{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;color:var(--minor);font-size:13px;font-weight:500;line-height:24px;transition:all 0.35s;max-height:48px}
.Xc_aside_item.newreply .item .reply .link:hover{color:var(--theme)}
.Xc_aside_item.newreply .item .reply .link .owo_image{height:18px;vertical-align:-5px}
.Xc_aside_item.advert{display:block}
.Xc_aside_item.advert img{width:100%;-o-object-fit:cover;object-fit:cover}
.Xc_aside_item.advert .icon{position:absolute;z-index:1;top:10px;right:10px;font-size:12px;background:rgba(0,0,0,0.25);padding:2px 5px;border-radius:2px;color:#ebebeb;pointer-events:none}
.Xc_aside_item.tags{background:var(--background)}
.Xc_aside_item.tags .empty{text-align:center;color:var(--routine)}
.Xc_aside_item.flatterer{background:var(--background)}
.Xc_aside_item.flatterer .content{border-style:solid;border-color:var(--classC);padding:15px;line-height:1.8;background:var(--classD);color:var(--routine);margin-bottom:15px}
.Xc_aside_item.flatterer .content mark{background-color:transparent;background-image:linear-gradient(#ffe21d,#ffe21d);background-position:0 85%;background-size:100% 25%;background-repeat:no-repeat;color:var(--routine)}
.Xc_aside_item.flatterer .content.type1{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}
.Xc_aside_item.flatterer .content.type2{border-bottom-left-radius:185px 25px;border-bottom-right-radius:20px 205px;border-top-left-radius:125px 25px;border-top-right-radius:10px 205px}
.Xc_aside_item.flatterer .content.type3{border-bottom-left-radius:225px 15px;border-bottom-right-radius:15px 255px;border-top-left-radius:15px 225px;border-top-right-radius:255px 15px}
.Xc_aside_item.flatterer .content.type4{border-bottom-left-radius:25px 115px;border-bottom-right-radius:155px 25px;border-top-left-radius:15px 225px;border-top-right-radius:25px 150px}
.Xc_aside_item.flatterer .content.type5{border-bottom-left-radius:20px 115px;border-bottom-right-radius:115px 20px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px}
.Xc_aside_item.flatterer .content.type6{border-bottom-left-radius:15px 225px;border-bottom-right-radius:20px 205px;border-top-left-radius:28px 125px;border-top-right-radius:100px 30px}
.Xc_aside_item.flatterer .change{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin:0 auto;cursor:pointer;border:2px solid var(--classC)}
.Xc_aside_item.flatterer .change .icon{fill:var(--routine)}

.Xc_alert{padding:10px;border-radius:var(--radius-inner);line-height:26px}
.Xc_alert.info{background:#abdcff;color:#000}
.Xc_alert.success{background:#8ce6b0;;color:#000}
.Xc_alert.warning{background:#ffd77a;;color:#000}
.Xc_alert.error{background:#ffb08f;;color:#000}
.Xc_alert *:last-child{margin-bottom:0 !important}
.Xc_gird{display:grid}
.Xc_gird__item *:last-child{margin-bottom:0 !important}
.Xc_checkbox{-webkit-appearance:none;position:relative;border-radius:2px;width:15px;height:15px;border:2px solid var(--theme);vertical-align:-2px}
.Xc_checkbox:disabled{cursor:not-allowed}
.Xc_checkbox:checked{border:none;background:var(--theme)}
.Xc_checkbox:checked::after{content:'';width:3px;height:7px;position:absolute;top:2px;left:5px;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.Xc_mtitle{display:flex;justify-content:center}
.Xc_mtitle__text{position:relative;color:var(--minor);padding:0 12px;transition:padding 0.35s}
.Xc_mtitle__text:hover{padding:0}
.Xc_mtitle__text::before,.Xc_mtitle__text::after{content:'';position:absolute;top:50%;width:20px;height:1px;background:var(--theme)}
.Xc_mtitle__text::before{left:-35px}
.Xc_mtitle__text::after{right:-35px}
.Xc_abtn{display:inline-block;color:#fff;height:35px;line-height:35px;padding:0 15px;transition:.2s}
.Xc_abtn:hover{opacity:.8}
.Xc_abtn__content{color:#fff;display:inline-block;vertical-align:top;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.Xc_dotted{display:block;width:100%;height:2px;background-size:80px}
.Xc_hide{color:#e39b52;display:block;background:repeating-linear-gradient(145deg,var(--classD),var(--classD) 15px,var(--background) 0,var(--background) 25px);padding:20px 0;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:normal}
.Xc_hide__button{position:relative;font-style:normal;cursor:pointer;color:var(--theme)}
.Xc_message{display:block;position:relative;border-left-width:4px;border-left-style:solid;padding:8px 15px;border-radius:0 4px 4px 0;line-height:26px}
.Xc_message:hover .Xc_message__icon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.Xc_message__icon{position:absolute;top:-9px;left:-11px;width:18px;height:18px;border-radius:50%;transition:-webkit-transform 0.85s;transition:transform 0.85s;transition:transform 0.85s,-webkit-transform 0.85s}
.Xc_message__icon::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;fill:#fff;background-repeat:no-repeat;background-size:100% 100%}
.Xc_message.success{border-left-color:#2bde3f;background:#2bde3f20;color:#2bde3f}
.Xc_message.success .Xc_message__icon{background:#2bde3f}
.Xc_message.success .Xc_message__icon::before{background-image:url(/usr/themes/Xc-Three/assets/img/tips/success.svg)}
.Xc_message.info{border-left-color:#1d72f3;background:#1d72f320;color:#1d72f3}
.Xc_message.info .Xc_message__icon{background:#1d72f3}
.Xc_message.info .Xc_message__icon::before{background-image:url(/usr/themes/Xc-Three/assets/img/tips/info.svg)}
.Xc_message.warning{border-left-color:#ffc007;background:#ffc00720;color:#ffc007}
.Xc_message.warning .Xc_message__icon{background:#ffc007}
.Xc_message.warning .Xc_message__icon::before{background-image:url(/usr/themes/Xc-Three/assets/img/tips/warning.svg)}
.Xc_message.error{border-left-color:#f56c6c;background:#f56c6c20;color:#f56c6c}
.Xc_message.error .Xc_message__icon{background:#f56c6c}
.Xc_message.error .Xc_message__icon::before{background-image:url(/usr/themes/Xc-Three/assets/img/tips/error.svg)}
.Xc_message__content{display:block}
.Xc_progress{width:100%;display:flex;align-items:center}
.Xc_progress__strip{height:12px;border-radius:6px;overflow:hidden;background:var(--classC);min-width:0;flex:1;margin-right:10px}
.Xc_progress__strip-percent{position:relative;height:100%;border-radius:6px}
.Xc_progress__percentage{color:var(--minor)}
.Xc_callout{padding:12px;border:1px solid var(--classB);border-left-width:4px;border-radius:var(--radius-inner);color:var(--routine);line-height:26px}
.Xc_callout *:last-child{margin-bottom:0 !important}

.Xc_timeline{line-height:26px}
.Xc_timeline__item{position:relative;padding-bottom:15px}
.Xc_timeline__item-tail{position:absolute;top:0;left:6px;height:100%;border-left:1px solid var(--classC)}
.Xc_timeline__item-circle{position:absolute;width:13px;height:13px;background-color:var(--background);border-radius:50%;border:1px solid #19be6b}
.Xc_timeline__item-content{padding-left:24px;position:relative;top:-5px}
.Xc_timeline__item-content *:last-child{margin-bottom:0 !important}
.Xc_timeline__item:last-child{padding-bottom:0}
.Xc_timeline__item:last-child .Xc_timeline__item-tail{display:none}
.Xc_tabs{width:100%;overflow:hidden;background:var(--background);box-shadow:0 2px 6px rgba(0,0,0,0.1);border:1px solid var(--classC);border-radius:var(--radius-inner);line-height:26px}
.Xc_tabs__head{width:100%;overflow-x:auto;overflow-y:hidden;display:flex;background:var(--classD)}
.Xc_tabs__head-item{position:relative;padding:0 15px;line-height:40px;height:40px;color:var(--minor);cursor:pointer;white-space:nowrap;font-size:14px}
.Xc_tabs__head-item.active{color: #fff;background: var(--theme);}
.Xc_tabs__body-item{padding:15px}
.Xc_tabs__body-item *:last-child{margin-bottom:0 !important}
.Xc_vplayer{width:100%;height:500px}
.Xc_lamp{display:block;position:relative;width:100%;height:3px;border-radius:1.5px;overflow:hidden;-webkit-animation:lamp-background linear 4s infinite;animation:lamp-background linear 4s infinite}
.Xc_lamp::before,.Xc_lamp::after{content:'';position:absolute;width:100%;height:100%;top:0;z-index:1;-webkit-animation:lamp-front linear 4s infinite;animation:lamp-front linear 4s infinite}
.Xc_lamp::before{right:50%;-webkit-transform-origin:right;transform-origin:right}
.Xc_lamp::after{left:50%;-webkit-transform-origin:left;transform-origin:left}
.Xc_fold{line-height:26px}
.Xc_fold__item{margin-bottom:10px;color:var(--routine);border:1px solid var(--classC)}
.Xc_fold__item-head{display:flex;align-items:center;background:var(--classD);padding:10px 12px;padding-right:8px;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.Xc_fold__item-head--label{padding-right:8px}
.Xc_fold__item-head--icon{flex-shrink:0;margin-left:auto;fill:var(--minor);transition:-webkit-transform 0.35s ease;transition:transform 0.35s ease;transition:transform 0.35s ease,-webkit-transform 0.35s ease}
.Xc_fold__item-wrapper{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.Xc_fold__item-wrapper--content{padding:12px}
.Xc_fold__item:last-child{margin-bottom:0}
.Xc_fold__item.active .Xc_fold__item-head--icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.Xc_cloud{display:flex;align-items:center;padding:10px;background:var(--classD);border-radius:var(--radius-inner);overflow:hidden}
.Xc_cloud__logo{flex-shrink:0;width:32px;height:32px;margin-right:10px;background-size:100% 100%}

.Xc_cloud__describe{line-height:normal;flex:1;overflow:hidden}
.Xc_cloud__describe-title{color:var(--theme);font-size:14px;margin-bottom:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.Xc_cloud__describe-type{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.Xc_cloud__btn{display:flex;flex-direction:column;align-content:center;flex-wrap:wrap;justify-content:center;background:var(--theme);color:#fff;width:33px;height:33px;border-radius:50%}
.Xc_reads{background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow);margin-bottom:20px}
.Xc_reads_category{display:flex;align-items:center}
.Xc_reads_category .edit{color:var(--minor);margin-left:auto;margin-bottom:15px}
.Xc_reads_category .edit:hover{color:var(--theme)}
.Xc_reads_title{margin:15px 0 2rem;color:var(--main);text-align:center;text-shadow:var(--text-shadow);font-size:24px}
.Xc_reads_topic{margin-bottom:20px;border-bottom:1px solid var(--classB);text-align:center}
.Xc_reads_topic .Xc_post_Rotation{margin-top:-15px;margin-bottom:2rem;color:var(--routine);font-size:13px}
.Xc_reads_topic .Xc_post_Rotation_source{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}
.Xc_reads_topic .Xc_post_Rotation_source span{display:inline-flex;align-items:center}
.Xc_reads_topic .Xc_post_Rotation_source .iconfont{margin-right:2px}
.Xc_archive_title{margin:0 0 20px;padding:30px 0;border-radius:var(--radius-wrap);background:var(--background);box-shadow:var(--box-shadow);color:var(--main);text-align:center;text-shadow:var(--text-shadow);font-size:24px;}
.Xc_reads_overdue{padding-top:15px}
.Xc_reads_overdue-wrapper{background:#fffcef;border-radius:var(--radius-inner);padding:15px;color:#db7c22;border:1px solid #ffbb76;-webkit-animation:overdue 1.5s ease-in-out;animation:overdue 1.5s ease-in-out}
.Xc_reads_overdue-wrapper .title{display:flex;align-items:center;margin-bottom:10px;font-size:15px;font-weight:500}
.Xc_reads_overdue-wrapper .title .icon{width:20px;height:20px;margin-right:8px}
.Xc_reads_overdue-wrapper .content{padding-left:28px}
.Xc_reads_overdue-wrapper:hover{-webkit-clip-path:circle(75%);clip-path:circle(75%)}
.Xc_reads_article{padding-top:15px;font-size:15px;word-break:break-word;color:var(--routine)}
.Xc_reads_article h1,.Xc_reads_article h2,.Xc_reads_article h3,.Xc_reads_article h4,.Xc_reads_article h5,.Xc_reads_article h6{color:var(--main);font-size:18px;line-height:24px;margin-bottom:18px;position:relative}
.Xc_reads_article h1{padding:0 15px 0 20px}
.Xc_reads_article h1:before{content:"";color:var(--theme);position:absolute;top:15%;left:0;bottom:0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAVCAMAAACaPIWZAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAHhQTFRFAAAAc5n/cpn9c5n8+tqH+duJ+tyJdJf/c5n9+9uH+duIcJ//c5n9c5j8/9+P+duI+NuIc5j9dZr/+dqH+tqKcJf/c5n9/9+H+duIcpn9+duHcpn8cpn9+dqI+duIcpf8c5n9cpj9+NuH+NqIcpn9+NuJ+NuH+tyIKUakhwAAACh0Uk5TAFB/X2B/X0D/QP8Q8L8Q8L+QMKAwIKAgsICAwO/Q72Dg3+DfcHDAkDBlUcwAAADpSURBVHicdZFbD8FAEIVnkyI0GnVrBSEe+P8/x524XyttaBQpM7Mj9aAPm++cTHfOzCpQCj6fegEYTBGdGRIA8T0rFKJvqiepVGCpB1H6gj7YIZflziWhI/qVgJW1dzRlT+hD1WeZP7hCO/Sls72RzoU1+lA/kSp716ami49+a8dlztxIM0VP+rO9JVWbQkfTmHyJGt+/UZP17kzq3YmiXXBRYyT314eJPEZ87S55JzHmKd70mJ7kb/Z/55WuNO+//dQ8CdlbaApx//aRRGllFZgaA0i8lzOXrhE+lDLL9J7mCKxblWiI5xsgM1Iq/nvZNQAAAABJRU5ErkJggg==");background-position:50%;background-size:auto 100%;display:inline-block;height:1rem;width:1rem}
.Xc_reads_article h2{padding:0 15px}
.Xc_reads_article h2::before{content:'';position:absolute;top:10%;bottom:10%;left:0;width:4px;border-radius:2px;background:var(--theme)}
.Xc_reads_article h3{padding:0 15px}
.Xc_reads_article h3::before{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--theme);border-radius:0 4px 4px 0}
.Xc_reads_article h4::before{content:'「';color:var(--theme);font-weight:600;margin-right:5px}
.Xc_reads_article h4::after{content:'」';color:var(--theme);font-weight:600;margin-left:5px}
.Xc_reads_article h5{padding:0 15px 0 28px}
.Xc_reads_article h5::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAC8klEQVRYR+3WP2gTURwH8O/vKnVRRHKXP52cBO3g4p/BqYNIhy4muajUQRBFKjQV1En6ZxJBcmlRCoJDRe3FDiJVwamLS3FwqbgIgss1l2ZQF5XeT3I1Z3NJ7u5dLlAwN9699/t97vfe7/EIO/yhHe5DD9jpCv3fFVTu856+Xzi62Y/35hj9CFPNrlUwWeRJAJfBGADwBcBNI0/PRZFdAdo4xlQLjCqKjBzogat7hZCRAgPghJGBgbFnxglAOvS7b/fLb+q+qnv5BHBCyEBAWTdnANy2IxOtWSC1qsY+1jOFwAVG+gIVvXyHQbcaKuZCxmf5iMQogXFQtEsBeO5JT6BcMu+Bcb1lUhcyqfExACUAB6JEtgUqi+U5JrrmmcyFHCjwSYtQO+tSUSFbAmXdnAdwJVASdyWLPAS2kbFA8xsHNS13EzCmlx8R6KJQcBcypfFpho3cKxRna3ADsgEo6+ZjAKMhgjZ1d2KWR2gTSyD0h4jnIB2gXDIXwciFCPZvSnMl0wwshYrJGDImaMUGKovlLBPVOrDjh8APzFx8zDkjNa7FzYoGZsKT9XEarQOHmei1aJA246cqOWW6/i2l8VMGzoWIPW/k6eq2Ja6UwCz8pw2JGZ8sS8pUz8fWau/jGp+SgLchcGBgZD1Py41NUuoI+ZloV8ZU93+ogZKzfBiWfXAPCgMJU8Y42avQdMzI4ZBfmSizocqrUeJaAmsvBZGGBCtTziXeRY1rCxRAViEhXckqK93AeQJ9kYTvlmVlqmcTdhNEtefc+9X3utVmuX+CkK6oyqtu4nwrWP8bF5IZdGYjJ79wDuMCz4D+XmhFWnZbt7ab5ltBB6mbkyAaBPFCJassuwMmNb4L4EZgXwBc4AoGTZrUeA6A9x1yK6tzzvnFDlxBv0D176kCP2TCpbbjBXCRV9DZk0VeAONCE1IQ1zWg3dlF1sFQHWQIXFeBNrLAw5BwHBZWjQl6E3SbbB8X+R4Mg/Ca0wN2WtFeBTut4B84mFI4VpekyAAAAABJRU5ErkJggg==");background-size:100% 100%}
.Xc_reads_article h6{padding:0 15px 0 28px}
.Xc_reads_article h6::before{content:'';position:absolute;top:2px;left:0;width:20px;height:20px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEI0lEQVRYR+3Xb2wTZRwH8G/vL22RPy5GW8fK6rJpGeFFY9RO3TRRE1HfmEAammEyjZmOSEg1RrPZaTD6xjhU/Ndlf0CZgwmD+qcgZBRIETeqY0Vcnc7pGonhRY2l3m2t5upqjq693l2vcy+8N81zz/NcPvf75fd7rjos8ku3yH34HyjK0PqlDLPzD56vMNL0VHxmpgXAoUIZXKgI3sMSpK+cNTAbylaj/9IkprnLM3+mkg8XQi4EsJ4lSL+ZNbAfVd+JG/XLcSERg3M8IAtZauBtDEkeNdN6fX9NfRqXueQiSwm00wQRMDMGw94snBJkqYBrSYIIXs/ojftqGq6IXHZRFIpkKYC2JSw9SJE663W0nthlqcMawwrJYpVCag1M48pNy1YNvLWRffGNIYSCv6Cnog7rjCtVIbUEXoG7qeqaNMj51F58dWoKPZY62JeWyUJG+ctcIplcIizWCpgTl9EIyODJn9BtceDWq/6B57tO/H4R688fFaZ7AWzWAiiJEyMDx39Ed6UDdyy7Ni/w1ekxbP95VJi/F8CRYoGycGLksaEJdFU6cPdy0zxkR/RbtE6FhPvHATQUm2JFODHSfyyCLmsd7lth/hf53q/jcE8OC+NTAG7PTKiNoCqcGPnpF+PotDrwwNXl+OC3H9A8cVqYPgPgFnFo1QCLwomRg4cvoPMGBzZHTgq3zwKwZ+ddKVATXAZhf+gdnPvuojAUqmJdrspRAtQU93pXEM+8clgwhQHU5itruUBNcTt6TsP9sl8weQC0S/VFOUBNcW/2folt2z+XhZPTZh6kSKJ79aqVRuFszRxfUm8sNbdz9xlsfekz2bhCQBvDMMM8z+ubN92Mjrb71brS+97dM4wtnk8U4SSBBEGErVarzeVywePxoHVLA1pb6lUh3+8bwZMv+BTjpIAVACa9Xq+uqakJ7e3tqpGd/WfR3Jr+81awIJS0mY0A+sLhMGw2W3qfGmTXvhAef/6gapxUBDuqqqoejUQiBvFbKUH2DHyNx54bLAqXF0jT9HBjY6Pd6/XOi7oc5K7936Dp2QNF4/IBrTqdLuLxeIi2tracRSGF/PDgKB55er8muHzATQB2m81m+P1+1NbmPoVyIfsOnUOj+2PNcPmAO1iWbeE4TmexWODz+WQhayrL4No2oCkuJ5Bl2VGO49ZmcisXObdeVSuRaq7ZZ3G10KBTqRQl3pQPGY1GEQgE4HQ6heVDAO5S1cklNmUDXQRB9KZSqXkfESaTCW63G7FYDKFQKDEyMoJoNKqfe/bbAJ7QGpcrxa8xDLOV5/k0kGXZv2ZnZ5FMJtNjmqYvURR1IpFInAcwAeD7ud/pUuDmAY1G41g8Hl9DkmScoqggx3FHAIyJMMlSQfI9V5zKagDC93dsoRFKimQx2dIWOV/U/yn6bx0WyDj8vgLOAAAAAElFTkSuQmCC");background-size:100% 100%}
.Xc_reads_article hr{border:none;height:1px;background-color:var(--classB);margin-bottom:18px}
.Xc_reads_article p{line-height:26px;margin-bottom:18px}
.Xc_reads_article blockquote{line-height:26px;margin-bottom:18px;background:var(--Xc-mment);border-left:5px solid var(--theme);color:var(--routine);padding:8px 15px;border-radius:5px 5px 5px 5px}
.Xc_reads_article blockquote p{margin:0}
.Xc_reads_article a:not([class]){display:inline-block;line-height:26px;color:var(--theme);position:relative}
.Xc_reads_article a:not([class]):hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.Xc_reads_article .Xc_hide a:not([class])::after{width:0}
.Xc_reads_article a:not([class])::after{content:'';position:absolute;width:100%;height:1px;bottom:-1px;left:0;background:var(--theme);-webkit-transform:scaleX(0.25);transform:scaleX(0.25);opacity:0;transition:opacity 0.35s,-webkit-transform 0.35s;transition:transform 0.35s,opacity 0.35s;transition:transform 0.35s,opacity 0.35s,-webkit-transform 0.35s}
.Xc_reads_article code:not([class]){border-radius:var(--radius-inner);font-size:14px;background:#ecf5ff;color:#409eff;padding:2px 8px;vertical-align:top;word-break:break-word;letter-spacing:0.05em}
.Xc_reads_article pre[class*='language-']{position:relative;margin:0 0 18px;padding:30px 0 0;font-size:14px;border-radius:5px 5px 5px 5px;overflow:hidden;letter-spacing:0.05em}
.Xc_reads_article pre[class*='language-'] code[class*='language-']{display:block;overflow:auto;padding:15px}
.Xc_reads_article pre[class*='language-']::before{content:'';position:absolute;top:15px;left:15px;width:12px;height:12px;border-radius:50%;background:#fc625d;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:1}
.Xc_reads_article pre[class*='language-'] .copy{position:absolute;top: 10px;right:15px;z-index:5;cursor:pointer}
code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}

.Xc_reads_article img:not([class]){display:block;max-width:100%;border-radius:var(--radius-inner);transition:box-shadow 0.35s,-webkit-transform 0.35s;transition:transform 0.35s,box-shadow 0.35s;transition:transform 0.35s,box-shadow 0.35s,-webkit-transform 0.35s;cursor:zoom-in;margin:0 auto}
.Xc_reads_article img:not([class]):hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 34px 20px -24px rgba(136,161,206,0.3)}
.Xc_reads_article .owo_image{max-height:26px;vertical-align:top}
.Xc_reads_article ol,.Xc_reads_article ul{margin-bottom:18px;padding-left:36px}
.Xc_reads_article ol li,.Xc_reads_article ul li{line-height:26px}
.Xc_reads_article ol li{list-style:decimal}
.Xc_reads_article ul li{list-style:disc}
.Xc_reads_article table{width:100%;max-width:100%;table-layout:fixed;color:var(--minor);margin-bottom:18px;font-size:14px;border-top:1px solid var(--classC);border-left:1px solid var(--classC)}
.Xc_reads_article table td,.Xc_reads_article table th{padding:15px;text-align:left;border-bottom:1px solid var(--classC);border-right:1px solid var(--classC)}
.Xc_reads_article table thead th{font-weight:500;background:var(--classC)}
.Xc_reads_article table tbody tr{transition:background 0.35s}
.Xc_reads_article table tbody tr:hover{background:var(--classD)}
.Xc_reads_article-protected{display:flex;justify-content:center;background:repeating-linear-gradient(145deg,var(--classB),var(--classB) 15px,var(--background) 0,var(--background) 30px);padding:20px 0;margin-bottom:18px}
.Xc_reads_article-protected .contain{position:relative;box-shadow:var(--box-shadow);border-radius:20px;overflow:hidden}
.Xc_reads_article-protected .contain .icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:15px}
.Xc_reads_article-protected .contain .password{width:260px;color:var(--routine);padding-left:50px;background:var(--background);flex:1;height:38px;padding:0 40px;border:1px solid var(--classB);border-radius:20px 0 0 20px;font-size:14px}
.Xc_reads_article-protected .contain .submit{position:absolute;top:50%;right:0px;transform:translateY(-50%);padding:0 18px;height:100%;border:none;background:var(--theme);color:#fff;border-radius:0 20px 20px 0}
.Xc_reads_article-protected .contain .submit:hover{background-color:#449d44}
.Xc_reads_agree{display:flex;align-items:center;justify-content:center;color:var(--routine);padding-top:30px;padding-bottom:20px;letter-spacing:0.08em}
.Xc_reads_agree a{color:var(--routine)}
.Xc_reads_agree .agree{text-align:center;font-size:14px;color:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.Xc_reads_agree .agree .icon{position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; cursor: pointer; margin-bottom: 5px;}
.Xc_reads_agree .agree .icon.active{-webkit-animation:box_shadow 1s;animation:box_shadow 1s}
.Xc_reads_agree .agree .icon svg{position:absolute;width:26px;height:26px;-webkit-transform:scale(0);transform:scale(0);opacity:0;transition:opacity 0.5s,-webkit-transform 0.5s;transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s,-webkit-transform 0.5s}
.Xc_reads_agree .agree .icon svg.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.Xc_reads_agree .agree .sponsorship{position: relative; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 50%; cursor: pointer; margin-bottom: 5px;}
.Xc_reads_agree .agree .sponsorship svg {width: 26px;height: 26px;}
.modal-pay{display:none;position:fixed;z-index:105;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.modal-pay.open{display:flex;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s}
.modal-pay .modal-pay-content{transform:translateY(100%);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out;border-radius:8px;position:relative;box-shadow:var(--box-shadow);background:#fff}
.modal-pay.open .modal-pay-content{transform:translateY(0);opacity:1;transition-delay:.2s}
.modal-pay .close{float:right;width:100%;margin-top:-55px;text-align:center;cursor:pointer}
.modal-pay .close svg{width:32px;height:32px;fill:#fff}
.modal-pay .payment-buttons{display:flex;padding:25px 15px 15px 15px;flex-direction:column;align-items:center}
.modal-pay .anniu-all{display:flex;justify-content:center;align-items:center;width:100%;text-align:center;cursor:pointer}
.modal-pay .reward-option{border:0 solid #909399;border-radius:20px;color:#333;background:#d8e0ec;width:90%;padding:8px 0;margin-bottom:10px;box-shadow:2px 3px 6px #b0b0b0;letter-spacing:.05em;font-size:14px;height:35px}
.modal-pay .payment-image{width:300px;height:300px;margin-top:10px}
.modal-pay .reward-option.active{background:var(--theme);color:#fff;transition:.1s}
.modal-pay .payment-image{display:none}
.modal-pay .anniu-all .anniu-list{width:100%;transition:transform .1s}
.modal-pay .anniu-all .anniu-list:active{transform:scale(.85)}
.modal-pay .anniu-all img{width:100%;height:100%}
.modal-pay-content .zuoyouming{text-align:center;margin:25px 15px 0;font-size:16px;color:#333}

.Xc_reads_operate{margin-bottom:15px;color:var(--routine);display:flex;align-items:center}
.Xc_reads_operate-tags{flex-shrink:0;flex:1;display:flex;align-items:center;overflow-x:auto}
.Xc_reads_operate-tags::-webkit-scrollbar{display:none}
.Xc_reads_operate-tags a{display:flex;align-items:center;flex-shrink:0;position:relative;margin-right:10px;font-size:13px;background-color:var(--classC);color:var(--routine);padding-right:8px;padding-left:8px;height:26px;line-height:26px;border-radius:2px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:.15s;}
.Xc_reads_operate-tags a:nth-child(1){color:rgb(50 204 188);background-color:rgb(50 204 188 / 15%)}
.Xc_reads_operate-tags a:nth-child(2){color:rgb(211 76 251);background-color:rgb(211 76 251 / 15%)}
.Xc_reads_operate-tags a:nth-child(3){color:rgb(255 82 82);background-color:rgb(255 82 82 / 15%)}
.Xc_reads_operate-tags a:nth-child(4){color:rgb(58 198 116);background-color:rgb(58 198 116 / 15%)}
.Xc_reads_operate-tags a:nth-child(5){margin-right:0;color:rgb(255 170 0);background-color:rgb(255 170 0 / 15%)}
.Xc_reads_operate-tags a:nth-child(n+6){display:none}
.Xc_reads_operate a:hover {background:#333;color:#fff}
.Xc_reads_copyright{background:var(--background);border-radius:var(--radius-wrap);padding:15px;box-shadow:var(--box-shadow);margin-top:20px;margin-bottom:20px}
.Xc_reads_copyright .content .item{color:var(--minor);margin-bottom:5px;word-break:break-word;line-height:22px}
.Xc_reads_copyright .content .item:last-child{margin-bottom:0}
.Xc_reads_copyright .content .item .link{color:var(--minor)}
.Xc_reads_copyright .content .item .link:hover{color:var(--theme)}
.Xc_reads_related-title{position:relative;font-size:18px;font-weight:500;color:var(--main);padding-left:15px;margin-bottom:15px}
.Xc_reads_related-title::before{content:'';position:absolute;top:0;bottom:0;left:0;width:4px;border-radius:2px;background:var(--theme)}
.Xc_reads_related-content{display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}
.Xc_reads_leaving{padding-top:15px}
.Xc_reads_leaving-none{padding:15px 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--minor)}
.Xc_reads_leaving-list{position:relative;height:500px}
.Xc_reads_leaving-list .item{display:none;position:absolute;width:200px;overflow:hidden;box-shadow:0 2px 10px 1px rgba(0,0,0,0.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.88}
.Xc_reads_leaving-list .item .user{display:flex;align-items:center;padding:0 10px;color:#fff;border-bottom:1px dashed rgba(255,255,255,0.85);height:40px;cursor:move}
.Xc_reads_leaving-list .item .user .avatar{width:20px;height:20px;border-radius:50%}
.Xc_reads_leaving-list .item .user .nickname{min-width:0;flex:1;margin:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Xc_reads_leaving-list .item .user .nickname a{color:#fff}
.Xc_reads_leaving-list .item .user .date{margin-left:auto}
.Xc_reads_leaving-list .item .wrapper{padding:10px}
.Xc_reads_leaving-list .item .wrapper .content{height:140px;overflow-y:auto;word-break:break-word;line-height:25px;color:#fff}
.Xc_reads_leaving-list .item .wrapper .content .draw_image{max-width:100%}
.Xc_reads_leaving-list .item .wrapper .content .owo_image{max-height:24px}

.Xc_footer{color: var(--routine); font-size:13px;margin-top: 2em; letter-spacing: 0.05em;}
.Xc_footer .Xc_totall{padding: 20px 0 0 20px;margin-left: 260px; position: relative; width: calc(100% - 260px);}
.Xc_footer .Xc_totalll{display: flex;flex-direction: column;background-color: var(--background);padding: 20px 10px 15px 10px;box-shadow: var(--box-shadow);border-radius: 6px 6px 0 0;}
.Xc_footer .Xc_totall a{padding:0 0 8px;color:var(--routine)}
.Xc_footer .Xc_totall a:hover{color:var(--theme)}
.Xc_footer .Xc_totall p{padding:0 0 8px}
.Xc_footer .Xc_totall .item{margin-right:auto;margin-left:auto;text-align:center}

.Xc_pagination{display:flex;align-items:center;justify-content:center;padding-top:20px}
.Xc_pagination li{margin-left:5px}
.Xc_pagination li.active a{background:var(--theme);color:#fff;font-weight:500}
.Xc_pagination li a{display:flex;align-items:center;height:32px;color:var(--main);padding:0 15px;background:var(--classD);border-radius:2px;transition:background 0.35s,color 0.35s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.Xc_pagination li a:hover{background:var(--theme);color:#fff}
.Xc_pagination li a:hover .icon{fill:#fff}
.Xc_pagination li a .icon{width:12px;height:12px;fill:var(--routine);transition:fill 0.35s}
.Xc_pagination li a .icon-next{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.Xc_action_item{position:relative;display:flex;align-items:center;justify-content:center;min-width:20px;max-width:20px;height:20px;margin:0 0 0 12px;cursor:pointer}
.Xc_action_item svg{position:absolute;width:20px;height:20px;fill:var(--routine);transition:.35s ease-out}
.Xc_action_item.mode svg{-webkit-transform:scale(0);transform:scale(0);opacity:0}
.Xc_action_item.mode svg.active{-webkit-transform:scale(1);transform:scale(1);opacity:1}
.Xc_comment{background:var(--background);border-radius:var(--radius-wrap);box-shadow:var(--box-shadow);padding:15px}
.Xc_comment_title{font-weight:500;text-align:center;font-size:24px;color:var(--main);text-shadow:var(--text-shadow);border-bottom:0px solid var(--classC);margin-top:15px;margin-bottom:15px;padding-bottom:15px}
.Xc_comment_close{display:flex;align-items:center;justify-content:center;color:var(--routine)}
.Xc_comment_close-icon{fill:var(--routine);margin-right:5px}
.Xc_comment_respond-type{display:flex;align-items:center;justify-content:flex-end}
.Xc_comment_respond-form .head{display:flex;align-items:center}
.Xc_comment_respond-form .head .list{position:relative;display:flex;flex:1;border-radius:var(--radius-inner);width:auto;margin-left:1rem}
.Xc_comment_respond-form .head .list .title{white-space:nowrap;padding:8px 1rem;border-radius:4px 0px 0px 4px;background-color:rgba(144,147,153,0.23);color:var(--main)}
.Xc_comment_respond-form .head .list input:focus{background:var(--background);border-color:var(--classA);padding-right:15px}
.Xc_comment_respond-form .head .list input{width:100%;border:none;background:transparent;padding:0 15px;border-radius:0px 4px 4px 0px;border:1px solid #90939950;color:var(--routine)}
.Xc_comment_respond-form .head .list .Xc_input:focus ~ .Xc_pointout{display:block !important}
.Xc_comment_respond-form .head .list .Xc_pointout{width:auto;font-size:13px;padding:8px 10px;background-color:#555;color:#fff;text-align:center;border-radius:6px;position:absolute;z-index:1;bottom:120%;left:80%;letter-spacing:0.05em}
.Xc_comment_respond-form .head .list .Xc_pointout:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent}


.Xc_comment_respond-form .body{padding:15px;margin-bottom:0;border:1px solid #90939950;border-radius:var(--radius-inner)}
.Xc_comment_respond-form .body .text{width:100%;height:130px;border:none;resize:none;color:var(--routine);background:transparent;}
.Xc_comment_respond-form .body .draw{position:relative;width:100%}
.Xc_comment_respond-form .body .draw .line{display:flex;align-items:center;position:absolute;top:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.Xc_comment_respond-form .body .draw .line li{cursor:pointer;margin-right:10px;color:var(--main);transition:color 0.35s}
.Xc_comment_respond-form .body .draw .line li.active{color:var(--theme)}
.Xc_comment_respond-form .body .draw .color{display:flex;align-items:center;position:absolute;bottom:10px;left:10px}
.Xc_comment_respond-form .body .draw .color li{width:20px;height:20px;border-radius:50%;margin:0 5px;cursor:pointer;transition:box-shadow 0.35s}
.Xc_comment_respond-form .body .draw .color li.active{box-shadow:0 4px 10px rgba(0,0,0,0.35)}
.Xc_comment_respond-form .body .draw .color li:nth-child(1){background:#303133}
.Xc_comment_respond-form .body .draw .color li:nth-child(2){background:#67c23a}
.Xc_comment_respond-form .body .draw .color li:nth-child(3){background:#e6a23c}
.Xc_comment_respond-form .body .draw .color li:nth-child(4){background:#f56c6c}
.Xc_comment_respond-form .body .draw .icon{position:absolute;right:10px;cursor:pointer;fill:var(--minor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.Xc_comment_respond-form .body .draw .icon-undo{top:10px}
.Xc_comment_respond-form .body .draw .icon-animate{bottom:10px}
.Xc_comment_respond-form .body .draw canvas{background:var(--background);border-radius:var(--radius-inner)}
.Xc_comment_respond-form .foot{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0}
.Xc_comment_respond-form .foot .owo{min-height:33px;padding-top:8px}
.Xc_comment_respond-form .foot .owo .seat{opacity:0.8}
.Xc_comment_respond-form .foot .submit{position:absolute;top:0;right:10px;white-space:nowrap}
.Xc_comment_respond-form .foot .submit .cancle{display:none;color:var(--main);cursor:pointer;margin-right:10px;transition:color 0.35s}
.Xc_comment_respond-form .foot .submit .cancle:hover{color:var(--theme)}
.Xc_comment_respond-form .foot .submit button{border-radius:3px;height:33px;padding:0 15px;border:none;background:var(--theme);color:#fff;font-size:14px;transition:.2s}
.Xc_comment_respond-form .foot .submit button:hover{opacity:.8}
.Xc_comment .comment-list{padding-top:2rem}
.Xc_comment .comment_list_item-contain .term{display:flex;margin-bottom:15px}
.Xc_comment .comment_list_item-contain .term .avatar{width:45px;height:45px;border-radius:50%;margin-right:15px;padding:2px;border:1px solid var(--classA);-o-object-fit:cover;object-fit:cover}
.Xc_comment .comment_list_item-contain .autlv{font-size:13px;color:#fff;background:var(--theme);border-radius:2px;padding:0 5px;margin-left:5px;white-space:nowrap}
.Xc_comment .comment_list_item-contain .term .content{min-width:0;flex:1;border-bottom:1px solid var(--classC);padding-bottom:15px}
.Xc_comment .comment_list_item-contain .term .content .user{display:flex;align-items:center;margin-bottom:5px;color:var(--main)}
.Xc_comment .comment_list_item-contain .term .content .user .author{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:5px}
.Xc_comment .comment_list_item-contain .term .content .user .owner{flex-shrink:0;border:1px solid #fb7299;color:#fb7299;padding:0 5px;border-radius:3px;font-style:normal;font-size:12px;margin-right:10px}
.Xc_comment .comment_list_item-contain .term .content .user .agent{display:flex;align-items:center;font-size:13px;padding-left:8px;color:var(--minor)}
.Xc_comment .comment_list_item-contain .term .content .user .waiting{color:#e6a23c;font-style:normal}
.Xc_comment .comment_list_item-contain .term .content .substance{width:100%;background:var(--classD);padding:10px 13px;border-radius:4px 4px 4px 4px;color:var(--main);margin-bottom:8px;word-break:break-word;line-height:26px}
.Xc_comment .comment_list_item-contain .term .content .substance .parent{color:#388bff;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:500}
.Xc_comment .comment_list_item-contain .term .content .substance .owo_image{border:0;height:24px;vertical-align:middle}
.Xc_comment .comment_list_item-contain .term .content .substance .draw_image{max-width:100%}
.Xc_comment .comment_list_item-contain .term .content .handle{display:flex;align-items:center;color:var(--minor)}
.Xc_comment .comment_list_item-contain .term .content .handle .date{margin-right:10px;margin-bottom:5px;font-size:13px}
.Xc_comment .comment_list_item-contain .term .content .handle .reply{display:flex;align-items:center;color:var(--routine);font-size:14px;cursor:pointer;margin-bottom:5px;margin-left:auto}
.Xc_comment .comment_list_item-contain .term .content .handle .reply .icon{margin-right:5px;fill:var(--routine)}
.Xc_comment .comment_list_item-contain .term .content .handle .reply:hover{color:var(--theme)}
.Xc_comment .comment_list_item-contain .term .content .handle .reply:hover .icon{fill:var(--theme)}
.Xc_comment .comment_list_item-children{padding-left:63px}
.Xc_comment .comment_list_item-children .comment_list_item-children{padding-left:0}
.Xc_comment .comment_list_item .Xc_comment_respond{margin-left:63px;margin-bottom:15px;-webkit-animation:showComment 0.25s;animation:showComment 0.25s}
.Xc_comment .comment-list .comment-list{padding-top:0}
.Xc_comment_Xcoff{left:0;top:0;text-align:center;width:100%;height:100%;justify-content:center;align-items:center;z-index:996;letter-spacing:.1em}
.Xc_comment_Xclogin{margin-top:25px;margin-bottom:25px;color:var(--main);font-size:16px}
.Xc_comment_Xcoff a{background:var(--theme);color:#fff;padding:6px 15px;border-radius:4px;font-size:14px}
.Xc_comment_Xcoff a:hover{opacity:.8;}
.Xc_comment_Xcoff .Xc_comment_Xcbottom{width:100%;padding:20px 0;display:flex;align-items:center;justify-content:center;color:var(--routine);font-size:12px;margin-top:10px}
.Xc_comment_Xcbottom::after,.Xc_comment_Xcbottom::before{content:"";background:var(--classC);max-width:20%;height:1px;margin:0 1em;flex:1}
.Xc_comment_Xcbottom::after,.Xc_comment_Xcbottom::before{content:"";background:var(--classC);max-width:20%;height:1px;margin:0 1em;flex:1}

.Xc_owo_contain{position:relative}
.Xc_owo_contain .seat{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}
.Xc_owo_contain .box{width:100%;height:100%!important;display:none;background:var(--background);border-radius:var(--radius-inner);overflow:hidden;margin-top:15px}
.Xc_owo_contain .box .scroll{display:none;max-height:220px;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;padding:5px}
.Xc_owo_contain .box .scroll .item{text-align:center;width:calc(100% / 20);display:inline-block;padding:5px;cursor:pointer;border-radius:var(--radius-inner);transition:background 0.25s}
.Xc_owo_contain .box .scroll .item img{max-width:100%;max-height:100%}
.Xc_owo_contain .box .scroll .item:hover{background:var(--classD)}
.Xc_owo_contain .box .bar{display:flex;align-items:center;border-top:1px solid var(--classC)}
.Xc_owo_contain .box .bar .item{line-height:30px;padding:0 10px;cursor:pointer;color:var(--routine);transition:background 0.25s,color 0.25s}
.Xc_owo_contain .box .bar .item.active{color:#fff;background:var(--theme)}
.Xc_archive__empty{display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 0 20px; padding: 50px 0; border-radius: var(--radius-wrap); background: var(--background); box-shadow: var(--box-shadow); color: var(--routine); text-align: center; text-shadow: var(--text-shadow); font-size: 22px;}
.Xc_archive__empty-icon{margin-bottom:30px;fill:var(--routine)}
#nprogress{pointer-events:none}
#nprogress .bar{background: var(--theme);position:fixed;z-index:99999;top:0;left:0;width:100%;height:2px;}
#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;opacity:1;transform:rotate(3deg) translate(0,-4px);}

@-webkit-keyframes showComment{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(0.9);transform:scale(0.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}@keyframes showComment{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}
}@-webkit-keyframes showInUp{0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}@keyframes showInUp{0%{opacity:0;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

@keyframes lamp-background{0%,24.9%{background-color:#54b5db}
25%,49.9%{background-color:#da4733}
50%,74.9%{background-color:#3b78e7}
75%,to{background-color:#fdba2c}
}@-webkit-keyframes lamp-front{0%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#da4733}
24.9%{-webkit-transform:scaleX(0.5);transform:scaleX(0.5);background-color:#da4733}
25%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#3b78e7}
49.9%{-webkit-transform:scaleX(0.5);transform:scaleX(0.5);background-color:#3b78e7}
50%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#fdba2c}
74.9%{-webkit-transform:scaleX(0.5);transform:scaleX(0.5);background-color:#fdba2c}
75%{-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#409eff}
to{-webkit-transform:scaleX(0.5);transform:scaleX(0.5);background-color:#409eff}}

@-webkit-keyframes rainbow{to{background-position:-2000vw}}
.color_Dazzle{background-image:linear-gradient(to left,#ff4500,orange,gold,#90ee90,#0ff,#1e90ff,#9370db,#ff69b4,#ff4500);background-size:110vw;-webkit-background-clip:text;color:transparent;-webkit-animation:rainbow 60s linear infinite;animation:rainbow 60s linear infinite}
@keyframes rainbow{to{background-position:-2000vw}}