#fs-sheet[data-v-ec63b714]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.85);backdrop-filter:blur(6px)}.thumbnail-box[data-v-ec63b714]{width:200px;height:200px;background-size:200px 200px;background-repeat:no-repeat}.img-box[data-v-ec63b714]{position:absolute;background-position:50% 50%;cursor:move}.img-box.ani[data-v-ec63b714]{transition-property:transform;transition-duration:.3s}.img-bg-box[data-v-ec63b714]{width:100vw;height:100%;position:relative;background-color:transparent}.avatar-with-role,.user-role{margin-right:5px}.user-role{margin-bottom:5px;padding:0 6px;border-radius:2px;display:inline-block;color:#fff}.role-teacher{background-color:#f60}.role-assistant{background-color:#ffa000}.role-supervisor{background-color:#0bd}.lib-single-record .person-info{height:30px;line-height:30px}.lib-single-record .lib-photo{float:left;width:40px;height:40px;border-radius:20px;margin-right:10px;background-repeat:no-repeat;background-size:contain}.lib-wrap{margin-left:50px}.lib-like{margin-bottom:8px;padding:0 5px;display:flex;font-size:12px;align-items:center;justify-content:space-between}.lib-like>span{display:inline-block;font-size:12px;color:#ddd}.lib-like .like-icon{height:20px;width:20px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACBUExURQAAAN3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3d3Vdc36cAAAAqdFJOUwDe7u3hVOTmw5NcV+hPQv0o4nMWr/dtmcv2GNLA8/rbpINI2lKjGyLW6S65RA8AAABrSURBVBjTXc1HFoJQEETRQlCCCoqAgYwBrP0vUPlysOk36rqTBqaya3GDzCPPC7iQntynlEwk+CRjscPoCwdzBvZuje2Kv6w9XHIDzrnmFnDUkGsoNTQafAXv1/jW+cMTeDj3Dm1dmT30+ACk5BjVnV3B+QAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-size:contain;background-color:transparent;color:#666}.lib-like .msg-time{color:#666;margin-top:5px}.lib-like .like-count{color:#999!important}.lib-video-msg-box{background-color:rgba(0,0,0,.5);position:relative;border-radius:4px;overflow:hidden;display:inline-block;border:1px solid #ccc}.lib-video-msg-box .img-size-adaptive{width:auto;height:auto;display:block}.lib-video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.lib-video-duration{position:absolute;bottom:4px;right:8px;z-index:10}.chat-img-size-adaptive{max-width:262px;max-height:262px}.chat-img-size-adaptive,.img-size-adaptive{width:auto;height:auto;min-width:36px;min-height:36px;display:block;cursor:pointer;border-radius:4px;border:1px solid #ccc}.img-size-adaptive{max-width:100%;max-height:300px;margin:0 auto}.lib-explain{border:1px solid #ccc;border-radius:4px;padding:0 7px;display:inline-block;margin-top:10px}.lib-explain-border{border:1px solid #ccc!important;border-radius:4px!important}.text-msg-box>div>p:last-child{margin-bottom:0}.audio-bar.unread:after{content:" ";position:absolute;width:8px;height:8px;right:-16px;top:12px;border-radius:50%;background-color:#ef5350;z-index:99}@keyframes animate-audio-icon{0%{width:0}to{width:16px}}.audio-icon-box.playing{animation-name:animate-audio-icon;animation-duration:1s;animation-iteration-count:infinite}@keyframes animation-pulse{0%{opacity:.3}70%{opacity:1}to{opacity:.3}}.pulse-button{animation-name:animation-pulse;animation-duration:2s;animation-iteration-count:infinite}.revoke-button{position:absolute;bottom:-30px;right:-2px}.audio-unread-dot{position:absolute;top:0;right:-10px;width:6px;height:6px;background-color:#f44336;border-radius:50%;z-index:10}.drag-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:5000;justify-content:center;text-align:center;color:#fff}.drag-overlay,.drag-overlay-box{display:flex;flex-direction:column;align-items:center}.drag-overlay-box{padding:32px 48px;border-radius:12px}.my-width[data-v-299e04dc]{width:100%!important;margin-left:0!important;margin-right:0!important}.sticky-tabs[data-v-299e04dc]{position:sticky;top:0;z-index:100}.elevated-card[data-v-299e04dc]{position:relative;border:1px solid #e0e0e0!important;border-left:none!important;border-right:none!important;border-bottom:none!important;border-top:none!important}.sticky-bottom[data-v-299e04dc]{position:sticky;z-index:10}.fixed-bottom-pagination[data-v-299e04dc],.sticky-bottom[data-v-299e04dc]{width:100%;bottom:0;background:#fff;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;padding:8px}.fixed-bottom-pagination[data-v-299e04dc]{position:absolute;left:0;z-index:100}.nav-bar{height:56px;line-height:56px;background:#0bd;padding:0;font-size:20px;text-align:center;color:#fff}.nav-bar .nav-box{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;position:relative}.nav-bar .nav-box .nav-title{font-weight:500;max-width:100%}