.r2v-editor-btn{display:inline-block;cursor:pointer;color:#2b7;}
.r2v-editor-btn span{display:inline-block;padding:0 6px;}
.r2v-m-wrap{padding:8px 10px;}
.r2v-m-btn{display:inline-block;padding:8px 16px;background:#2d8cf0;color:#fff !important;border-radius:4px;text-decoration:none;font-size:14px;}

.r2v-modal{display:none;position:fixed;z-index:99999;left:0;top:0;right:0;bottom:0;}
.r2v-modal .r2v-mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.5);}
.r2v-modal .r2v-dialog{position:relative;width:460px;max-width:92%;margin:10% auto 0;background:#fff;border-radius:8px;box-shadow:0 8px 40px rgba(0,0,0,.3);overflow:hidden;}
.r2v-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee;font-size:16px;font-weight:bold;color:#333;}
.r2v-head .r2v-close{color:#999;font-size:22px;line-height:1;text-decoration:none;}
.r2v-body{padding:16px;}
.r2v-tip{font-size:12px;color:#888;margin-bottom:12px;}
.r2v-drop{position:relative;border:2px dashed #cfd8e3;border-radius:8px;background:#f7fafc;text-align:center;padding:34px 10px;cursor:pointer;transition:border-color .2s;}
.r2v-drop:hover{border-color:#2d8cf0;}
.r2v-drop .r2v-file{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer;}
.r2v-drop-hint{color:#5a6b7b;font-size:14px;pointer-events:none;}
.r2v-progress{margin-top:16px;}
.r2v-bar-wrap{height:8px;background:#eef2f6;border-radius:6px;overflow:hidden;}
.r2v-bar{height:100%;width:0;background:#2d8cf0;transition:width .2s;}
.r2v-status{margin-top:10px;font-size:13px;color:#555;text-align:center;min-height:18px;}
.r2v-err{color:#e54d42;}
.r2v-ok{color:#39b54a;}
.r2v-processing{color:#2d8cf0;}
.r2v-warn{color:#f0a020;}

.r2v-box{margin:10px 0;max-width:640px;}
.r2v-box video{display:block;width:100%;}
.r2v-avi a{display:inline-block;padding:10px 14px;background:#f2f6fc;border:1px solid #dce3ec;border-radius:6px;color:#2d8cf0;text-decoration:none;}

/* 服务器视频"处理中"占位框（ffmpeg 还没处理完时显示） */
.r2v-pending{position:relative;width:100%;aspect-ratio:16/9;max-width:640px;background:#1a1a1a;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.r2v-pending-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#bbb;font-size:14px;text-align:center;}
.r2v-pending-inner span{padding:0 20px;line-height:1.6;}
.r2v-pending::before{content:"";position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.15);border-top-color:#2d8cf0;border-radius:50%;animation:r2vspin 1s linear infinite;}
.r2v-pending.r2v-failed::before{display:none;}
@keyframes r2vspin{to{transform:rotate(360deg);}}