/**
    File: TL-RTC-APP-SDK-V0.0.1
    Licensed: MIT
    Repository: https://github.com/tl-open-source/tl-rtc-app
    Author: iamtsm
    Build: 5/24/2026, 11:07:47 PM
*/
.n3-content-upload button{border-radius:6px;width:auto;height:35px;opacity:.7;line-height:33px;font-size:calc(var(--body-font-size-base) + 12px);padding:0 10px;margin:10px;z-index:3;position:absolute;bottom:30px;right:20px}.n3-content-upload button svg{padding-right:5px}.n3-content-upload button:hover{opacity:1}.n3-content{height:100%;width:100%}.t-r-a-layer-p2p-channel-share{background:var(--skin-body-background)!important;color:var(--skin-body-color)!important}.t-r-a-layer-p2p-channel-share .layui-layer-title{color:var(--skin-body-color)!important;border-radius:6px;font-size:calc(var(--body-font-size-base) + 14px)}.n3-content-top{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;border-bottom:1px solid var(--skin-body-border-color);padding:5px 10px 5px 10px;height:40px}.n3-content-top-title{font-size:calc(var(--body-font-size-base) + 15px);font-weight:700;user-select:none;width:40%;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.n3-content-top-tool{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;font-size:calc(var(--body-font-size-base) + 12px);width:60%;align-items:center;gap:10px}.n3-content-top-tool-item{padding:2px 5px;cursor:pointer;transition:all .2s;border-radius:4px;user-select:none;margin-left:6px;border:.5px solid var(--skin-body-border-color);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.n3-content-top-tool-item:first-child{border:unset}.n3-content-top-tool-item svg{width:20px;height:20px}.n3-content-top-tool-item-active{background:var(--skin-p2p-channel-top-tool-item-active-background)}.n3-content-top-tool-item:not(:first-child):hover{background:var(--skin-p2p-channel-top-tool-item-hover-background)}.n3-content-top-tool-item:not(:first-child):hover svg{fill:var(--skin-p2p-channel-top-tool-item-svg-hover-fill-color)}.n3-content-list-files{height:calc((100% - 100px)/ 2);padding:2px 10px;overflow-y:hidden}.n3-content-list{height:100%;width:100%;margin-top:2px}.n3-content-center{text-align:center;position:relative;width:90%;margin-left:5%;overflow:hidden}.n3-content-center::after,.n3-content-center::before{content:'';display:inline-block;width:calc(100% - var(--left-width) - var(--sidebar-width));height:1px;position:absolute;background:var(--skin-p2p-channel-divider-background);top:50%}.n3-content-center::before{margin-left:-10px;transform:translateX(-100%)}.n3-content-center::after{margin-left:10px}.n3-content-center svg{width:48px;height:48px;fill:var(--skin-p2p-channel-center-svg-fill-color)}.n3-content-list-empty{display:flex;justify-content:space-around;align-items:center;font-size:calc(var(--body-font-size-base) + 18px);color:var(--skin-p2p-channel-empty-color);user-select:none;flex-wrap:nowrap;position:relative;width:100%;text-align:center;height:100%}.n3-content-list-item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;border-radius:4px}.n3-content-list-item:hover{background:var(--skin-p2p-channel-list-item-hover-background)}.n3-content-list-item-intro{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.n3-content-list-item-intro-icon{padding:5px;border-radius:4px}.n3-content-list-item-intro-icon svg{width:30px;height:30px}.n3-content-list-item-intro-body{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap}.n3-content-list-item-intro-name{margin-bottom:5px;font-size:calc(var(--body-font-size-base) + 12px);text-align:left;width:100%}.n3-content-list-item-intro-time{font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-p2p-channel-list-item-time-color);user-select:none}.n3-content-list-item-tool{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;padding-right:5px;opacity:0;transition:opacity .2s}.n3-content-list-item:hover .n3-content-list-item-tool{opacity:1}.n3-content-list-item-tool-item{padding:3px 5px;background:var(--skin-cloud-list-item-tool-item-background);border-radius:50%;margin-left:10px;transition:all .2s}.n3-content-list-item-tool-item svg{width:14px;height:14px;fill:var(--skin-p2p-channel-list-item-tool-item-svg-fill-color)}.n3-content-list-item-tool-item svg:hover{fill:var(--skin-p2p-channel-list-item-tool-item-svg-hover-fill-color)}.n3-content-list-item-tool-item:hover{background:var(--skin-p2p-channel-list-item-tool-item-hover-background)}.n3-content-list-users{height:calc((100% - 100px)/ 2 - 10px);padding:2px 10px}.n3-content-list-user-body{width:100%;margin-top:2px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;overflow-y:auto;height:100%;align-content:flex-start}.n3-content-list-user-item{width:20%;height:80px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;border-radius:6px;transition:all .3s;cursor:pointer;user-select:none}.n3-content-list-user-item:hover{background:var(--skin-p2p-channel-list-item-hover-background)}.n3-content-list-user-item-icon{margin-bottom:10px}.n3-content-list-user-item-icon img{width:24px;height:24px;transition:all .3s}.n3-content-list-user-item-icon svg{width:18px;height:18px;transition:all .3s}.n3-content-list-user-item:hover .n3-content-list-user-item-icon img{scale:1.2}.n3-content-list-user-item:hover .n3-content-list-user-item-icon svg{scale:1.2}.n3-content-list-user-item-body:not(:first-child){height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;line-height:25px}#t-r-a-p2p-channel-share-image{text-align:center;user-select:none}#t-r-a-p2p-channel-share-image img{width:70%;height:70%;margin-left:15%;margin-top:7%;-webkit-user-drag:none}.t-r-a-p2p-channel-share-tools{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:8%}.t-r-a-p2p-channel-share-tools-item{padding:5px 10px;border-radius:4px;cursor:pointer;transition:all .2s;margin:0 10px;border:1px solid var(--skin-body-border-color)}.t-r-a-p2p-channel-share-tools-item:hover{background:var(--skin-p2p-channel-share-tools-item-hover-background)}
#tl-rtc-app .t8 .t8-panel-p2p-channel .t8-panel-no-p2p-channel{text-align:center;line-height:100px;font-size:calc(var(--body-font-size-base) + 14px);font-weight:700;color:var(--skin-p2p-channel-list-empty-color)}.t8-panel-no-p2p-channel button{font-size:calc(var(--body-font-size-base) + 14px)}.t8-panel-no-p2p-channel button:hover{color:var(--skin-p2p-channel-list-empty-hover-color)}#tl-rtc-app .t8 .t8-panel-p2p-channel-top{height:var(--left-p2p-channel-top)}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-header{display:flex;padding:15px 10px 15px 0;flex-direction:row;justify-content:space-between}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-header-title{font-size:calc(var(--body-font-size-base) + 16px);font-weight:700;color:var(--skin-top-header-title-color);margin-right:10px;margin-left:20px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;width:70%}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-header-tool{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s;background:var(--skin-top-header-tool-background);padding:2px 5px;border-radius:4px}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-header-tool svg{width:14px;height:14px;fill:var(--skin-top-header-tool-fill-color);transition:all .3s;scale:1.5}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-header-tool:hover{box-shadow:var(--skin-top-header-tool-hover-shadow)}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-header-tool:hover svg{fill:var(--skin-top-header-tool-hover-fill-color);scale:1.7}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-search{padding:5px 0;line-height:0;width:96%;margin-left:2%}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-search i{position:relative;margin-left:8px;top:16px;color:var(--skin-p2p-channel-top-search-i-color)}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-search svg{color:var(--skin-p2p-channel-top-search-i-color);position:relative;float:right;right:8px;margin-top:-22px;cursor:pointer}#tl-rtc-app .t8 .t8-panel-p2p-channel-top-search input{width:100%;height:30px;padding-left:30px!important;border-radius:4px;background:var(--skin-channel-top-search-input-background);color:var(--skin-channel-top-search-input-color);font-size:calc(var(--body-font-size-base) + 13px);letter-spacing:1px;border-width:.5px;border-color:var(--skin-channel-top-search-input-background)}#tl-rtc-app .t8 .t8-panel-p2p-channel{height:calc(100% - var(--left-p2p-channel-top))}#tl-rtc-app .t8 #p2pChannelListSwiper{height:calc(100% - 180px)}#tl-rtc-app .t8 .t8-panel-p2p-channel-item{display:flex;align-items:center;cursor:pointer;border-radius:2px;transition:all .3s}.t8-panel-p2p-channel-item-actions{display:flex;position:absolute;right:10px;top:50%;transform:translateY(-50%)}#tl-rtc-app .t8 .t8-panel-p2p-channel-item:hover{background:var(--skin-channel-list-item-hover-background)}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-active{background:var(--skin-channel-list-item-hover-background)}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-top{background:var(--skin-channel-list-item-top-background)}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-img{width:64px}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-img img{height:32px;width:32px;margin:25% 20%;-webkit-user-drag:none;border-radius:4px}.t8-panel-p2p-channel-item-text-img{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:4px;background:var(--skin-p2p-channel-list-item-text-img-background);color:var(--skin-p2p-channel-list-item-text-img-color);font-size:calc(var(--body-font-size-base) + 13px);font-weight:700;letter-spacing:.5px;margin:25% 20%;-webkit-user-drag:none;border-radius:4px}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-content{width:calc(100% - 64px)}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-content div{overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-content-nickname{font-weight:700;font-size:calc(var(--body-font-size-base) + 13px);margin-top:5px;letter-spacing:.5px}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-content-message{font-size:calc(var(--body-font-size-base) + 12px);margin-top:10px;color:var(--skin-p2p-channel-list-item-time-color);letter-spacing:.5px;display:flex;flex-direction:row;align-items:center}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-content-message svg{height:15px;width:14px;margin-right:3px;margin-left:-4px;fill:var(--skin-p2p-channel-list-item-message-svg-fill-color)}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-content-message .t8-panel-p2p-channel-item-content-message-file{display:flex;align-items:center}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-content-message img{width:24px!important;height:24px!important}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-other{width:25%}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-other div{text-align:right;font-size:calc(var(--body-font-size-base) + 12px);scale:.9}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-other-time{margin-top:10px;color:var(--skin-channel-list-item-time-color);padding-right:8px}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-other-unread{margin-top:10px;padding-right:8px}#tl-rtc-app .t8 .t8-panel-p2p-channel-item-other-unread div{width:10px!important;line-height:16px!important;height:16px!important;border-radius:12px;padding-left:2px;padding-right:5px}
html{--skin-p2p-channel-top-search-i-color:#c8c8c8;--skin-p2p-channel-top-search-input-background:#F8F9FB;--skin-p2p-channel-top-search-input-color:#3333339e;--skin-p2p-channel-top-tool-item-hover-background:#ffffff;--skin-p2p-channel-top-tool-item-active-background:#ffffff;--skin-p2p-channel-top-tool-item-svg-hover-fill-color:#6263FB;--skin-p2p-channel-center-svg-fill-color:#c0c4c8;--skin-p2p-channel-list-item-hover-background:#d2deff96;--skin-p2p-channel-list-item-time-color:#0000004d;--skin-p2p-channel-list-item-tool-item-background:#f6f6f6;--skin-p2p-channel-list-item-tool-item-hover-background:#efe3e3;--skin-p2p-channel-list-item-tool-item-svg-fill-color:#00000096;--skin-p2p-channel-list-item-tool-item-svg-hover-fill-color:#6263FB;--skin-p2p-channel-share-tool-item-hover-background:#00c3ff1e;--skin-p2p-channel-divider-background:#ccc;--skin-p2p-channel-empty-color:#baccca;--skin-p2p-channel-list-item-text-img-background:#c3e8ff8a;--skin-p2p-channel-list-item-text-img-color:#000000;--skin-p2p-channel-list-item-message-svg-fill-color:#6bd16b;--skin-p2p-channel-list-empty-color:#00000047;--skin-p2p-channel-list-empty-hover-color:#333333}