@charset "UTF-8";.trtc-container[data-v-2528e268]{width:100%;height:100%;background:var(--main-background-color, black);position:relative;overflow:auto;flex:1}.trtc-container .sub-container[data-v-2528e268]{height:100%;display:flex;flex-direction:column}.trtc-container .sub-top-section[data-v-2528e268]{height:70%;background-color:#a0d8ef}.trtc-container .sub-bottom-section[data-v-2528e268]{flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;overflow-y:auto;background-color:#f0f0f0}.trtc-container .sub-bottom-item[data-v-2528e268]{width:25%;height:100%;background-color:#c1e4e9;position:relative}.trtc-container .sub-bottom-item .user-name[data-v-2528e268]{position:absolute;top:10px;left:10px;padding:4px 8px;background:#00000080;color:#fff;border-radius:4px;font-size:14px;z-index:100}.trtc-container .sub-bottom-item[data-v-2528e268]:hover{background-color:#87ceeb;transform:scale(1.05)}.trtc-container.multi-users-normal .video-grid[data-v-2528e268]{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.trtc-container.multi-users-normal .video-wrapper[data-v-2528e268]{width:96vw;height:98%;display:grid;grid-template-columns:repeat(2,48vw);grid-auto-rows:49%;gap:1%;justify-content:center;padding-top:1%}.trtc-container.multi-users-normal .video-box[data-v-2528e268]{width:100%;height:100%;min-height:unset;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.trtc-container.nine-square-grid .video-grid[data-v-2528e268]{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.trtc-container.nine-square-grid .video-wrapper[data-v-2528e268]{width:96vw;height:96%;display:grid;grid-template-columns:repeat(3,32vw);grid-auto-rows:33%;gap:1%;justify-content:center;padding-top:1%}.trtc-container.nine-square-grid .video-box[data-v-2528e268]{width:100%;height:100%;min-height:unset;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.trtc-container.single-remote .video-grid[data-v-2528e268]{position:relative;width:100%;height:100%}.trtc-container.single-remote .video-wrapper[data-v-2528e268]{height:100%}.trtc-container.single-remote #local[data-v-2528e268]{position:absolute;top:20px;right:20px;width:200px;height:150px;min-height:unset;z-index:10;border-radius:8px;box-shadow:0 2px 10px #0003}.trtc-container.single-remote .video-box[data-v-2528e268]:not(#local){width:100%;height:100%;border-radius:0}.video-grid[data-v-2528e268]{width:100%;height:100%}.video-box[data-v-2528e268]{width:100%;height:100%;min-height:300px;background:#000;border-radius:8px;overflow:hidden;position:relative}.video-box video[data-v-2528e268]{width:100%;height:100%;object-fit:cover}.video-box .user-name[data-v-2528e268]{position:absolute;top:10px;left:10px;padding:4px 8px;background:#00000080;color:#fff;border-radius:4px;font-size:14px;z-index:1}.media-status[data-v-2528e268]{position:absolute;bottom:10px;right:10px;display:flex;gap:8px;padding:12px}.status-icon[data-v-2528e268]{width:24px;height:24px;border-radius:50%;background:#00000080;display:flex;align-items:center;justify-content:center}.control-bar[data-v-2528e268]{position:fixed;bottom:var(--control-bar-bottom, 20px);left:50%;transform:translate(-50%);display:flex;gap:20px;padding:15px 30px;background:#0003;border-radius:40px;z-index:3000;pointer-events:auto;transition:background .3s ease}.control-bar[data-v-2528e268]:hover{background:#000c}.control-btn[data-v-2528e268]{width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.control-btn[data-v-2528e268]:hover{background:#fff3}.control-btn.hangup[data-v-2528e268]{background:#ffffff1a}.control-btn.hangup[data-v-2528e268]:hover{background:#f44}.control-btn img[data-v-2528e268]{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.2;transition:opacity .3s ease}.control-btn:hover img[data-v-2528e268]{opacity:1}.fullscreen-layer[data-v-2528e268]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:3001;display:flex;justify-content:center;align-items:center;cursor:pointer}.fullscreen-video[data-v-2528e268]{width:100%;height:100%}.fullscreen-video video[data-v-2528e268]{width:100%;height:100%;object-fit:contain}.video-box[data-v-2528e268]{cursor:pointer}.video-box[data-v-2528e268]:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a}