.Xc_assort{position:relative;font-size:14px;margin-right:15px;transition:color 0.35s;white-space:nowrap;color:var(--main)}
.Xc_assort_link{display:flex;align-items:center}
.Xc_assort_link-icon{transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s,-webkit-transform 0.35s}
.Xc_assort_si{position:absolute;left:50%;visibility:hidden;z-index:999;-webkit-transform-origin:top;transform-origin:top;background:var(--top);box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:4px;padding:10px 0;opacity:0;-webkit-transform:translateX(-50%) perspective(600px) rotateX(-45deg);transform:translateX(-50%) perspective(600px) rotateX(-45deg);transition:opacity 0.35s,visibility 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,visibility 0.35s,transform 0.35s;transition:opacity 0.35s,visibility 0.35s,transform 0.35s,-webkit-transform 0.35s}
.Xc_assort.active .Xc_assort_link-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.Xc_assort.active .Xc_assort_si{visibility:visible;opacity:1;-webkit-transform:translateX(-50%) perspective(600px) rotateX(0);transform:translateX(-50%) perspective(600px) rotateX(0)}
.Xc_header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);transition:top 0.35s}
.Xc_header.active{top:0px}
.Xc_header.active .header_below{border-top:none}
.Xc_header.active.current .header_below-title{display:block}
.header_internal{position:relative;z-index:999;background:var(--background);backdrop-filter:blur(2px)}
.header_internal .Xc_total{max-width:1280px;align-items:center}
.header_internal-logo{position:relative;display:flex;align-items:center;height:60px;padding-right:15px;margin-right:10px}
.header_internal-logo img{min-width:40px;max-width:150px;height:40px;object-fit:cover;border-radius:5%}
.header_internal-logo .Xc_logo.night{display:none}
.header_internal_nav{display:flex;align-items:center}
.header_internal_nav .item{position:relative;height:60px;line-height:60px;font-size:15px;padding:0 5px;margin-right:15px;transition:color 0.35s;white-space:nowrap;color:var(--main)}
.header_internal_nav .item:last-child{}
.header_internal_nav .item::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transition:opacity 0.5s,-webkit-transform 0.5s;transition:opacity 0.5s,transform 0.5s;transition:opacity 0.5s,transform 0.5s,-webkit-transform 0.5s;border-radius:6px 6px 0 0;opacity:0;-webkit-transform:scaleX(0.25);transform:scaleX(0.25);background:var(--theme)}
.header_internal_nav .item.active,.header_internal_nav .item:hover{color:var(--theme)}
.header_internal_nav .item.active::after,.header_internal_nav .item:hover::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.header_internal_nav .Xc_assort_link a{height:60px;line-height:60px;font-size:15px;padding-left:5px;padding-right:3px;transition:color 0.35s;white-space:nowrap;color:var(--main)}
.header_internal_nav .Xc_assort_si a{display:block;line-height:42px;height:42px;transition:.35s;color:var(--routine);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 15px}
.header_internal_nav .Xc_assort_si a:hover,.header_internal_nav .Xc_assort_si a.active{background: var(--Toolbox);color:var(--theme);transition:.35s}
.header_internal-searchicon,.header_internal-slideicon{display:none;width:19px;height:19px;fill:var(--routine);cursor:pointer}
.header_internal-searchicon{margin-left:auto}
.header_below{position:relative}
.header_below-title{max-width:450px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:none;line-height:45px;font-size:17px;font-weight:700;color:var(--main);-webkit-animation:showHeaderTitle 0.35s;animation:showHeaderTitle 0.35s}
.header_below-classify{display:flex}
.header_below-classify .item{margin-right:15px;color:var(--routine);height:45px;line-height:45px;transition:color 0.35s;white-space:nowrap}
.header_below-classify .item:hover,.header_below-classify .item.active{color:var(--theme)}
.header_below-classify .Xc_assort{margin-right:15px}
.header_below-classify .Xc_assort_link .item{margin-right:3px}
.header_below-classify .Xc_assort_si a{display:block;height:42px;line-height:42px;padding: 0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--minor);transition:color 0.35s,background 0.35s}
.header_below-classify .Xc_assort_si a:hover,.header_below-classify .Xc_assort_si a.active{color:var(--theme);background:var(--classD)}
.header_search{position:absolute;top:60px;left:0;right:0;z-index:890;background:var(--background);border-top:1px solid var(--classC);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);transition:visibility 0.35s,-webkit-transform 0.35s;transition:transform 0.35s,visibility 0.35s;transition:transform 0.35s,visibility 0.35s,-webkit-transform 0.35s;visibility:hidden}
.header_search.active{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.header_search_all{padding:10px 0 20px;width:100%}
.header_search_all .search{width:100%;display:flex;align-items:center}
.header_search_all .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_all .search button{white-space:nowrap;padding:0 15px;height:36px;border:none;background:var(--theme);color:#fff;border-radius:0px 20px 20px 0px;letter-spacing:0.1em}
.header_search_all .title{color:var(--main);padding:15px 0 15px;font-size:15px;display:flex;align-items:center}
.header_search_all .title .icon{width:22px;height:22px;fill:var(--routine);margin-right:5px}
.header_search_all .cloud{display:flex;flex-wrap:wrap;}
.header_search_all .cloud .item{padding: 5px;}
.header_search_all .cloud .item a{display:block;transition:.15s ease-out;color:#fff;padding:3px 6px;font-size:13px;border-radius:2px;}
.header_roll{position:fixed;top:0;bottom:0;left:0;width:80%;z-index:1020;background:var(--top);-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden;transition:visibility 0.35s,-webkit-transform 0.35s;transition:transform 0.35s,visibility 0.35s;transition:transform 0.35s,visibility 0.35s,-webkit-transform 0.35s;overflow-y:auto;padding:100px 15px 15px}
.header_roll.active .iconfont{margin-right:5px}
.header_roll::before{content: '';position:absolute;top:120px;left:0;width:100%;height:30px;z-index:2;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--background))}
.header_roll::-webkit-scrollbar{display:none}
.header_roll.active{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.header_roll-image{position:absolute;top:0;left:0;width:100%;height:150px;-o-object-fit:cover;object-fit:cover;z-index:-1}
.header_roll-author{margin-bottom:15px;position:relative;z-index:4;display:flex;flex-direction:column;align-items:center}
.header_roll-author .avatar{width:90px;height:90px;border-radius:50%}
.header_roll-author .info{overflow:hidden;line-height:25px;position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-top:10px}
.header_roll-author .info .link,.header_roll-author .info .motto{text-overflow:ellipsis;overflow:hidden}
.header_roll-author .info .link{display:block;font-size:15px;font-weight:700;color:var(--main)}
.header_roll-author .info .motto{font-size:13px;color:var(--routine)}
.header_roll-count{margin-bottom:15px}
.header_roll-count .item{display:flex;align-items:center;color:var(--routine);padding:5px 0}
.header_roll-count .item .icon{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:space-between;padding:10px 0;color:var(--main);transition:color 0.15s}
.header_roll-menu .link a{transition:color 0.15s;color:var(--routine)}
.header_roll-menu .link .icon{fill:var(--minor);transition:fill 0.15s,-webkit-transform 0.15s;transition:transform 0.15s,fill 0.15s;transition:transform 0.15s,fill 0.15s,-webkit-transform 0.15s}
.header_roll-menu .link.in{color:var(--theme)}
.header_roll-menu .link.in a{color:var(--theme)}
.header_roll-menu .link.in .icon{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{display:none;padding-left:25px}
.header_roll-menu .slides .link{color:var(--routine)}
.header_roll-menu .slides .current{color:var(--theme);font-weight:500}
.header_hyal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);opacity:0;visibility:hidden;transition:visibility 0.35s,opacity 0.35s;z-index:880}
.header_hyal.active{visibility:visible;opacity:1}
.header_hyal.slideout{z-index:1010}
.Xc_aside{width:260px;padding:30px 0;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.author{background:var(--background);padding:85px 15px 15px}
.Xc_aside_item.author::before{content:'';position:absolute;top:90px;left:0;width:100%;height:30px;z-index:2;background: linear-gradient(to bottom,rgba(255,255,255,0),#fcfcfc)}
.Xc_aside_item.author:hover::after{display:block}
.Xc_aside_item.author .image{position:absolute;top:0;left:0;width:100%;height:120px;-o-object-fit:cover;object-fit:cover;z-index:1}
.Xc_aside_item.author .user{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;padding-bottom:25px}
.Xc_aside_item.author .user .avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-bottom:10px;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform 0.75s;transition:transform 0.75s;transition:transform 0.75s,-webkit-transform 0.75s;border:rgba(144,147,153,0.23) 3px solid;padding:0px}
.Xc_aside_item.author .user .avatar:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.Xc_aside_item.author .user .link{color:var(--theme);margin-bottom:10px;font-size:16px;font-weight:500}
.Xc_aside_item.author .user .link:hover{text-decoration:underline}
.Xc_aside_item.author .user .motto{color:var(--main);text-align:center;word-break:break-word}
.Xc_aside_item.author .count{width:100%;padding-bottom:15px;display:flex;align-items:center;border-bottom:1px solid var(--classC)}
.Xc_aside_item.author .count .item{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;color:var(--routine);font-size:13px}
.Xc_aside_item.author .count .item .num{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:1.2rem;color:var(--main);margin-bottom:3px;text-shadow:var(--text_shadow)}
.Xc_aside_item.author .list{padding-top:15px}
.Xc_aside_item.author .list .item{display:flex;align-items:center;justify-content:space-between;line-height:30px}
.Xc_aside_item.author .list .item .link{position:relative;color:var(--routine);max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Xc_aside_item.author .list .item .link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--theme);transition:all 0.35s}
.Xc_aside_item.author .list .item .link:hover{color:var(--theme)}
.Xc_aside_item.author .list .item .link:hover::after{width:100%}
.Xc_aside_item.author .list .item .icon{fill:var(--routine)}
.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}
.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/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/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/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/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;transition:color 0.5s;white-space:nowrap;font-size:14px}
.Xc_tabs__head-item::after{content:'';position:absolute;background:var(--theme);bottom:0;left:15px;right:15px;height:2px;opacity:0;border-radius:2px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5);transition:opacity 0.25s,-webkit-transform 0.25s;transition:opacity 0.25s,transform 0.25s;transition:opacity 0.25s,transform 0.25s,-webkit-transform 0.25s}
.Xc_tabs__head-item.active{color:var(--theme)}
.Xc_tabs__head-item.active::after{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
.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-wrapper--content *:last-child{margin-bottom:0 !important}
.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{flex-shrink:0;margin-left:auto;background:var(--theme);color:#fff;width:33px;height:33px;line-height:33px;font-size:16px;border-radius:50%;text-align:center}
.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{font-size:24px;color:var(--main);text-shadow:var(--text-shadow);text-align:center;margin-bottom:10px;margin-top:15px;word-break:break-word}
.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:0;left:0;font-size:22px}
.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:5px 15px 15px}
.Xc_reads_article pre[class*='language-']::before{content:'';position:absolute;top:9px;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}
.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:10px;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-video{margin-bottom:18px}
.Xc_reads_article-video .play,.Xc_reads_article-video .episodes{position:relative;background:var(--classD);padding:60px 15px 15px}
.Xc_reads_article-video .play .title,.Xc_reads_article-video .episodes .title{position:absolute;top:15px;left:-10px;background:var(--theme);color:#fff;font-weight:500;box-shadow:2px 5px 10px rgba(49,58,70,0.15);height:30px;line-height:30px;padding:0 12px;border-radius:2px 2px 2px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.Xc_reads_article-video .play .title::after,.Xc_reads_article-video .episodes .title::after{content:'';position:absolute;bottom:-10px;left:-10px;border-style:solid;border-width:10px;border-color:var(--theme) transparent transparent;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.Xc_reads_article-video .play .box,.Xc_reads_article-video .episodes .box{border-top:1px solid var(--classB);padding-top:15px}
.Xc_reads_article-video .play{margin-bottom:15px}
.Xc_reads_article-video .play .box iframe{background:#000;width:100%;height:520px}
.Xc_reads_article-video .episodes .box{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.Xc_reads_article-video .episodes .box .item{height:30px;line-height:30px;border-radius:15px;background:var(--background);color:var(--routine);cursor:pointer;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:box-shadow 0.35s,background 0.35s,color 0.35s,-webkit-transform 0.35s;transition:transform 0.35s,box-shadow 0.35s,background 0.35s,color 0.35s;transition:transform 0.35s,box-shadow 0.35s,background 0.35s,color 0.35s,-webkit-transform 0.35s;padding:0 10px}
.Xc_reads_article-video .episodes .box .item.active{-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#fff;background:var(--theme);box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.Xc_reads_article-video .episodes .box .item:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 5px rgba(0,0,0,0.1)}
.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);margin-top:30px;margin-bottom:20px;letter-spacing:0.08em}
.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:42px;height:42px;border-radius:50%;box-shadow:0 0 1px rgba(0,0,0,0.1), 0 0px 8px var(--seat);background:var(--background);cursor:pointer;margin-bottom:8px}
.Xc_reads_agree .agree .icon.active{-webkit-animation:box_shadow 1s;animation:box_shadow 1s}
.Xc_reads_agree .agree .sponsorship{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;box-shadow:0 0 1px rgba(0,0,0,0.1), 0 0px 8px var(--seat);background:var(--background);cursor:pointer;margin-bottom:8px}
.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_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:3px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Xc_reads_operate-tags a:last-child,.Xc_reads_operate-tags a:nth-child(5){margin-right:0}
.Xc_reads_operate-tags a:nth-child(n+6){display:none}
.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{border-top:0px solid var(--classB);color:var(--routine);margin-top:2em;letter-spacing:0.05em;background-color:var(--background)}
.Xc_footer .Xc_total{display:flex;align-items:center;flex-direction:column;justify-content:center;justify-content:space-between;padding:20px 10px 20px 10px}
.Xc_footer .Xc_total a{color:var(--routine)}
.Xc_footer .Xc_total a:hover{color:var(--theme)}
.Xc_footer .Xc_total .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{display:flex;flex:1;border-radius:5px 5px 5px 5px;width:auto;margin-left:1rem}
.Xc_comment_respond-form .head .list input{width:100%;border:none;background:transparent;padding:0 15px;border-radius:0px 5px 5px 0px;border:1px solid #90939950;color:var(--routine)}
.Xc_comment_respond-form .body{padding:15px;margin-bottom:0;border:1px solid #90939950;border-radius:5px}
.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:32px;padding-top:3px}
.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:32px;padding:0 15px;border:none;background:var(--theme);color:#fff;font-size:14px}
.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 .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 .author a{color:var(--main)}
.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}
.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.5s;animation:showComment 0.5s}
.Xc_comment .comment-list .comment-list{padding-top:0}
.Xc_run__day,.Xc_run__hour,.Xc_run__minute,.Xc_run__second{font-weight:500;color:var(--theme)}
.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%;display:none;background:var(--background);border-radius:var(--radius-inner);overflow:hidden;margin-top:15px}
.Xc_owo_contain .box .scroll{display:none;max-height:200px;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:none;padding:5px}
.Xc_owo_contain .box .scroll .item{text-align:center;width:calc(100% / 18);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;font-size:16px;padding:50px 0;color:var(--routine)}
.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)}
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)}
}@-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}}

