.ring-progress{position:absolute}
.opus-collection{position:absolute;left:-8px;top:0;border-radius:6px;background:var(--bg1_float);width:480px;transform:translateX(-100%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.16)) drop-shadow(0 0 2px rgba(0,0,0,.08))}.opus-collection__header{display:flex;box-shadow:0 -.5px 0 0 var(--line_regular) inset;padding:10px 16px}.opus-collection__info{flex:1}.opus-collection__title{font-size:17px;color:var(--text1);font-weight:500;margin-bottom:2px}.opus-collection__action svg{vertical-align:top;transition:transform .3s ease}.opus-collection__summary{font-size:12px;color:var(--text2);cursor:pointer}.opus-collection__summary svg{vertical-align:bottom}.opus-collection__summary svg:nth-child(3){transform:scale(.8)}.opus-collection__summary:hover{color:var(--brand_blue)}.opus-collection__action{margin-left:24px;font-size:13px;color:var(--text2);background-color:transparent;outline:none;border:none;cursor:pointer}.opus-collection__action.reverse svg{transform:rotate(180deg)}.opus-collection__action.reverse:hover{color:var(--brand_blue)}.opus-collection__content{overflow-y:auto;min-height:117px;max-height:377px}.opus-collection__item{padding:14px 16px;cursor:pointer;font-size:15px;color:var(--text1);position:relative}.opus-collection__item.active,.opus-collection__item:hover{color:var(--brand_blue);font-weight:500}.opus-collection__item:hover{background-color:var(--graph_bg_regular)}.opus-collection__item__title{width:calc(100% - 80px)}.opus-collection__item__title-text{display:inline;font-weight:400;vertical-align:middle}.opus-collection__item__title-tag{display:inline-flex;width:60px;height:16px;font-size:10px;font-weight:400;border-radius:2px;border:.5px solid #f69;border:.5px solid var(--brand_pink,#f69);flex-direction:row;align-items:center;justify-content:center;color:#f69;color:var(--brand_pink,#f69);vertical-align:middle}.opus-collection__item__pubtime{position:absolute;right:16px;top:50%;font-size:20px;transform-origin:right top;transform:scale(.5) translateY(-50%);color:var(--text3);text-align:right}
.side-toolbar__box{padding:12px 6px}.side-toolbar__box,.side-toolbar__btn{border-radius:6px;background-color:var(--bg1)}.side-toolbar__btn{cursor:pointer;width:58px;height:58px;margin-top:6px;padding:0 17px;display:flex;align-items:center;box-sizing:border-box;font-size:12px;color:var(--text1)}.side-toolbar__btn.backtop{transition:transform .3s,opacity .3s;opacity:0;pointer-events:none}.side-toolbar__btn.backtop span{margin-top:10px;position:relative}.side-toolbar__btn.backtop span .backtop__icon{width:15px;height:8px;position:absolute;display:block;top:-11px;left:4px}.side-toolbar__top{margin-bottom:6px;background-color:var(--bg1);border-radius:6px}.side-toolbar__bottom{position:fixed;bottom:20px}.side-toolbar.transition .side-toolbar__btn{transition:all .2s}.side-toolbar.on .side-toolbar__btn.backtop{opacity:1;pointer-events:all;transform:translateY(0);cursor:pointer}.side-toolbar__action{position:relative;cursor:pointer;width:46px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--text3)}.side-toolbar__action__combosvga{position:absolute;left:-12px;top:-23px;width:70px;height:70px}.side-toolbar__action+.side-toolbar__action{margin-top:16px}.side-toolbar__action__text{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:4px;font-size:12px;line-height:14px}.side-toolbar__action svg{width:24px;height:24px;color:var(--graph_icon)}.side-toolbar__action.is-active,.side-toolbar__action.is-active svg{color:var(--brand_blue)}.side-toolbar__action.hide-icon svg{opacity:0}.side-toolbar__action.shaking svg{animation-name:shaking;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.side-toolbar__action.collection{width:58px;height:58px;box-sizing:border-box;justify-content:center}.side-toolbar__action.is-disabled{color:var(--text_disabled);cursor:not-allowed}.side-toolbar__action.is-disabled svg{color:var(--text_disabled)!important}.side-toolbar__action:not(.is-disabled):hover,.side-toolbar__action:not(.is-disabled):hover svg{color:var(--brand_blue)!important}@keyframes shaking{2%{transform:translate(.5px,-.5px) rotate(.5deg)}4%{transform:translate(-.5px,2.5px) rotate(.5deg)}6%{transform:translate(-1.5px,2.5px) rotate(-.5deg)}8%{transform:translate(-1.5px,.5px) rotate(1.5deg)}10%{transform:translate(1.5px,2.5px) rotate(.5deg)}12%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}14%{transform:translate(1.5px,1.5px) rotate(-.5deg)}16%{transform:translate(2.5px,-.5px) rotate(1.5deg)}18%{transform:translate(1.5px,.5px) rotate(.5deg)}20%{transform:translate(1.5px,-1.5px) rotate(-.5deg)}22%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}24%{transform:translate(-.5px,-1.5px) rotate(.5deg)}26%{transform:translate(-1.5px,2.5px) rotate(-.5deg)}28%{transform:translate(2.5px,1.5px) rotate(1.5deg)}30%{transform:translate(.5px,-.5px) rotate(1.5deg)}32%{transform:translate(1.5px,2.5px) rotate(1.5deg)}34%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}36%{transform:translate(-.5px,.5px) rotate(-.5deg)}38%{transform:translate(1.5px,-1.5px) rotate(1.5deg)}40%{transform:translate(-.5px,.5px) rotate(1.5deg)}42%{transform:translate(2.5px,-.5px) rotate(1.5deg)}44%{transform:translate(-1.5px,2.5px) rotate(.5deg)}46%{transform:translate(-.5px,2.5px) rotate(-.5deg)}48%{transform:translate(1.5px,-.5px) rotate(1.5deg)}50%{transform:translate(1.5px,-.5px) rotate(1.5deg)}52%{transform:translate(.5px,.5px) rotate(-.5deg)}54%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}56%{transform:translate(1.5px,-1.5px) rotate(1.5deg)}58%{transform:translate(.5px,1.5px) rotate(1.5deg)}60%{transform:translate(-.5px,-.5px) rotate(1.5deg)}62%{transform:translate(-.5px,.5px) rotate(1.5deg)}64%{transform:translate(.5px,-.5px) rotate(1.5deg)}66%{transform:translate(2.5px,.5px) rotate(1.5deg)}68%{transform:translate(1.5px,-.5px) rotate(1.5deg)}70%{transform:translate(.5px,2.5px) rotate(1.5deg)}72%{transform:translate(1.5px,-.5px) rotate(.5deg)}74%{transform:translate(2.5px,-.5px) rotate(.5deg)}76%{transform:translate(2.5px,-.5px) rotate(1.5deg)}78%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}80%{transform:translate(-1.5px,.5px) rotate(-.5deg)}82%{transform:translate(-1.5px,2.5px) rotate(.5deg)}84%{transform:translate(-.5px,.5px) rotate(1.5deg)}86%{transform:translate(-1.5px,1.5px) rotate(.5deg)}88%{transform:translate(-.5px,-.5px) rotate(1.5deg)}90%{transform:translate(-1.5px,-1.5px) rotate(1.5deg)}92%{transform:translate(2.5px,1.5px) rotate(.5deg)}94%{transform:translate(2.5px,1.5px) rotate(-.5deg)}96%{transform:translate(2.5px,-.5px) rotate(.5deg)}98%{transform:translate(1.5px,.5px) rotate(-.5deg)}0%,to{transform:translate(0) rotate(0)}}
.coin-popup{padding:20px 0 25px;display:flex;flex-direction:column;align-items:center}.coin-popup__title{font-size:16px;color:var(--text1);text-align:center}.coin-popup__close{cursor:pointer;position:absolute;right:16px;top:16px;width:16px;height:16px;display:flex;justify-content:center;align-items:center}.coin-popup__close:after,.coin-popup__close:before{position:absolute;width:20px;height:1px;content:"";display:block;background-color:var(--text3)}.coin-popup__close:after{transform:rotate(45deg)}.coin-popup__close:before{transform:rotate(-45deg)}.coin-popup__figure{position:relative;margin-top:35px;width:160px;height:230px;border:2px solid var(--brand_blue);border-radius:5px;background-repeat:no-repeat;background-position:50%;background-size:122px}.coin-popup__figure__pic{--animation-frame-width:120px;--animation-frame-height:206px;width:var(--animation-frame-width);height:var(--animation-frame-height);position:absolute;bottom:10px;left:50%;transform:translateX(-50%);overflow:hidden}@keyframes coin-run-animation{0%{transform:translateX(0)}to{transform:translateX(calc(var(--animation-frame-width)*-24))}}.coin-popup__figure__pic-img{width:calc(var(--animation-frame-width)*24);height:var(--animation-frame-height);will-change:transform;animation:coin-run-animation 2s steps(24) infinite}.coin-popup__figure__label{text-align:left;font-size:14px;line-height:40px;position:absolute;left:15px;top:0;color:var(--brand_blue)}.coin-popup__footer{display:flex;flex-direction:column;align-items:center;margin-top:25px}.coin-popup__footer p{font-size:12px;color:var(--text3);margin-top:10px}
.fixed-author-header{width:100%;background-color:var(--bg1);height:56px;position:fixed;left:0;top:0;z-index:1000;box-shadow:0 1px 2px rgba(0,0,0,.14)}.fixed-author-header__inner{width:708px;margin:0 auto;height:100%;justify-content:space-between}.fixed-author-header__author,.fixed-author-header__inner{display:flex;align-items:center}.fixed-author-header__author__face{width:28px;height:28px;overflow:hidden;border-radius:50%;margin-right:12px}
.reaction-item{display:flex;align-items:center;padding:16px 0;box-shadow:0 -.5px 0 0 var(--line_regular) inset}.reaction-item__face{width:40px;height:40px;flex-shrink:0;border-radius:50%;overflow:hidden;margin-right:16px;cursor:pointer}.reaction-item__main{flex:1;overflow:hidden}.reaction-item__name{font-size:15px;font-style:normal;font-weight:500;line-height:21px;color:var(--text1);cursor:pointer}.reaction-item__action{display:inline-block;font-weight:400;margin-left:6px}.reaction-item__desc{color:var(--text3);margin-top:4px;font-size:13px}.reaction-item__follow{margin-left:32px;flex-shrink:0}
.reaction-list{padding:12px 56px 0}.reaction-list__loading{padding:40px 0}.reaction-list__loadmore{height:40px;width:100%}.reaction-list__nomore{padding:20px 0;font-size:13px;color:var(--text3);text-align:center}
.bili-tabs .bili-tabs__header{padding-left:26px}.bili-comment-container{padding:20px 56px 0!important}:root{--bili-comments-title-display:none}.comment-wrap .reply-header .nav-title{display:none!important}.comment-wrap .comment-invisible{padding-top:100px;font-size:13px;color:var(--text3);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{margin:0;padding:0;background-color:var(--graph_bg_regular);font-family:PingFang SC,HarmonyOS_Regular,Helvetica Neue,Microsoft YaHei,sans-serif!important;font-weight:400;-webkit-font-smoothing:antialiased}@media (-webkit-max-device-pixel-ratio:1){body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif!important}}body .bili-comment svg{fill:none}body .preview-header{background-color:var(--brand_blue);color:var(--text_white);text-align:center;width:100%;height:100%;position:relative;z-index:1;font-size:13px}body .bili-header svg{fill:none}body .bili-header a:not(.r-l) svg{width:unset;height:unset}body .bili-header .right-entry__outside.header-favorite-container__down svg{fill:currentColor}#internationalHeader .mini-header{height:64px}#internationalHeader .mini-header__content{padding-top:12px;padding-bottom:12px}#app{margin:0 auto;padding-top:8px;min-height:100vh;min-width:1044px;max-width:2560px;position:relative}#app .bgc{top:0;height:100vh;background-color:#d3e9e8}#app .bg,#app .bgc{pointer-events:none;z-index:0;position:fixed;left:50%;transform:translateX(-50%);width:100%}#app .bg{bottom:0;height:56.25vw;background-image:url(//s1.hdslb.com/bfs/static/stone-free/opus-detail/asserts/bg.png);background-repeat:no-repeat;background-size:cover;background-position:bottom;transition:.3s}#app.dark_mode:after{content:"";position:absolute;display:block;left:0;right:0;top:0;bottom:0;background:url(//s1.hdslb.com/bfs/static/stone-free/opus-detail/asserts/bg_dark_mask.png) 50%/cover no-repeat;z-index:1}#app.dark_mode .bg{background-image:url(//s1.hdslb.com/bfs/static/stone-free/opus-detail/asserts/bg_dark.png)!important}#app.dark_mode .bgc{background-color:transparent!important}.opus-detail{padding-bottom:10px;position:relative;margin:0 auto;width:708px;box-shadow:inset 0 -1px 0 var(--line_regular);min-height:calc(100vh - 84px);background-color:var(--bg1);border-radius:6px;z-index:2}.right-sidebar-wrap{position:fixed;margin-left:720px;transition:.5s ease-in-out;top:180px;z-index:10}.slidedown-enter-active,.slidedown-leave-active{transition:all .2s ease}.slidedown-enter,.slidedown-leave-to{transform:translateY(-30px)}@media screen and (min-width:2561px){#app .bg,.bgc{width:2560px!important}}

/*# sourceMappingURL=opus-detail.0.61c3ad4bba88fa2a58ab775de7cf9953e76faad4.css.map*/