@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d0d1a;height:100%;font-family:Sora,PingFang SC,Microsoft YaHei,sans-serif}#app{height:100%}a{color:inherit;text-decoration:none}button,input{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}page{flex:1}.nav-bar{top:80rpx;width:750rpx;height:120rpx;flex-direction:row;justify-content:center;display:flex;position:fixed;left:0}.duration{color:#fff}.call-view{background:#333;flex-direction:column;flex:1;height:100%;position:relative}.profile{margin-top:200rpx;height:400rpx;flex-direction:column;align-items:center;display:flex}.user-avatar{width:200rpx;background-color:#00000080;border-radius:10%}.user-name{margin-top:20rpx;line-height:40rpx;font-size:38rpx;color:#fff;text-align:center}.caller-avatar{width:300rpx;background-color:#00000080;border-radius:10%}.caller-name{margin-top:20rpx;line-height:60rpx;font-size:42rpx;color:#fff;text-align:center}.status-box{height:100rpx;margin-top:50rpx;flex-direction:row;justify-content:center;display:flex}.status-notice{color:#949293;font-size:32rpx}.loading{width:45rpx;height:32rpx}.content{flex-direction:column;flex:1;justify-content:space-around}.container{flex:1;align-items:center;display:flex;position:relative}.main-video{width:750rpx;align-items:center;display:flex;position:absolute;inset:0}.main-avatar{margin-top:200rpx;width:200rpx;background-color:#00000080;border-radius:10%}.mini-avatar{width:120rpx;background-color:#00000080;border-radius:10%}.mini-video{width:240rpx;height:450rpx;right:0;top:160rpx;border-radius:10rpx;background:#444;justify-content:center;align-items:center;display:flex;position:absolute}.action-box{bottom:100rpx;flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;left:0;right:0}.action-top{bottom:340rpx;flex-direction:row;justify-content:space-around;align-items:center;display:flex;position:fixed;left:0;right:0}.action-bar-icon{width:70rpx;height:70rpx}.item-background{width:140rpx;height:140rpx;background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex}.item-background-disable{width:140rpx;height:140rpx;background-color:#8080804d;border-radius:50%;justify-content:center;align-items:center;display:flex}.switch-camera{bottom:130rpx;right:90rpx;position:fixed}.switch-camera-icon{width:70rpx;height:70rpx}.action-item{display:flex}.accept-background{width:150rpx;height:150rpx;background-color:#59ce73;border-radius:50%;justify-content:center;align-items:center;display:flex}.end-background{width:150rpx;height:150rpx;background-color:#f75855;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.action-icon{width:80rpx;height:80rpx}.action-text{margin-top:20rpx;color:#fff;font-size:30rpx;text-align:center}.user-list{padding-top:160rpx;flex-flow:wrap;flex:1;display:flex}.user-item{width:250rpx;height:250rpx;position:relative}.callee-view,.caller-view{width:250rpx;height:250rpx}.user-item-avatar{width:250rpx;height:250rpx;background-color:#00000080}.user-muted{width:50rpx;height:50rpx;bottom:10rpx;left:10rpx;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.user-muted-icon{width:40rpx;height:40rpx}.callee-info{bottom:510rpx;flex-direction:column;display:flex;position:fixed;left:0}.callee-text{text-align:center;color:#949293;font-size:30rpx}.callee-list{width:750rpx;flex-flow:wrap;justify-content:center;align-items:center;display:flex}.callee-avatar{width:80rpx}*{box-sizing:border-box;margin:0;padding:0}