/**
    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:08:01 PM
*/
.t-r-a-calendar-container{display:flex;height:100vh;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.t-r-a-mini-calendar{width:280px;background:var(--skin-calendar-background);border-radius:12px;padding:20px;margin:20px;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px);border:1px solid #ffffff33}.t-r-a-mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.t-r-a-mini-calendar-title{font-size:calc(var(--body-font-size-base) + 16px);font-weight:600}.t-r-a-mini-calendar-nav{display:flex;gap:8px}.t-r-a-mini-calendar-nav-btn{width:32px;height:32px;border:none;border-radius:8px;color:var(--skin-calendar-nav-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.t-r-a-mini-calendar-nav-btn:hover{background:var(--skin-calendar-nav-btn-hover-background);transform:translateY(-1px)}.t-r-a-mini-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px;text-align:center}.t-r-a-mini-calendar-weekday{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-calendar-weekday-color);font-weight:500;padding:8px 0}.t-r-a-mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.t-r-a-mini-calendar-day{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:calc(var(--body-font-size-base) + 13px);cursor:pointer;transition:all .2s ease;margin:0 auto}.t-r-a-mini-calendar-day:hover{background:var(--skin-calendar-day-hover-background)}.t-r-a-mini-calendar-day.other-month{color:var(--skin-calendar-day-other-month-color)}.t-r-a-mini-calendar-day.selected{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46E54D;transform:translateY(-1px)}.t-r-a-mini-calendar-day.today{background:var(--skin-calendar-day-today-background);color:var(--skin-calendar-day-today-color);font-weight:600;border:1px solid var(--skin-calendar-day-today-border-color)}.t-r-a-mini-calendar-day.today.selected{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid #f59e0b;box-shadow:0 4px 12px #f59E0B66}.t-r-a-main-calendar{flex:1;display:flex;flex-direction:column;background:var(--skin-calendar-background);margin:20px 20px 20px 0;border-radius:0;padding:30px;box-shadow:0 8px 32px #0000001A;backdrop-filter:blur(10px);border:1px solid #fffFFF33}.t-r-a-main-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.t-r-a-main-calendar-nav{display:flex;align-items:center;gap:16px}.t-r-a-main-calendar-title{font-size:calc(var(--body-font-size-base) + 18px);font-weight:700}.t-r-a-main-calendar-nav-btn{width:28px;height:28px;border:none;border-radius:10px;background:var(--skin-calendar-day-hover-background);color:var(--skin-calendar-nav-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:calc(var(--body-font-size-base) + 18px)}.t-r-a-main-calendar-nav-btn:hover{background:var(--skin-calendar-nav-btn-hover-background);transform:translateY(-2px)}.t-r-a-today-btn{padding:3px 12px;border:.5px solid var(--skin-calendar-today-btn-border-color);border-radius:8px;color:var(--skin-calendar-today-btn-color);cursor:pointer;font-weight:500;transition:all .2s ease}.t-r-a-today-btn:hover{border-color:var(--skin-calendar-today-btn-hover-border-color);color:var(--skin-calendar-today-btn-hover-color)}.t-r-a-view-switcher{display:flex;background:var(--skin-calendar-view-switcher-background);padding:4px;border-radius:10px;gap:4px}.t-r-a-view-btn{padding:3px 12px;border:none;border-radius:6px;background:0 0;color:var(--skin-calendar-view-btn-color);cursor:pointer;font-weight:500;transition:all .2s ease}.t-r-a-view-btn.active{background:var(--skin-calendar-view-btn-active-background);color:var(--skin-calendar-view-btn-active-color);box-shadow:0 2px 8px #0000001A}.t-r-a-day-view{flex:1;display:flex;overflow:hidden}.t-r-a-time-column{width:50px;flex-shrink:0}.t-r-a-time-slot{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding-right:12px;color:var(--skin-calendar-time-slot-color);font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;border-bottom:1px solid var(--skin-calendar-time-slot-border-color)}.t-r-a-day-content{flex:1;position:relative;overflow-y:hidden;overflow-x:auto}.t-r-a-hour-line{height:60px;border-bottom:1px solid var(--skin-calendar-hour-line-border-color);position:relative}.t-r-a-hour-line:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;border-top:1px dashed var(--skin-calendar-hour-line-dashed-color)}.t-r-a-event{position:absolute;right:4px;left:4px;background:var(--skin-calendar-event-background);color:var(--skin-calendar-event-color);padding:8px 12px;border-radius:6px;font-size:calc(var(--body-font-size-base) + 12px);box-shadow:0 2px 8px #4f46E54D;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;user-select:none}.t-r-a-event:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4f46E566}.t-r-a-event:active{transform:translateY(0)}.t-r-a-event-title{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-r-a-event-time{font-size:calc(var(--body-font-size-base) + 11px);opacity:.9}.t-r-a-week-view .t-r-a-event{font-size:calc(var(--body-font-size-base) + 10px);padding:4px 8px}.t-r-a-week-view .t-r-a-event-title{margin-bottom:0}.t-r-a-event-more-btn{position:absolute;background:var(--skin-calendar-event-secondary-background);color:var(--skin-calendar-event-color);padding:6px 12px;border-radius:6px;font-size:calc(var(--body-font-size-base) + 12px);cursor:pointer;z-index:100;box-shadow:0 2px 8px #4f46E54D;transition:all .2s ease;display:flex;align-items:center;gap:4px}.t-r-a-event-more-btn:hover{background:var(--skin-calendar-event-selected-background);transform:translateY(-2px);box-shadow:0 4px 12px #4f46E566}.t-r-a-event-more-btn-week{padding:4px 8px;font-size:calc(var(--body-font-size-base) + 11px);bottom:auto;right:auto}.t-r-a-week-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.t-r-a-week-header{display:flex;margin:10px 0}.t-r-a-week-header-time{width:80px;flex-shrink:0}.t-r-a-week-days-header{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.t-r-a-week-day-header{text-align:center;padding:5px 10px;font-weight:600;color:var(--skin-calendar-all-day-color);background:var(--skin-calendar-day-cell-background);border-radius:8px}.t-r-a-week-day-header.today{background:var(--skin-calendar-day-today-background);color:var(--skin-calendar-all-day-today-color)}.t-r-a-week-content{flex:1;display:flex;overflow:hidden}.t-r-a-week-days{flex:1;display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.t-r-a-week-day{border-radius:4px;position:relative}.t-r-a-month-view{flex:1;display:grid;grid-template-rows:auto 1fr;gap:20px}.t-r-a-month-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--skin-calendar-all-day-background);border-radius:8px;overflow:auto}.t-r-a-month-weekday{background:var(--skin-body-background);border-top:.5px solid var(--skin-body-border-color);border-bottom:.5px solid var(--skin-body-border-color);padding:16px;text-align:center;font-weight:600;color:var(--skin-calendar-event-details-color);min-width:28px}.t-r-a-month-days{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);gap:1px;background:var(--skin-calendar-all-day-background);border-radius:8px;overflow:auto}.t-r-a-month-day{background:var(--skin-calendar-week-header-background);padding:5px;min-height:120px;min-width:50px;overflow:auto;position:relative;cursor:pointer;transition:background-color .2s ease}.t-r-a-month-day:hover{background:var(--skin-calendar-week-day-background)}.t-r-a-month-day.other-month{background:var(--skin-body-background);color:var(--skin-body-color)}.t-r-a-month-day.selected{background:var(--skin-calendar-day-hover-background);border:1px solid var(--skin-calendar-nav-btn-color)}.t-r-a-month-day.today{background:var(--skin-calendar-day-today-background);border:1px solid var(--skin-calendar-day-today-border-color)}.t-r-a-month-day.today.selected{background:var(--skin-calendar-day-today-secondary-background);border:1px solid var(--skin-calendar-day-today-border-color);box-shadow:0 0 0 2px #f59E0B33}.t-r-a-month-day-number{font-weight:600;color:var(--skin-calendar-all-day-color);margin-bottom:8px}.t-r-a-month-day.other-month .t-r-a-month-day-number{color:var(--skin-calendar-day-other-month-color)}.t-r-a-month-events{display:flex;flex-direction:column;gap:2px;position:absolute;width:calc(100% - 10px)}.t-r-a-month-event{background:linear-gradient(135deg,#a8a4e3,#beafd6);color:var(--skin-body-color);padding:2px 5px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 11px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.t-r-a-month-event:hover{transform:translateY(-1px);box-shadow:0 2px 8px #4f46E54D}.t-r-a-month-event-more{color:var(--skin-calendar-time-slot-color);padding:2px 6px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 11px);cursor:pointer;text-align:center;background:var(--skin-calendar-week-more-hover-background);margin-top:2px;transition:background .2s ease}.t-r-a-month-event-more:hover{background:var(--skin-calendar-week-more-active-background)}
html{--skin-calendar-background:#fffffff2;--skin-calendar-nav-btn-color:#4f46e5;--skin-calendar-nav-btn-hover-background:#4f46e533;--skin-calendar-weekday-color:#6b7280;--skin-calendar-day-hover-background:#4f46e51a;--skin-calendar-day-other-month-color:#9ca3af;--skin-calendar-day-today-background:#f59e0b1a;--skin-calendar-day-today-color:#f59e0b;--skin-calendar-day-today-border-color:#f59e0b;--skin-calendar-day-selected-background:linear-gradient(135deg, #4f46e5, #7c3aed);--skin-calendar-day-selected-color:#ffffff;--skin-calendar-today-btn-color:#6b7280;--skin-calendar-today-btn-border-color:#e5e7eb;--skin-calendar-today-btn-hover-border-color:#9b96ec;--skin-calendar-today-btn-hover-color:#4f46e5;--skin-calendar-view-switcher-background:#f3f4f6cc;--skin-calendar-view-btn-color:#6b7280;--skin-calendar-view-btn-active-background:#ffffff;--skin-calendar-view-btn-active-color:#4f46e5;--skin-calendar-hour-line-border-color:#e5e7eb;--skin-calendar-event-background:linear-gradient(135deg, #4f46e5, #7c3aed);--skin-calendar-event-color:#ffffff;--skin-calendar-time-slot-color:#6b7280;--skin-calendar-time-slot-border-color:#f3f4f6;--skin-calendar-hour-line-dashed-color:#e5e7eb;--skin-calendar-event-secondary-background:#4f46e5e6;--skin-calendar-event-selected-background:#4f46e5;--skin-calendar-day-cell-background:#f9fafbcc;--skin-calendar-day-today-secondary-background:#f59e0b26;--skin-calendar-all-day-color:#1f2937;--skin-calendar-all-day-today-color:#f59e0b;--skin-calendar-all-day-background:#e5e7eb;--skin-calendar-week-header-background:#fbfbfb;--skin-calendar-week-day-background:#f8fafc;--skin-calendar-week-more-hover-background:#6b72801a;--skin-calendar-week-more-active-background:#6b728033;--skin-calendar-event-details-color:#374151}
.t-r-a-code-popup-container{display:flex;flex-direction:column;height:100%;padding:20px;background:var(--skin-code-popup-background);box-sizing:border-box}.t-r-a-code-popup-header{display:flex;align-items:center;margin-bottom:15px;gap:10px}.t-r-a-code-popup-label{font-size:calc(var(--body-font-size-base) + 14px);font-weight:500;color:var(--skin-code-popup-label-color);white-space:nowrap}.t-r-a-code-popup-select{flex:1;font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-code-popup-editor{flex:1;position:relative;border:1px solid var(--skin-code-popup-select-border-color);border-radius:4px;overflow:hidden;background:var(--skin-code-popup-editor-background)}.t-r-a-code-popup-textarea{position:absolute;top:0;left:0;width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;font-family:Consolas,Monaco,'Courier New',monospace;font-size:calc(var(--body-font-size-base) + 14px);line-height:1.6;color:transparent;caret-color:var(--skin-code-popup-textarea-caret-color);background:0 0;border:none;outline:0;resize:none;z-index:2;white-space:pre;overflow-wrap:normal;overflow-x:auto}.t-r-a-code-popup-preview{position:absolute;top:0;left:0;width:calc(100% - 30px);height:calc(100% - 30px);padding:15px;margin:0;font-family:Consolas,Monaco,'Courier New',monospace;font-size:calc(var(--body-font-size-base) + 14px);line-height:1.6;background:var(--skin-code-popup-editor-background);overflow:auto;z-index:1;pointer-events:none;white-space:pre;overflow-wrap:normal}.t-r-a-code-popup-preview code{display:block;padding:0;background:0 0;color:var(--skin-code-popup-preview-color)}.t-r-a-code-popup-preview .hljs{background:0 0;padding:0}.t-r-a-code-popup-preview::-webkit-scrollbar,.t-r-a-code-popup-textarea::-webkit-scrollbar{width:8px;height:8px}.t-r-a-code-popup-preview::-webkit-scrollbar-track,.t-r-a-code-popup-textarea::-webkit-scrollbar-track{background:var(--skin-code-popup-scrollbar-track-background);border-radius:4px}.t-r-a-code-popup-preview::-webkit-scrollbar-thumb,.t-r-a-code-popup-textarea::-webkit-scrollbar-thumb{background:var(--skin-code-popup-scrollbar-thumb-background);border-radius:4px}.t-r-a-code-popup-preview::-webkit-scrollbar-thumb:hover,.t-r-a-code-popup-textarea::-webkit-scrollbar-thumb:hover{background:var(--skin-code-popup-scrollbar-thumb-hover-background)}
html{--skin-code-popup-background:var(--skin-body-background);--skin-code-popup-label-color:#333;--skin-code-popup-select-background:#fff;--skin-code-popup-select-color:#333;--skin-code-popup-select-border-color:#d9d9d9;--skin-code-popup-select-hover-border-color:#40a9ff;--skin-code-popup-editor-background:#f5f5f5;--skin-code-popup-textarea-caret-color:#333;--skin-code-popup-preview-color:#333;--skin-code-popup-scrollbar-track-background:#f1f1f1;--skin-code-popup-scrollbar-thumb-background:#c1c1c1;--skin-code-popup-scrollbar-thumb-hover-background:#a8a8a8}
.t-r-a-file-upload-progress-window{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--skin-file-upload-background);border-radius:8px;overflow:hidden}.t-r-a-file-upload-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--skin-file-upload-border-color)}.t-r-a-file-upload-summary{display:flex;align-items:center;gap:20px;flex:1}.t-r-a-file-upload-summary span{display:flex;align-items:center;font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-file-upload-meta-color)}.t-r-a-file-upload-summary strong{color:var(--skin-file-upload-name-color);margin-left:4px}.t-r-a-file-upload-list{max-height:280px;overflow-y:auto;background:var(--skin-file-upload-background)}.t-r-a-file-upload-list::-webkit-scrollbar{width:6px}.t-r-a-file-upload-list::-webkit-scrollbar-track{background:var(--skin-file-upload-scrollbar-track-background)}.t-r-a-file-upload-list::-webkit-scrollbar-thumb{background:var(--skin-file-upload-scrollbar-thumb-background);border-radius:3px}.t-r-a-file-upload-list::-webkit-scrollbar-thumb:hover{background:var(--skin-file-upload-scrollbar-thumb-hover-background)}.t-r-a-file-upload-file-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid var(--skin-file-upload-hover-background);transition:background-color .2s ease}.t-r-a-file-upload-file-item:hover{background:var(--skin-file-upload-hover-background)}.t-r-a-file-upload-file-item:last-child{border-bottom:none}.t-r-a-file-upload-file-info{display:flex;align-items:center;flex:1;min-width:0}.t-r-a-file-upload-file-icon{margin-right:12px;flex-shrink:0}.t-r-a-file-upload-file-type-icon{width:24px;height:24px;color:var(--skin-file-upload-meta-color)}.t-r-a-file-upload-file-details{flex:1;min-width:0}.t-r-a-file-upload-file-name{font-size:calc(var(--body-font-size-base) + 14px);font-weight:500;color:var(--skin-file-upload-text-color);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-r-a-file-upload-file-meta{display:flex;align-items:center;gap:12px;font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-file-upload-meta-color)}.t-r-a-file-upload-file-meta span{white-space:nowrap}.t-r-a-file-upload-mini-icon{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #007BFF4D;z-index:1000;transition:all .3s ease;animation:t-r-a-file-upload-mini-bounce 2s ease-in-out infinite}.t-r-a-file-upload-mini-icon:hover{transform:scale(1.1);box-shadow:0 6px 25px #007BFF66}.t-r-a-file-upload-mini-icon .icon{width:24px;height:24px;color:#fff}.t-r-a-file-upload-mini-progress-ring{position:absolute;top:-2px;left:-2px;width:64px;height:64px}.t-r-a-file-upload-mini-progress-circle{width:64px;height:64px;transform:rotate(-90deg)}.t-r-a-file-upload-mini-progress-path{fill:none;stroke:#fffFFF4D;stroke-width:3}.t-r-a-file-upload-mini-progress-fill{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:188.5;stroke-dashoffset:188.5;transition:stroke-dashoffset .3s ease}.t-r-a-file-upload-mini-badge{position:absolute;top:-5px;right:-5px;background:var(--skin-file-upload-cancel-background);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:calc(var(--body-font-size-base) + 10px);font-weight:700}@keyframes t-r-a-file-upload-mini-bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}
html{--skin-file-upload-background:#fff;--skin-file-upload-border-color:#dee2e6;--skin-file-upload-meta-color:#6c757d;--skin-file-upload-name-color:#495057;--skin-file-upload-text-color:#212529;--skin-file-upload-hover-background:#f8f9fa;--skin-file-upload-scrollbar-track-background:#f1f1f1;--skin-file-upload-scrollbar-thumb-background:#c1c1c1;--skin-file-upload-scrollbar-thumb-hover-background:#a8a8a8;--skin-file-upload-cancel-background:#dc3545}
.layui-layedit{border-radius:8px!important;border:none;border-top-width:0;border-top-style:outset;border-top-color:var(--skin-layedit-border-top-color)}.layui-layedit-iframe iframe{user-select:none}.layui-layedit-tool i:hover,.layui-layedit-tool svg:hover{color:var(--skin-layedit-active-color)!important;fill:var(--skin-layedit-active-color)!important}.layui-layedit i{color:var(--skin-body-color)!important}.layui-layedit-tool .layui-icon svg{width:100%;height:100%;scale:.5;fill:var(--skin-body-color)}.layedit-tool-more-panel .layui-icon{width:30px!important;margin:3px 2px!important;width:25px;height:25px;line-height:25px}.layedit-tool-face{font-size:calc(var(--body-font-size-base) + 20px)!important}.layedit-tool-history{font-size:calc(var(--body-font-size-base) + 14px)!important}.layedit-tool-voice{font-size:calc(var(--body-font-size-base) + 20px)!important}.layedit-tool-card svg{scale:.65!important}.layedit-tool-voice svg{scale:.7!important}.layedit-tool-quick-message svg{scale:.6!important}.layedit-tool-draw svg{scale:.6!important}.layedit-tool-red-packet svg{scale:.65!important}.layedit-tool-code-message svg{scale:.75!important}.layedit-tool-print-cut svg{scale:.6!important}.layedit-tool-more{position:relative;font-size:calc(var(--body-font-size-base) + 20px)!important;cursor:pointer}.layedit-tool-more-panel{position:absolute;overflow-y:auto;box-shadow:0 2px 8px #00000026;z-index:1000;border-radius:10px;background:var(--skin-body-background)}.layedit-tool-more-item{display:flex;align-items:center;padding:5px 18px 5px 5px;cursor:pointer;font-size:calc(var(--body-font-size-base) + 13px)!important;color:var(--skin-body-color);transition:background-color .3s}.layui-layedit-tool .layedit-tool-active{background:unset!important}.layedit-tool-more-item:hover{background-color:var(--skin-layedit-toolbar-hover-background)}
.layui-util-face ul li img{width:100%;margin-top:-2px}.layui-tl-img{width:100px}.layui-util-face .layui-layer-content{border-radius:8px!important;box-shadow:0 0 20px #00000033!important;overflow:hidden}.layui-util-face ul{width:248px;border-radius:8px;padding:5px 10px 5px;border:unset;box-shadow:unset;transition:transform .3s}.t-r-a-face-search{margin:0;padding:10px}.t-r-a-face-search input{width:100%;height:28px;font-size:calc(var(--body-font-size-base) + 11px);border-radius:4px;border:1px solid var(--skin-body-border-color);background:var(--skin-face-search-input-background);color:var(--skin-face-search-input-color);border-color:var(--skin-face-search-input-background);letter-spacing:1px;border-width:.5px}.t-r-a-face-tab{padding:5px;line-height:25px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;text-align:center}.t-r-a-face-tab span{padding:2px 5px;cursor:pointer;width:calc(25% - 10px);background:var(--skin-face-tab-background);color:var(--skin-face-tab-color)}.t-r-a-face-tab span:hover{background:var(--skin-face-tab-hover-background);color:var(--skin-face-tab-hover-color);border-radius:4px}.t-r-a-face-search-content{height:105px;overflow-y:auto}#text-face-ul{font-size:calc(var(--body-font-size-base) + 11px)}.t-r-a-face-search-content-title{padding:5px 10px 0;font-size:calc(var(--body-font-size-base) + 10px);color:var(--skin-face-content-title-color)}.t-r-a-face-layer{background:var(--skin-body-background)!important;color:var(--skin-body-color)!important}.t-r-a-face-layer .layui-layer-title{color:var(--skin-body-color)!important;border-bottom:1px solid var(--skin-body-border-color)!important;border-radius:6px;font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-face-layer .layui-layer-content{background:unset!important;border:1px solid var(--skin-body-border-color)!important}.t-r-a-face-layer ul{background:unset!important}.t-r-a-face-layer ul li{border:1px solid var(--skin-body-border-color)!important;color:var(--skin-body-color)!important}.t-r-a-face-layer ul li:hover{background-color:var(--skin-face-item-hover-background);color:var(--skin-face-item-hover-color)}.t-r-a-textarea-face-img{width:30px!important;height:30px!important;user-select:none!important;-webkit-user-drag:none!important}
.t-r-a-layer-msg{background:var(--skin-layer-msg-background)!important;color:var(--skin-layer-msg-color)!important;font-size:calc(var(--body-font-size-base) + 14px)!important;scale:.9!important;font-weight:700!important;border-radius:10px!important;box-shadow:0 4px 40px #00000026!important;min-width:unset!important}.t-r-a-layer-msg .layui-layer-content{line-height:18px!important;letter-spacing:1px!important;display:flex!important;padding:12px 15px!important;flex-direction:row!important;display:flex!important;align-content:center!important;justify-content:center!important;align-items:center!important}.t-r-a-layer-msg .layui-layer-content .tl-toast-msg-success{color:var(--skin-layer-msg-success-color)!important;font-size:calc(var(--body-font-size-base) + 20px)!important;font-weight:700!important;margin-right:5px!important}.t-r-a-layer-msg .layui-layer-content .tl-toast-msg-warning{color:var(--skin-layer-msg-warning-color)!important;font-weight:700!important;font-size:calc(var(--body-font-size-base) + 20px)!important;margin-right:5px!important}.t-r-a-layer-msg .layui-layer-content .tl-toast-msg-error{color:var(--skin-layer-msg-error-color)!important;font-weight:700!important;font-size:calc(var(--body-font-size-base) + 20px)!important;margin-right:5px!important}
.t-r-a-layer-tips .layui-layer-content{background:var(--skin-layer-tips-background)!important;color:var(--skin-layer-tips-color)!important}.t-r-a-layer-tips .layui-layer-content{border-radius:4px!important}.t-r-a-layer-tips .layui-layer-TipsG.layui-layer-TipsR{border-right-color:var(--skin-layer-tips-background)!important;border-bottom-color:var(--skin-layer-tips-background)!important}.t-r-a-layer-tips .layui-layer-TipsG.layui-layer-TipsB{border-right-color:var(--skin-layer-tips-background)!important}.t-r-a-layer-tips .layui-layer-TipsG.layui-layer-TipsT{border-right-color:var(--skin-layer-tips-background)!important}
.layui-layer-loading{background:unset!important}.t-r-a-close-i{color:var(--skin-body-color)!important}.t-r-a-max-i{color:var(--skin-body-color)!important;font-weight:700;background:unset}.layui-layer{font-size:calc(var(--body-font-size-base) + 14px)}.layui-tab-title li{font-size:calc(var(--body-font-size-base) + 14px)}.layui-layer-prompt{border-radius:8px!important}.layui-layer-dialog{border-radius:8px!important}.layui-layer-page .layui-layer-content{overflow:unset!important}.layui-layer-dialog,.layui-layer-page,.layui-layer-prompt{background:var(--skin-body-background)!important;color:var(--skin-body-color)!important}.layui-layer-dialog .layui-layer-title,.layui-layer-page .layui-layer-title,.layui-layer-prompt .layui-layer-title{color:var(--skin-body-color)!important;font-size:calc(var(--body-font-size-base) + 14px)}.layui-layer-dialog .layui-layer-title,.layui-layer-page .layui-layer-title,.layui-layer-prompt .layui-layer-title{border-bottom:1px solid var(--skin-body-border-color);font-size:calc(var(--body-font-size-base) + 14px)}.layui-layer-prompt .layui-layer-input{background:var(--skin-body-background)!important;border:1px solid var(--skin-body-border-color)!important;color:var(--skin-body-color)!important}.layui-laydate-list{z-index:10000}
.layui-collapse{border:none}.layui-colla-title{background-color:unset;padding:0 0 0 35px;transition:color .3s;color:unset;font-size:calc(var(--body-font-size-base) + 14px)}.layui-colla-content,.layui-colla-item{border:none}.layui-colla-content{color:unset}.layui-colla-content{padding:0!important}
.layui-colorpicker.layui-colorpicker-xs{width:18px;height:18px;line-height:16px}.layui-colorpicker{padding:3px 15px;transition:padding .3s}.layui-colorpicker .layui-icon-edit{transition:all .3s}.layui-colorpicker-main{border:unset;border-radius:8px}.layui-colorpicker-basis{width:auto}.layui-colorpicker-trigger-span{border:unset;background:unset}
.layui-form-select .layui-input{border:1px solid var(--skin-form-select-border-color);border-radius:6px;background:var(--skin-form-select-background);color:var(--skin-form-select-color);font-size:calc(var(--body-font-size-base) + 12px);transition:all .3s}.layui-form-select dl{background:var(--skin-form-select-dropdown-background);border-radius:6px;border:1px solid var(--skin-form-select-dropdown-border-color);box-shadow:var(--skin-form-select-dropdown-shadow);margin-top:4px;padding:4px 0}.layui-form-select dl dd{border-radius:4px;margin:0 4px;padding:0 12px;font-size:calc(var(--body-font-size-base) + 12px)}.layui-form-select dl dd.layui-this{background:var(--skin-form-select-option-selected-background);color:var(--skin-form-select-option-selected-color)}.layui-form-select dl dd:hover{background:var(--skin-form-select-option-hover-background)}.t-r-a-form-select{height:38px;padding:0 12px;border:1px solid var(--skin-form-select-border-color);border-radius:4px;background-color:var(--skin-form-select-background);color:var(--skin-form-select-color);font-size:calc(var(--body-font-size-base) + 12px);transition:all .3s;box-sizing:border-box;outline:0;cursor:pointer}.t-r-a-form-select:hover{border-color:var(--skin-form-select-hover-border-color)}.t-r-a-form-select:focus{border-color:var(--skin-form-select-focus-border-color);box-shadow:0 0 0 2px var(--skin-form-select-focus-shadow)}.t-r-a-form-select-sm{height:28px;padding:0 8px;font-size:calc(var(--body-font-size-base) + 11px)}.t-r-a-form-select-with-icon{padding-left:38px}.layui-form-switch{margin-top:unset!important;height:18px!important;line-height:18px!important;min-width:28px!important}.layui-form-switch i{width:12px!important;height:12px!important}.layui-form-onswitch i{margin-left:-16px!important}.layui-form-checkbox[lay-skin=primary] i{border-radius:50%}.layui-form-checked[lay-skin=primary] i{border-color:var(--skin-body-color)!important}.layui-form-radio{display:unset!important;vertical-align:unset!important;line-height:unset!important;margin:unset!important;padding-right:unset!important;cursor:pointer;font-size:unset!important}
.custom-context-menu{position:absolute;background:var(--skin-body-background)!important;border:unset!important;box-shadow:0 2px 8px #00000026;color:var(--skin-body-color)!important;width:140px;z-index:1000;user-select:none;border-radius:10px}.custom-context-menu ul{list-style-type:none;margin:5px 0;padding:0;border-radius:10px}.custom-context-menu ul li{padding:5px 10px;cursor:pointer;text-align:left;font-size:calc(var(--body-font-size-base) + 13px);transition:font-size .1s}.custom-context-menu ul li:hover{font-size:calc(var(--body-font-size-base) + 14px);background-color:unset!important}.custom-context-menu ul li:not(:last-child){border-bottom:1px solid var(--skin-body-border-color)}.custom-context-menu ul li.disabled{color:var(--skin-layui-menu-disabled-color);cursor:not-allowed}.layui-menu-body-title svg{margin-right:5px}.layui-menu-body-title>.layui-icon{font-size:calc(var(--body-font-size-base) + 12px)}.layui-menu-body-panel{position:absolute;background:var(--skin-body-background);border:1px solid var(--skin-body-border-color);width:140px;padding:0;z-index:1000;user-select:none;margin-left:0;top:-1px}.layui-menu-body-panel-left{margin-right:0}.layui-menu-body-panel ul{list-style-type:none;margin:0;padding:0}.layui-menu-body-panel ul li{padding:5px 10px;cursor:pointer;text-align:left;font-size:calc(var(--body-font-size-base) + 13px);transition:background-color .2s}.layui-menu-body-panel ul li:hover{background:var(--skin-body-background)!important}.layui-menu-body-panel ul li:not(:last-child){border-bottom:1px solid var(--skin-body-border-color)}.layui-menu-body-panel ul li.disabled{color:var(--skin-layui-menu-disabled-color);cursor:not-allowed}.layui-menu{background:var(--skin-body-background)!important}.layui-menu li{line-height:20px;margin:0;width:100%;color:var(--skin-body-color)!important;font-size:calc(var(--body-font-size-base) + 0px)}
html{--skin-layer-msg-background:#f6f6f6;--skin-layer-msg-color:#000000;--skin-layer-msg-success-color:#04dd04;--skin-layer-msg-warning-color:#bfbf5d;--skin-layer-msg-error-color:#ff0000;--skin-layui-menu-disabled-color:#d8d5d58a;--skin-layer-tips-background:#4f4f4f;--skin-layer-tips-color:#ffffff;--skin-layedit-border-top-color:#c4eee0;--skin-layedit-active-color:#5166d4;--skin-layedit-toolbar-hover-background:#deddf445;--skin-layedit-toolbar-active-background:#e9e9e9;--skin-layedit-toolbar-disabled-background:#bbb;--skin-layedit-content-background:#f6f6f6;--skin-face-item-hover-background:#d2deff96;--skin-face-item-hover-color:#000000;--skin-face-tab-background:#f6f6f6;--skin-face-tab-color:#736d6d;--skin-face-tab-hover-background:#d2deff96;--skin-face-tab-hover-color:#000000;--skin-face-search-input-background:#F8F9FB;--skin-face-search-input-color:#3333339e;--skin-face-content-title-color:#999}
.t-r-a-lock-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;overflow:hidden}.t-r-a-lock-screen-half{position:absolute;left:0;width:100%;height:50%;background:var(--skin-lockscreen-half-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .6s ease-out}.t-r-a-lock-screen-top{top:0;transform:translateY(-100%)}.t-r-a-lock-screen-top.active{transform:translateY(0)}.t-r-a-lock-screen-bottom{bottom:0;transform:translateY(100%)}.t-r-a-lock-screen-bottom.active{transform:translateY(0)}.t-r-a-lock-screen-content{position:relative;z-index:100000;display:flex;flex-direction:column;align-items:center;animation:lockContentFadeIn .8s ease .3s both}@keyframes lockContentFadeIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.t-r-a-lock-screen-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-bottom:24px;box-shadow:var(--skin-lockscreen-avatar-box-shadow);border:4px solid var(--skin-lockscreen-avatar-border-color);animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,100%{transform:scale(1);box-shadow:var(--skin-lockscreen-avatar-box-shadow)}50%{transform:scale(1.05);box-shadow:var(--skin-lockscreen-avatar-pulse-box-shadow)}}.t-r-a-lock-screen-avatar img{width:100%;height:100%;object-fit:cover}.t-r-a-lock-screen-username{font-size:calc(var(--body-font-size-base) + 20px);font-weight:600;color:var(--skin-lockscreen-username-color);margin-bottom:40px;text-shadow:var(--skin-lockscreen-username-text-shadow);letter-spacing:1px}.t-r-a-lock-screen-password-inputs{display:flex;gap:20px;justify-content:center;align-items:center;margin-bottom:20px}.t-r-a-lock-screen-password-input{width:50px;height:55px;text-align:center;font-size:calc(var(--body-font-size-base) + 28px);font-weight:700;border:none;border-radius:12px;background:var(--skin-lockscreen-password-input-background);backdrop-filter:blur(10px);outline:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--skin-lockscreen-password-input-box-shadow);border:2px solid var(--skin-lockscreen-password-input-border-color)}.t-r-a-lock-screen-password-input:focus{background:var(--skin-lockscreen-password-input-focus-background);border-color:var(--skin-lockscreen-password-input-focus-border-color);transform:translateY(-4px);box-shadow:var(--skin-lockscreen-password-input-focus-box-shadow)}.t-r-a-lock-screen-password-input::-webkit-inner-spin-button,.t-r-a-lock-screen-password-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@keyframes lockPasswordShake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-8px)}20%,40%,60%,80%{transform:translateX(8px)}}.t-r-a-lock-screen-password-input.error{animation:lockPasswordShake .5s ease;background:var(--skin-lockscreen-password-input-error-background);border-color:var(--skin-lockscreen-password-input-error-border-color)}.t-r-a-lock-screen-hint{font-size:calc(var(--body-font-size-base) + 14px);color:var(--skin-lockscreen-hint-color);margin-top:10px;text-shadow:var(--skin-lockscreen-hint-text-shadow);letter-spacing:.5px}
html{--skin-lockscreen-half-background:linear-gradient(280deg, #daf0ff 10%, #a5dcff 100%);--skin-lockscreen-avatar-box-shadow:0 8px 32px #00000033;--skin-lockscreen-avatar-border-color:#ffffff4d;--skin-lockscreen-avatar-pulse-box-shadow:0 12px 48px #0000004d;--skin-lockscreen-username-color:#ffffff;--skin-lockscreen-username-text-shadow:0 2px 8px #0000004d;--skin-lockscreen-password-input-background:#ffffff26;--skin-lockscreen-password-input-box-shadow:0 4px 16px #0000001a;--skin-lockscreen-password-input-border-color:#ffffff33;--skin-lockscreen-password-input-focus-background:#ffffff40;--skin-lockscreen-password-input-focus-border-color:#ffffff80;--skin-lockscreen-password-input-focus-box-shadow:0 8px 24px #00000033;--skin-lockscreen-password-input-error-background:#ff57224d;--skin-lockscreen-password-input-error-border-color:#ff5722;--skin-lockscreen-hint-color:#9f9e9e;--skin-lockscreen-hint-text-shadow:0 1px 4px #00000033}
.t-r-a-notification-container{position:fixed;top:10px;z-index:9999;display:flex;flex-direction:column;transition:right .45s}.t-r-a-notification{background-color:var(--skin-macos-notification-background);box-shadow:var(--skin-macos-notification-shadow);transition:opacity .45s;border-radius:10px;padding:16px;margin:10px;height:32px;width:240px;display:inline-flex;flex-direction:initial;align-items:center;opacity:0}.t-r-a-notification-content{color:var(--skin-macos-notification-content-color);margin-left:10px;word-break:break-all}.t-r-a-notification-icon{margin-left:-20px}.t-r-a-notification-icon i{font-size:calc(var(--body-font-size-base) + 22px);color:var(--skin-macos-notification-icon-color)}.t-r-a-notification-title{font-weight:700}.t-r-a-notification-close{position:relative;top:-34px;left:-23px;line-height:12px;background:var(--skin-macos-notification-close-background);border-radius:50%;padding:3px;box-shadow:var(--skin-macos-notification-close-shadow)}.t-r-a-notification-close i{font-size:calc(var(--body-font-size-base) + 12px)}.t-r-a-notification-content-msg{font-size:calc(var(--body-font-size-base) + 12px);height:18px;margin-top:5px;width:230px;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
html{--skin-macos-notification-background:#ffffff;--skin-macos-notification-shadow:0 20px 32px -8px #091e4240,0 0 1px #091e424f;--skin-macos-notification-content-color:#000000b0;--skin-macos-notification-icon-color:#77b7e8;--skin-macos-notification-close-background:#ffffff;--skin-macos-notification-close-shadow:0 2px 6px #0000001a}
.t-r-a-media-device-mobile-container{position:relative;display:flex;width:100%;height:100%;flex-direction:column;background:var(--skin-body-background);opacity:0;transition:opacity .3s ease}.t-r-a-media-device-mobile-container.loaded{opacity:1}.t-r-a-media-device-mobile-header{padding:15px 16px 16px;background:var(--skin-body-background);border-bottom:1px solid var(--skin-body-border-color);text-align:center}.t-r-a-media-device-mobile-title{font-size:calc(var(--body-font-size-base) + 16px);font-weight:600;color:var(--skin-body-color);margin:0 0 8px 0}.t-r-a-media-device-mobile-desc{font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-media-device-text-auxiliary-color);margin:0}.t-r-a-media-device-mobile-tabs{padding:12px 16px;background:var(--skin-body-background);border-bottom:1px solid var(--skin-body-border-color)}.t-r-a-media-device-mobile-tab-wrapper{display:flex;background:var(--skin-media-device-toggle-background);border-radius:6px;padding:4px;gap:4px}.t-r-a-media-device-mobile-tab-radio{display:none!important}.t-r-a-media-device-mobile-tab-label{flex:1;cursor:pointer;padding:5px 10px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;color:var(--skin-body-color);background:0 0;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;user-select:none}.t-r-a-media-device-mobile-tab-label .icon{width:20px;height:20px}.t-r-a-media-device-mobile-tab-radio:checked+.t-r-a-media-device-mobile-tab-label{background:var(--skin-media-device-primary-color);color:var(--skin-media-device-primary-text-color);box-shadow:0 1px 2px 0 #0000001a}.t-r-a-media-device-mobile-content{flex:1;overflow-y:auto;background:var(--skin-body-background)}.t-r-a-media-device-mobile-panel{display:flex;flex-direction:column;padding:16px 8px;gap:16px;animation:mobileSlideIn .3s ease-out}@keyframes mobileSlideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.t-r-a-media-device-mobile-preview{position:relative;width:100%;aspect-ratio:16/9;background:var(--skin-body-background);border-radius:6px;border:1px solid var(--skin-body-border-color);overflow:hidden}.t-r-a-media-device-mobile-video-wrapper{position:relative;width:100%;height:100%}.t-r-a-media-device-mobile-video-content{width:100%;height:100%;background:#3a3f52;display:flex;align-items:center;justify-content:center;position:relative}.t-r-a-media-device-mobile-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff}.t-r-a-media-device-mobile-avatar .icon{width:60px;height:60px;fill:rgba(255,255,255,.5)}.t-r-a-media-device-mobile-hint{display:flex;flex-direction:column;align-items:center;gap:8px}.t-r-a-media-device-mobile-hint .icon{width:16px;height:16px;fill:rgba(255,255,255,.5)}.t-r-a-media-device-mobile-hint p{margin:0;font-size:calc(var(--body-font-size-base) + 12px);color:rgba(255,255,255,.5)}.t-r-a-media-device-mobile-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;z-index:10}.t-r-a-media-device-mobile-control-btn{width:36px;height:36px;border-radius:4px;border:none;background:#00000066;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.t-r-a-media-device-mobile-control-btn.active,.t-r-a-media-device-mobile-control-btn:hover{background:#000000aa}.t-r-a-media-device-mobile-control-btn .icon{width:16px;height:16px}.t-r-a-media-device-mobile-settings{background:var(--skin-body-background);border-radius:6px;padding:12px;border:1px solid var(--skin-body-border-color)}.t-r-a-media-device-mobile-quick-settings{margin-bottom:16px}.t-r-a-media-device-mobile-setting-row{display:flex;gap:8px}.t-r-a-media-device-mobile-quick-btn{flex:1;padding:5px 10px;border:1px solid var(--skin-body-border-color);background:var(--skin-body-background);color:var(--skin-body-color);border-radius:4px;font-size:calc(var(--body-font-size-base) + 11px);font-weight:500;cursor:pointer;transition:all .2s}.t-r-a-media-device-mobile-quick-btn:hover{border-color:var(--skin-media-device-primary-color)}.t-r-a-media-device-mobile-quick-btn.active{background:var(--skin-media-device-primary-color);border-color:var(--skin-media-device-primary-color);color:var(--skin-media-device-primary-text-color)}.t-r-a-media-device-mobile-setting-card{border-top:1px solid var(--skin-body-border-color);padding-top:12px}.t-r-a-media-device-mobile-setting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.t-r-a-media-device-mobile-setting-header .icon{width:16px;height:16px;color:var(--skin-body-color);margin-right:8px}.t-r-a-media-device-mobile-setting-value{font-weight:500;color:var(--skin-body-color)}.t-r-a-media-device-mobile-slider-wrapper{position:relative}.t-r-a-media-device-mobile-slider{width:100%;height:8px;border-radius:4px;background:#e8e8e8;appearance:none;outline:0;cursor:pointer}.t-r-a-media-device-mobile-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--skin-media-device-primary-color);cursor:pointer;transition:all .2s}.t-r-a-media-device-mobile-screen-wrapper{position:relative;width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.t-r-a-media-device-mobile-screen-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--skin-body-color)}.t-r-a-media-device-mobile-screen-placeholder .icon{width:48px;height:48px;color:var(--skin-media-device-text-auxiliary-color)}.t-r-a-media-device-mobile-screen-placeholder p{margin:0;font-size:calc(var(--body-font-size-base) + 14px);text-align:center}.t-r-a-media-device-mobile-share-options{background:var(--skin-body-background);border-radius:6px;padding:12px;border:1px solid var(--skin-body-border-color)}.t-r-a-media-device-mobile-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.t-r-a-media-device-mobile-share-item{cursor:pointer}.t-r-a-media-device-mobile-share-card{padding:12px 8px;border:1px solid var(--skin-body-border-color);border-radius:6px;background:var(--skin-body-background);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;text-align:center}.t-r-a-media-device-mobile-share-card:hover{border-color:var(--skin-media-device-primary-color)}.t-r-a-media-device-mobile-share-card.active{border-color:var(--skin-media-device-primary-color);background:var(--skin-media-device-primary-selected-background)}.t-r-a-media-device-mobile-share-card .icon{width:24px;height:24px;color:var(--skin-body-color);transition:color .2s}.t-r-a-media-device-mobile-share-card.active .icon{color:var(--skin-media-device-primary-color)}.t-r-a-media-device-mobile-share-card span{font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;color:var(--skin-body-color);transition:color .2s}.t-r-a-media-device-mobile-share-card.active span{color:var(--skin-media-device-primary-color)}.t-r-a-media-device-mobile-background-options{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.t-r-a-media-device-mobile-background-option{position:relative;height:32px;border:1px solid var(--skin-body-border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;overflow:hidden;background:var(--skin-body-background)}.t-r-a-media-device-mobile-background-option:hover{border-color:#22c55e}.t-r-a-media-device-mobile-background-option.active{border-color:#22c55e;border-width:2px}.t-r-a-media-device-mobile-background-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--body-font-size-base) + 10px);color:var(--skin-body-color);font-weight:500}.t-r-a-media-device-mobile-background-option.active .t-r-a-media-device-mobile-background-label{color:#22c55e}.t-r-a-media-device-mobile-background-preview{width:100%;height:100%;border-radius:6px}.t-r-a-media-device-mobile-audio-panel{align-items:center;justify-content:center;min-height:300px}.t-r-a-media-device-mobile-audio-wrapper{text-align:center}.t-r-a-media-device-mobile-audio-visual{margin-bottom:24px}.t-r-a-media-device-mobile-audio-circle{width:100px;height:100px;border-radius:50%;background:#3a3f52;display:flex;align-items:center;justify-content:center;margin:0 auto}.t-r-a-media-device-mobile-audio-circle .icon{width:48px;height:48px;color:#fff}@keyframes audioPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.t-r-a-media-device-mobile-audio-info h3{font-size:calc(var(--body-font-size-base) + 16px);font-weight:600;color:var(--skin-body-color);margin:0 0 8px 0}.t-r-a-media-device-mobile-audio-info p{font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-media-device-text-auxiliary-color);margin:0}.t-r-a-media-device-mobile-device-settings{background:var(--skin-body-background);margin:10px 8px;border-radius:6px;overflow:hidden;border:1px solid var(--skin-body-border-color)}.t-r-a-media-device-mobile-device-item{border-bottom:1px solid var(--skin-body-border-color)}.t-r-a-media-device-mobile-device-item:last-child{border-bottom:none}.t-r-a-media-device-mobile-device-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s}.t-r-a-media-device-mobile-device-header:hover{background:var(--skin-media-device-toggle-background)}.t-r-a-media-device-mobile-device-info{display:flex;align-items:center;gap:12px;flex:1}.t-r-a-media-device-mobile-device-info .icon{width:16px;height:16px;color:var(--skin-body-color)}.t-r-a-media-device-mobile-device-info span:first-of-type{font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;color:var(--skin-body-color);margin-right:8px}.t-r-a-media-device-mobile-audio-visualizer{display:flex;align-items:flex-end;gap:2px;height:12px;margin-left:8px}.t-r-a-media-device-mobile-audio-bar{width:3px;background:#4ade80;border-radius:2px;animation:mobileAudioBounce .5s infinite ease-in-out alternate}.t-r-a-media-device-mobile-audio-bar:nth-child(1){animation-delay:.1s;height:30%}.t-r-a-media-device-mobile-audio-bar:nth-child(2){animation-delay:.3s;height:60%}.t-r-a-media-device-mobile-audio-bar:nth-child(3){animation-delay:.5s;height:100%}.t-r-a-media-device-mobile-audio-bar:nth-child(4){animation-delay:.2s;height:45%}@keyframes mobileAudioBounce{0%{transform:scaleY(.5);opacity:.7}100%{transform:scaleY(1);opacity:1}}.t-r-a-media-device-mobile-status-on{font-size:calc(var(--body-font-size-base) + 12px);color:#22c55e;font-weight:500}.t-r-a-media-device-mobile-status-off{font-size:calc(var(--body-font-size-base) + 12px);color:#f87171;font-weight:500}.t-r-a-media-device-mobile-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.t-r-a-media-device-mobile-toggle input{position:absolute;opacity:0;pointer-events:none}.t-r-a-media-device-mobile-toggle-slider{width:42px;height:22px;background:#d9d9d9;border-radius:14px;position:relative;transition:all .3s ease}.t-r-a-media-device-mobile-toggle-slider::after{content:'';position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #00000033}.t-r-a-media-device-mobile-toggle input:checked+.t-r-a-media-device-mobile-toggle-slider{background:var(--skin-media-device-primary-color)}.t-r-a-media-device-mobile-toggle input:checked+.t-r-a-media-device-mobile-toggle-slider::after{transform:translateX(20px)}.t-r-a-media-device-mobile-device-content{padding:0 20px 16px 20px;display:none;flex-direction:column;gap:12px;background:var(--skin-body-background)}.t-r-a-media-device-mobile-device-content[style*="display: block"],.t-r-a-media-device-mobile-device-content[style*="display: flex"]{display:flex!important}.t-r-a-media-device-mobile-device-content[style*="display: none"]{display:none!important}.t-r-a-media-device-mobile-device-content:not([style*="display: none"]){display:flex}.t-r-a-media-device-mobile-select{width:100%;appearance:none;font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-media-device-mobile-mic-level{margin:8px 0}.t-r-a-media-device-mobile-mic-level-bg{width:100%;height:8px;background:#0000001A;border-radius:4px;overflow:hidden}.t-r-a-media-device-mobile-mic-level-bg #mic_level_meter{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);width:0%;transition:width .1s}.t-r-a-media-device-mobile-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-media-device-text-auxiliary-color)}.t-r-a-media-device-mobile-checkbox input{width:18px;height:18px;border:1px solid var(--skin-media-device-input-border-color);border-radius:4px;appearance:none;cursor:pointer;position:relative;transition:all .2s}.t-r-a-media-device-mobile-checkbox input:checked{background:var(--skin-media-device-primary-color);border-color:var(--skin-media-device-primary-color)}.t-r-a-media-device-mobile-checkbox input:checked::after{content:'✓';position:absolute;top:-2px;left:2px;color:#fff;font-size:14px;font-weight:700}.t-r-a-media-device-mobile-test-btn{width:100%;padding:8px 12px;border:1px solid var(--skin-media-device-primary-color);border-radius:4px;background:var(--skin-media-device-primary-active-background);color:var(--skin-media-device-primary-color);font-size:calc(var(--body-font-size-base) + 14px);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.t-r-a-media-device-mobile-test-btn:hover{background:var(--skin-media-device-primary-light-background)}.t-r-a-media-device-mobile-test-btn .icon{width:16px;height:16px}.t-r-a-media-device-mobile-actions{padding:5px 16px;background:var(--skin-body-background);border-top:1px solid var(--skin-body-border-color);display:flex;gap:12px}.t-r-a-media-device-mobile-btn-cancel{flex:.7;height:38px;border:1px solid var(--skin-body-border-color);border-radius:4px;background:0 0;color:var(--skin-body-color);font-size:calc(var(--body-font-size-base) + 14px);font-weight:500;cursor:pointer;transition:all .2s}.t-r-a-media-device-mobile-btn-cancel:hover{background:var(--skin-media-device-toggle-background)}.t-r-a-media-device-mobile-btn-confirm{flex:1;height:38px;border:none;border-radius:4px;background:var(--skin-media-device-primary-color);color:var(--skin-media-device-primary-text-color);font-size:calc(var(--body-font-size-base) + 14px);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.t-r-a-media-device-mobile-btn-confirm:hover{opacity:.85}.t-r-a-media-device-mobile-btn-confirm .icon{width:16px;height:16px}
#media-device-layer-content{height:100%;position:relative;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.t-r-a-media-device-loading-mask{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--skin-body-background);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.t-r-a-media-device-loading-content{text-align:center}.t-r-a-media-device-loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #5e6ce9;border-radius:50%;animation:t-r-a-spin 1s linear infinite;margin:0 auto 16px}.t-r-a-media-device-loading-text{color:var(--skin-body-color);font-size:14px;margin:0}@keyframes t-r-a-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.t-r-a-media-device-container{position:relative;display:flex;width:100%;height:100%;flex-direction:column;overflow:hidden;border-bottom-left-radius:8px;border-bottom-right-radius:8px;opacity:0;transition:opacity .3s ease}.t-r-a-media-device-container.loaded{opacity:1}.t-r-a-media-device-content{position:relative;z-index:10;display:flex;width:100%;height:100%;background:var(--skin-body-background);overflow:hidden;flex-direction:row;margin:0 auto}.t-r-a-media-device-preview-section{width:calc(100% - 400px);background:var(--skin-body-background);padding:20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:auto;border-right:1px solid var(--skin-body-border-color);transition:width .3s}.t-r-a-media-device-tabs-nav{display:flex;justify-content:center;margin-bottom:24px;z-index:10;position:relative}.t-r-a-media-device-tabs-wrapper{background:var(--skin-media-device-toggle-background);padding:4px;border-radius:6px;display:flex;gap:4px;position:relative}.t-r-a-media-device-tab-radio{display:none!important}.t-r-a-media-device-tab-label{cursor:pointer;padding:6px 16px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;color:var(--skin-body-color);transition:all .2s;display:flex;align-items:center;gap:6px;user-select:none}.t-r-a-media-device-tab-label:hover{background:var(--skin-media-device-toggle-hover-background)}.t-r-a-media-device-tab-radio:checked+.t-r-a-media-device-tab-label{background-color:var(--skin-media-device-primary-color);color:var(--skin-media-device-primary-text-color);box-shadow:0 1px 2px 0 #0000001a}.t-r-a-media-device-content-panel{width:100%;flex-direction:column;align-items:center;animation:fadeIn .3s ease-in-out}.t-r-a-media-device-tab-radio:checked~.t-r-a-media-device-content-panel{display:flex}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.t-r-a-media-device-video-preview{position:relative;width:100%;aspect-ratio:16/9;margin-bottom:24px}.t-r-a-media-device-video-wrapper{width:100%;height:100%;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px 0 #0000001a;border:1px solid var(--skin-body-border-color);background:#e2e8f0;position:relative}.t-r-a-media-device-video-content{width:100%;height:100%;background-size:cover;background-position:center;transition:all .3s;position:relative;display:flex;align-items:center;justify-content:center;background:#3a3f52}.t-r-a-media-device-camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:20px}.t-r-a-media-device-camera-avatar{animation:fadeInScale .5s ease-out}.t-r-a-media-device-camera-hint{display:flex;flex-direction:column;align-items:center;color:#fff;animation:fadeIn .5s ease-out .2s both}.t-r-a-media-device-camera-hint svg{width:24px;height:24px;opacity:.6;fill:#8497eb}.t-r-a-media-device-camera-hint p{margin:8px 0 0 0;font-size:calc(var(--body-font-size-base) + 14px);color:#8497eb}@keyframes fadeInScale{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.t-r-a-media-device-video-overlay{position:absolute;inset:0;background:#00000033;opacity:0;transition:opacity .3s;z-index:11}.t-r-a-media-device-video-preview:hover .t-r-a-media-device-video-overlay{opacity:1}.t-r-a-media-device-video-control-btn{height:36px;width:36px;background:#00000066;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;border:none;cursor:pointer;position:absolute;bottom:10px;right:10px}.t-r-a-media-device-video-control-btn:hover{background:#000000aa}.t-r-a-media-device-live-badge{position:absolute;top:10px;right:10px;background:#ef4444;color:#fff;font-size:calc(var(--body-font-size-base) + 10px);font-weight:500;padding:2px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;z-index:11}#camera_preview_video{width:100%;height:100%;object-fit:cover;display:none;position:absolute;top:0;left:0;z-index:10}#camera_preview_canvas{width:100%;height:100%;object-fit:cover;display:none;position:absolute;top:0;left:0;z-index:11}.t-r-a-media-device-live-dot{display:block;width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.t-r-a-media-device-user-badge{position:absolute;bottom:10px;left:10px;background:#000000aa;padding:4px 10px;border-radius:4px;color:#fff;font-weight:500;font-size:calc(var(--body-font-size-base) + 12px);display:flex;align-items:center;gap:6px;white-space:nowrap;z-index:10}.t-r-a-media-device-status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80}.t-r-a-media-device-features-grid{width:100%;display:grid;grid-template-columns:1fr;gap:16px}.t-r-a-media-device-feature-card{background:var(--skin-body-background);border-radius:6px;padding:12px;border:1px solid var(--skin-body-border-color);display:flex;flex-direction:column;gap:10px}.t-r-a-media-device-feature-header{display:flex;align-items:center;justify-content:space-between}.t-r-a-media-device-feature-title{display:flex;align-items:center;gap:8px}.t-r-a-media-device-feature-icon{display:flex;align-items:center;justify-content:center;color:var(--skin-body-color)}.t-r-a-media-device-feature-icon.blue,.t-r-a-media-device-feature-icon.green,.t-r-a-media-device-feature-icon.pink,.t-r-a-media-device-feature-icon.purple{color:var(--skin-body-color)}.t-r-a-media-device-feature-label{color:var(--skin-body-color);font-weight:500;font-size:calc(var(--body-font-size-base) + 13px)}.t-r-a-media-device-feature-badge{font-size:calc(var(--body-font-size-base) + 10px);font-weight:500;color:var(--skin-media-device-primary-color);background:var(--skin-media-device-primary-active-background);padding:2px 8px;border-radius:4px}.t-r-a-media-device-btn-group{display:flex;background:var(--skin-media-device-toggle-background);border-radius:6px;padding:4px;gap:4px}.t-r-a-media-device-btn-group-item{flex:1;padding:6px 12px;border-radius:4px;font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;color:var(--skin-body-color);background:0 0;border:none;cursor:pointer;transition:all .2s}.t-r-a-media-device-btn-group-item:hover{background:var(--skin-media-device-toggle-hover-background)}.t-r-a-media-device-btn-group-item.active{background:var(--skin-media-device-primary-color);color:var(--skin-media-device-primary-text-color);box-shadow:0 1px 2px 0 #0000001a}.t-r-a-media-device-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.t-r-a-media-device-toggle-input{position:absolute;opacity:0;pointer-events:none}.t-r-a-media-device-toggle-slider{width:38px;height:20px;background:#d9d9d9;border-radius:9999px;position:relative;transition:all .2s}.t-r-a-media-device-toggle-slider::after{content:'';position:absolute;top:1.5px;left:2.5px;width:15px;height:15px;background:#fff;border-radius:50%;transition:all .2s;border:1px solid #bfbfbf}.t-r-a-media-device-toggle-input:checked~.t-r-a-media-device-toggle-slider{background:var(--skin-media-device-primary-color)}.t-r-a-media-device-toggle-input:checked~.t-r-a-media-device-toggle-slider::after{transform:translateX(16px);border-color:#fff}.t-r-a-media-device-toggle-slider.pink::after{width:16px;height:16px}.t-r-a-media-device-toggle-input:checked~.t-r-a-media-device-toggle-slider.pink{background:#f472b6}.t-r-a-media-device-settings-item-status-open{color:#22c55e;font-weight:500;font-size:calc(var(--body-font-size-base) + 12px)}.t-r-a-media-device-settings-item-status-closed{color:#f87171;font-weight:500;font-size:calc(var(--body-font-size-base) + 12px)}.t-r-a-media-device-slider-wrapper{display:flex;align-items:center;gap:12px;padding:0 4px}.t-r-a-media-device-slider{width:100%;height:6px;background:#e8e8e8;border-radius:8px;appearance:none;cursor:pointer;transition:all .2s}.t-r-a-media-device-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#f472b6;cursor:pointer;margin-top:-5px;box-shadow:0 2px 4px #0000001a;transition:all .2s}.t-r-a-media-device-slider::-webkit-slider-thumb:hover{background:#ec4899}.t-r-a-media-device-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#e8e8e8;border-radius:8px}.t-r-a-media-device-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 4px #ec489933}.t-r-a-media-device-slider-icon{color:#cbd5e1;font-size:calc(var(--body-font-size-base) + 16px)}.t-r-a-media-device-slider-icon.active{color:#f472b6}.t-r-a-media-device-hint-text{margin-top:16px;color:var(--skin-media-device-text-auxiliary-color);text-align:center;font-size:calc(var(--body-font-size-base) + 11px);font-weight:500}.t-r-a-media-device-screen-preview{width:100%;height:100%;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px 0 #0000001a;border:1px solid var(--skin-body-border-color);background:#f5f5f5;position:relative;display:flex;align-items:center;justify-content:center}.t-r-a-media-device-screen-window{width:75%;height:75%;background:#fff;border-radius:6px;box-shadow:0 1px 3px 0 #0000001a;border:1px solid var(--skin-body-border-color);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:10}.t-r-a-media-device-screen-titlebar{height:24px;background:#f5f5f5;border-bottom:1px solid var(--skin-body-border-color);display:flex;align-items:center;padding:0 12px;gap:6px}.t-r-a-media-device-screen-dot{width:8px;height:8px;border-radius:50%}.t-r-a-media-device-screen-dot.red{background:#f87171}.t-r-a-media-device-screen-dot.yellow{background:#facc15}.t-r-a-media-device-screen-dot.green{background:#4ade80}.t-r-a-media-device-screen-content{flex:1;padding:16px;position:relative;background:#fafafa}.t-r-a-media-device-screen-pattern{display:none}.t-r-a-media-device-screen-elements{display:flex;flex-direction:column;gap:12px;position:relative;z-index:10}.t-r-a-media-device-screen-row{display:flex;gap:12px}.t-r-a-media-device-screen-box{height:80px;border-radius:4px}.t-r-a-media-device-screen-box.blue{width:33.33%;background:#f0f0f0;border:1px solid var(--skin-body-border-color)}.t-r-a-media-device-screen-box.indigo{width:66.67%;background:#e8e8e8;border:1px solid var(--skin-body-border-color)}.t-r-a-media-device-screen-line{height:8px;border-radius:4px}.t-r-a-media-device-screen-line.w-50{width:50%;background:#ddd}.t-r-a-media-device-screen-line.w-75{width:75%;background:#e8e8e8}.t-r-a-media-device-screen-line.w-100{width:100%;background:#e8e8e8}.t-r-a-media-device-screen-bg-pattern{display:none}.t-r-a-media-device-share-options{width:calc(100% - 40px);max-width:896px;background:var(--skin-body-background);border-radius:6px;padding:16px;border:1px solid var(--skin-body-border-color)}.t-r-a-media-device-share-title{color:var(--skin-body-color);font-weight:500;font-size:calc(var(--body-font-size-base) + 14px);margin-bottom:16px;display:flex;align-items:center;gap:8px}.t-r-a-media-device-share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.t-r-a-media-device-share-option{cursor:pointer}.t-r-a-media-device-share-radio{position:absolute;opacity:0;pointer-events:none;margin-top:6px;margin-left:10px}.t-r-a-media-device-share-card{padding:5px 12px;border-radius:6px;border:1px solid var(--skin-body-border-color);background:var(--skin-body-background);display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s}.t-r-a-media-device-share-card:hover{border-color:var(--skin-media-device-primary-color)}.t-r-a-media-device-share-radio:checked~.t-r-a-media-device-share-card{border-color:var(--skin-media-device-primary-color);background:var(--skin-media-device-primary-selected-background)}.t-r-a-media-device-share-icon{color:var(--skin-body-color);font-size:calc(var(--body-font-size-base) + 28px)}.t-r-a-media-device-share-radio:checked~.t-r-a-media-device-share-card .t-r-a-media-device-share-icon{color:var(--skin-media-device-primary-color)}.t-r-a-media-device-share-text{font-size:calc(var(--body-font-size-base) + 11px);font-weight:500;color:var(--skin-body-color)}.t-r-a-media-device-share-radio:checked~.t-r-a-media-device-share-card .t-r-a-media-device-share-text{color:var(--skin-media-device-primary-color)}.t-r-a-media-device-settings-section{width:400px;background:var(--skin-body-background);padding:20px 25px;display:flex;flex-direction:column;position:relative;z-index:20;transition:width .3s}.t-r-a-media-device-settings-header{margin-bottom:20px}.t-r-a-media-device-settings-title{font-size:calc(var(--body-font-size-base) + 18px);font-weight:600;color:var(--skin-body-color);margin-bottom:8px}.t-r-a-media-device-settings-desc{color:var(--skin-media-device-text-auxiliary-color);font-weight:500;font-size:calc(var(--body-font-size-base) + 12px)}.t-r-a-media-device-settings-list{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.t-r-a-media-device-settings-item{padding:0 10px}.t-r-a-media-device-settings-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.t-r-a-media-device-settings-item-title{display:flex;align-items:center;gap:8px;color:var(--skin-body-color);font-weight:500;font-size:calc(var(--body-font-size-base) + 13px)}.t-r-a-media-device-divider{border:none;border-top:1px solid var(--skin-body-border-color);margin:5px 0}.t-r-a-media-device-audio-visualizer{display:flex;align-items:flex-end;gap:4px;height:16px}.t-r-a-media-device-audio-bar{width:4px;background:#4ade80;border-radius:9999px;animation:audioBounce .5s infinite ease-in-out alternate}.t-r-a-media-device-audio-bar:nth-child(1){animation-delay:.1s;height:40%}.t-r-a-media-device-audio-bar:nth-child(2){animation-delay:.3s;height:70%}.t-r-a-media-device-audio-bar:nth-child(3){animation-delay:.5s;height:100%}.t-r-a-media-device-audio-bar:nth-child(4){animation-delay:.2s;height:60%}.t-r-a-media-device-audio-bar:nth-child(5){animation-delay:.4s;height:30%;background:#cbd5e1}@keyframes audioBounce{0%{transform:scaleY(.5);opacity:.7}100%{transform:scaleY(1);opacity:1}}.t-r-a-media-device-select-wrapper{position:relative;margin-bottom:12px}.t-r-a-media-device-select{appearance:none;width:100%;font-weight:500}.t-r-a-media-device-mic-level-bg{width:100%;height:6px;background:#0000001A;border-radius:4px;overflow:hidden}.t-r-a-media-device-mic-level-bg #mic_level_meter{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);width:0%;transition:width .1s}.t-r-a-media-device-checkbox-wrapper{margin-top:8px;display:flex;align-items:center;gap:8px}.t-r-a-media-device-checkbox-label{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-media-device-text-auxiliary-color);font-weight:500;display:flex;align-items:center;gap:4px;cursor:pointer;transition:color .2s}.t-r-a-media-device-checkbox-label:hover{color:var(--skin-media-device-primary-color)}.t-r-a-media-device-checkbox{border-radius:4px;border:1px solid var(--skin-media-device-input-border-color);color:var(--skin-media-device-primary-color);cursor:pointer}.t-r-a-media-device-checkbox:focus{outline:0;box-shadow:0 0 0 2px var(--skin-media-device-primary-shadow)}.t-r-a-media-device-test-btn{font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;color:var(--skin-media-device-primary-color);transition:all .2s;display:flex;align-items:center;gap:4px;background:var(--skin-media-device-primary-hover-background);padding:4px 8px;border-radius:4px;border:none;cursor:pointer}.t-r-a-media-device-test-btn:hover{background:var(--skin-media-device-primary-light-background)}.t-r-a-media-device-actions{padding-top:24px;margin-top:auto;display:flex;align-items:center;gap:12px}.t-r-a-media-device-btn-cancel{flex:.8;height:38px;border-radius:4px;border:1px solid var(--skin-body-border-color);color:var(--skin-body-color);font-weight:500;background:0 0;transition:all .2s;cursor:pointer;font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-media-device-btn-cancel:hover{background:var(--skin-media-device-toggle-background)}.t-r-a-media-device-btn-cancel:focus{outline:0;box-shadow:0 0 0 2px var(--skin-body-border-color)}.t-r-a-media-device-btn-confirm{flex:1;height:38px;border-radius:4px;background:var(--skin-media-device-primary-color);color:var(--skin-media-device-primary-text-color);font-weight:500;transition:all .2s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:calc(var(--body-font-size-base) + 14px)}.t-r-a-media-device-btn-confirm:hover{opacity:.85}.t-r-a-media-device-btn-confirm:focus{outline:0;box-shadow:0 0 0 2px var(--skin-media-device-primary-shadow)}.t-r-a-media-device-footer{margin-top:16px;display:flex;align-items:center;gap:16px;color:var(--skin-media-device-text-auxiliary-color);font-size:calc(var(--body-font-size-base) + 12px);font-weight:500;justify-content:center}.t-r-a-media-device-footer-link{color:var(--skin-media-device-text-auxiliary-color);transition:color .2s;display:flex;align-items:center;gap:4px;text-decoration:none}.t-r-a-media-device-footer-link:hover{color:var(--skin-media-device-primary-color)}.t-r-a-media-device-footer-dot{width:4px;height:4px;background:var(--skin-body-border-color);border-radius:50%}.t-r-a-media-device-footer-version{opacity:.7}.t-r-a-media-device-audio-panel{display:flex;align-items:center;justify-content:center;height:100%}.t-r-a-media-device-audio-wrapper{text-align:center;padding:40px 20px}.t-r-a-media-device-audio-visual{position:relative;width:200px;height:200px;margin:0 auto 30px}.t-r-a-media-device-audio-info{margin-top:60px}.t-r-a-media-device-audio-title{font-size:calc(var(--body-font-size-base) + 18px);color:var(--skin-body-color);font-weight:600;margin:0 0 12px 0}.t-r-a-media-device-audio-desc{font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-media-device-text-secondary-color);margin:0 0 8px 0}.t-r-a-media-device-audio-tip{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-media-device-text-tertiary-color);margin:0}.t-r-a-media-device-audio-features{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.t-r-a-media-device-audio-feature-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--skin-media-device-toggle-background);border-radius:4px}.t-r-a-media-device-audio-feature-icon{width:16px;height:16px;fill:var(--skin-body-color)}.t-r-a-media-device-audio-feature-text{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-body-color);font-weight:500}.t-r-a-media-device-background-options{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:12px}.t-r-a-media-device-background-option{position:relative;height:38px;border:1px solid var(--skin-body-border-color);border-radius:4px;cursor:pointer;transition:all .2s ease;overflow:hidden;background:var(--skin-body-background)}.t-r-a-media-device-background-option:hover{border-color:#22c55e}.t-r-a-media-device-background-option.active{border-color:#22c55e;border-width:2px}.t-r-a-media-device-background-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-body-color);font-weight:500}.t-r-a-media-device-background-option.active .t-r-a-media-device-background-label{color:#22c55e}.t-r-a-media-device-background-preview{width:100%;height:100%;border-radius:6px}.t-r-a-media-device-beauty-slider-wrapper{margin-top:5px}.t-r-a-media-device-beauty-controls{display:flex;align-items:center;gap:12px}.t-r-a-media-device-beauty-slider{flex:1;width:100%;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(to right,#e5e7eb 0,#a855f7 100%);outline:0;cursor:pointer}.t-r-a-media-device-beauty-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#a855f7;cursor:pointer;box-shadow:0 2px 6px #a855F74D;transition:all .2s ease}.t-r-a-media-device-beauty-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #a855F766}.t-r-a-media-device-beauty-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#a855f7;cursor:pointer;border:none;box-shadow:0 2px 6px #a855F74D;transition:all .2s ease}.t-r-a-media-device-beauty-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px #a855F766}.t-r-a-media-device-beauty-value{min-width:45px;font-size:calc(var(--body-font-size-base) + 14px);font-weight:600;color:#a855f7;text-align:right}.t-r-a-media-device-beauty-labels{display:flex;justify-content:space-between;margin-top:15px}.t-r-a-media-device-beauty-label{font-size:calc(var(--body-font-size-base) + 12px);color:#888}.t-r-a-media-device-share-options-wrapper{margin-top:12px}.t-r-a-media-device-share-grid-settings{grid-template-columns:1fr;gap:15px}.t-r-a-media-device-share-card-settings{flex-direction:row;justify-content:flex-start;gap:12px;padding:6px 16px}.t-r-a-media-device-share-icon-settings{width:20px;height:20px;font-size:20px}.t-r-a-media-device-share-text-settings{font-size:calc(var(--body-font-size-base) + 12px)}
.t-r-a-popup-invite{display:flex;flex-direction:row;align-items:center;height:inherit;justify-content:space-around;flex-wrap:nowrap}.t-r-a-popup-invite .t-r-a-popup-invite-img{width:20%}.t-r-a-popup-invite .t-r-a-popup-invite-img img{width:36px;height:36px;border-radius:4px;user-select:none;-webkit-user-drag:none}.t-r-a-popup-invite .t-r-a-popup-invite-svg{width:40%}.t-r-a-popup-invite .t-r-a-popup-invite-svg #acceptInvite{fill:var(--skin-media-invite-accept-fill-color);width:22px;height:22px;background:var(--skin-media-invite-accept-background);padding:8px;border-radius:50%;transition:all .2s;cursor:pointer}.t-r-a-popup-invite .t-r-a-popup-invite-svg #acceptInvite:hover{fill:var(--skin-media-invite-accept-hover-fill-color);background:var(--skin-media-invite-accept-hover-background)}.t-r-a-popup-invite .t-r-a-popup-invite-svg #rejectInvite{fill:var(--skin-media-invite-reject-fill-color);width:22px;height:22px;background:var(--skin-media-invite-reject-background);padding:8px;border-radius:50%;margin-right:10px;transition:all .2s;cursor:pointer}.t-r-a-popup-invite .t-r-a-popup-invite-svg #rejectInvite:hover{fill:var(--skin-media-invite-reject-hover-fill-color)}.t-r-a-popup-invite .t-r-a-popup-invite-text{font-weight:700;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;width:40%;text-align:left}
.t-r-a-record-stop-div{position:absolute;bottom:20px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;width:100%;line-height:30px;font-size:calc(var(--body-font-size-base) + 13px);z-index:19891020}.t-r-a-record-stop-body{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;line-height:28px;border-radius:4px;padding:0;cursor:pointer;transition:all .2s;font-weight:700}.t-r-a-record-stop-body svg{scale:1.2;padding:0 10px}.t-r-a-record-stop-svg{animation:t-r-a-record-stop-svg 1s infinite}@keyframes t-r-a-record-stop-svg{0%{transform:scale(1.2)}50%{transform:scale(1)}100%{transform:scale(1.2)}}
html{--skin-media-device-primary-color:#2badee;--skin-media-device-primary-text-color:#ffffff;--skin-media-device-primary-shadow:#2badee33;--skin-media-device-primary-hover-background:#e0f2fb;--skin-media-device-primary-active-background:#2badee1a;--skin-media-device-primary-selected-background:#2badee0d;--skin-media-device-primary-light-background:#cce8f6;--skin-media-device-toggle-background:#f5f5f5;--skin-media-device-toggle-hover-background:#e8e8e8;--skin-media-device-text-auxiliary-color:#999;--skin-media-device-text-secondary-color:#888;--skin-media-device-text-tertiary-color:#aaa;--skin-media-device-input-background:#ffffff;--skin-media-device-input-color:#333;--skin-media-device-input-border-color:#d9d9d9}
html{--skin-media-invite-accept-background:#27c445;--skin-media-invite-accept-hover-background:#49d263;--skin-media-invite-accept-fill-color:#fcfffc;--skin-media-invite-accept-hover-fill-color:#c5cfc5;--skin-media-invite-reject-background:#ce6868;--skin-media-invite-reject-fill-color:#fef6f6;--skin-media-invite-reject-hover-fill-color:#decdcd}
.t-r-a-layer-quick-oper-panel{background:var(--skin-quick-oper-panel-background)!important;color:var(--skin-quick-oper-panel-item-color)!important}.t-r-a-layer-quick-oper-panel .layui-layer-title{color:var(--skin-body-color)!important;border-bottom:1px solid var(--skin-body-border-color)!important;border-radius:6px;font-size:calc(var(--body-font-size-base) + 14px)}.fe{user-select:none;width:100%;height:250px;padding:5px 0}.fe-list{display:flex;flex-wrap:wrap;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center}.fe-list-item{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;cursor:pointer;font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-quick-oper-panel-item-color);font-weight:700;transition:all .2s;border-radius:4px;width:calc((100% - 80px)/ 4);line-height:25px;padding:5px;margin:5px}.fe-list-item:hover{background:var(--skin-quick-oper-panel-item-hover-background)}.fe-list-item:hover{color:var(--skin-quick-oper-panel-item-hover-color)}.fe-list-item svg{width:28px;height:28px}#quick-oper-panel-scrollbar{min-width:20px!important;max-width:40px!important;width:5%!important;margin-left:48%!important;height:3px!important}
html{--skin-quick-oper-panel-background:#f6f6f6;--skin-quick-oper-panel-item-color:#797e7e;--skin-quick-oper-panel-item-hover-background:#eae6e1;--skin-quick-oper-panel-item-hover-color:#000000}
.t-r-a-popup-red-packet{width:100%;display:flex;flex-direction:column;padding:0;box-sizing:border-box;overflow:hidden}.t-r-a-popup-red-packet-type-group{display:flex;gap:12px}.t-r-a-popup-red-packet-type-option{flex:1;position:relative;cursor:pointer;margin:0}.t-r-a-popup-red-packet-type-option input[type=radio]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.t-r-a-popup-red-packet-type-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 0;border:2px solid var(--skin-red-packet-border-color);border-radius:8px;background:var(--skin-red-packet-background);transition:all .3s ease;font-size:calc(var(--body-font-size-base) + 11px);color:var(--skin-body-color);font-weight:500;position:relative}.t-r-a-popup-red-packet-type-label svg{width:26px;height:26px;margin-bottom:6px;fill:var(--skin-red-packet-type-label-svg-fill-color);transition:all .3s ease}.t-r-a-popup-red-packet-type-option:hover .t-r-a-popup-red-packet-type-label{background:var(--skin-red-packet-hover-background);border-color:var(--skin-red-packet-hover-border-color);transform:translateY(-2px);box-shadow:0 2px 8px #ff6B6B26}.t-r-a-popup-red-packet-type-option input[type=radio]:checked+.t-r-a-popup-red-packet-type-label{background:var(--skin-red-packet-selected-background);border-color:var(--skin-red-packet-selected-border-color);color:var(--skin-red-packet-selected-color);box-shadow:0 2px 12px #ff6B6B33}.t-r-a-popup-red-packet-type-option input[type=radio]:checked+.t-r-a-popup-red-packet-type-label svg{fill:var(--skin-red-packet-selected-color);transform:scale(1.1)}.t-r-a-popup-red-packet-type-option input[type=radio]:checked+.t-r-a-popup-red-packet-type-label::after{content:'✓';position:absolute;top:6px;right:8px;width:18px;height:18px;background:var(--skin-red-packet-checkmark-background);color:var(--skin-red-packet-checkmark-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--body-font-size-base) + 12px);font-weight:700;animation:checkmark .3s ease}@keyframes checkmark{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg)}100%{transform:scale(1) rotate(360deg);opacity:1}}.t-r-a-popup-red-packet-icon{text-align:center;padding:25px 0 15px 0;flex-shrink:0}.t-r-a-popup-red-packet-icon svg{width:60px;height:60px;fill:var(--skin-red-packet-icon-fill-color);filter:drop-shadow(0 3px 8px #00000033)}.t-r-a-popup-red-packet-amount-display{text-align:center;padding:10px 0 0 0;flex-shrink:0}.t-r-a-popup-red-packet-currency{font-size:calc(var(--body-font-size-base) + 28px);color:var(--skin-red-packet-amount-color);font-weight:700;vertical-align:top;text-shadow:0 2px 8px #00000026;line-height:45px}.t-r-a-popup-red-packet-amount-value{font-size:calc(var(--body-font-size-base) + 36px);color:var(--skin-red-packet-amount-color);font-weight:700;line-height:40px;text-shadow:0 2px 8px #00000026}.t-r-a-popup-red-packet-form{padding:4px 30px;flex-shrink:0;height:190px;overflow-y:auto}.t-r-a-popup-red-packet-form-item{margin-bottom:20px}.t-r-a-popup-red-packet-form-item:last-child{margin-bottom:0}.t-r-a-popup-red-packet-label{display:block;font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-red-packet-label-color);margin-bottom:8px;font-weight:400;opacity:.9}.t-r-a-popup-red-packet-label .required{color:var(--skin-red-packet-required-color);margin-right:2px}.t-r-a-popup-red-packet-input{width:100%;height:36px;padding:0 40px 0 15px;border:none;border-radius:6px;font-size:calc(var(--body-font-size-base) + 13px);box-sizing:border-box;background:var(--skin-red-packet-input-background);transition:all .3s ease}.t-r-a-popup-red-packet-input:focus{outline:0;background:var(--skin-red-packet-input-focus-background);box-shadow:0 2px 8px #0000001A}.t-r-a-popup-red-packet-input::placeholder{color:var(--skin-red-packet-input-placeholder-color)}.t-r-a-popup-red-packet-textarea{width:100%;height:36px;border:none;padding:0 50px 0 15px;border-radius:6px;font-size:calc(var(--body-font-size-base) + 13px);resize:none;box-sizing:border-box;font-family:inherit;background:var(--skin-red-packet-input-background);transition:all .3s ease;line-height:36px;overflow-y:hidden}.t-r-a-popup-red-packet-textarea:focus{outline:0;background:var(--skin-red-packet-input-focus-background);box-shadow:0 2px 8px #0000001A}.t-r-a-popup-red-packet-textarea::placeholder{color:var(--skin-red-packet-input-placeholder-color)}.t-r-a-popup-red-packet-amount-wrapper{position:relative}.t-r-a-popup-red-packet-amount-unit{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--skin-red-packet-gray-text-color);font-size:calc(var(--body-font-size-base) + 15px);pointer-events:none;font-weight:500}.t-r-a-popup-receive-red-packet{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;padding:15px 0;box-sizing:border-box;overflow:hidden;position:relative;justify-content:center}.t-r-a-popup-receive-red-packet-cover{display:flex;flex-direction:column;align-items:center;width:100%}.t-r-a-popup-receive-red-packet-detail{display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeIn .4s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.t-r-a-popup-receive-red-packet-bag{position:relative;width:110px;height:110px;margin:15px 0 20px 0;cursor:pointer;transition:transform .3s ease}.t-r-a-popup-receive-red-packet-bag:hover{transform:scale(1.05)}.t-r-a-popup-receive-red-packet-bag svg{width:100%;height:100%;fill:var(--skin-red-packet-selected-color);filter:drop-shadow(0 4px 12px #ff6B6B4D)}@keyframes openBag{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.1) rotate(-5deg)}40%{transform:scale(.95) rotate(5deg)}60%{transform:scale(1.15) rotate(-5deg)}80%{transform:scale(.9) rotate(3deg)}100%{transform:scale(0) rotate(0);opacity:0}}.t-r-a-popup-receive-red-packet-bag.opening{animation:openBag .6s ease-out forwards}@keyframes shine{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.t-r-a-popup-receive-red-packet-bag::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,#ff6B6B66 0,transparent 70%);border-radius:50%;animation:shine 2s ease-in-out infinite;z-index:-1}.t-r-a-popup-receive-red-packet-message{text-align:center;padding:10px 30px;font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-body-color);font-weight:400;line-height:1.5}.t-r-a-popup-receive-red-packet-cover .t-r-a-popup-receive-red-packet-sender-name{text-align:center;padding:5px 0;font-size:calc(var(--body-font-size-base) + 15px);color:var(--skin-body-color);font-weight:500}.t-r-a-popup-receive-red-packet-tip{text-align:center;padding:10px 0 5px 0;font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-red-packet-gray-text-color);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}.t-r-a-popup-receive-red-packet-amount{text-align:center;padding:25px 0 12px 0}.t-r-a-popup-receive-red-packet-amount-currency{font-size:calc(var(--body-font-size-base) + 26px);color:var(--skin-red-packet-amount-color);font-weight:700;vertical-align:top;text-shadow:0 2px 8px #00000026;line-height:50px}.t-r-a-popup-receive-red-packet-amount-value{font-size:calc(var(--body-font-size-base) + 44px);color:var(--skin-red-packet-amount-value-color);font-weight:700;line-height:50px;text-shadow:0 2px 8px #00000026;margin-left:5px}.t-r-a-popup-receive-red-packet-message-small{text-align:center;padding:0 30px 12px 30px;font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-red-packet-message-small-color);line-height:1.5}.t-r-a-popup-receive-red-packet-type-tag{text-align:center;padding:6px 16px;margin:0 auto 15px;background:var(--skin-red-packet-type-tag-background);border:1px solid var(--skin-red-packet-type-tag-border-color);border-radius:20px;font-size:calc(var(--body-font-size-base) + 10px);color:var(--skin-red-packet-type-tag-color);font-weight:500;display:inline-block}.t-r-a-popup-receive-red-packet-summary{display:flex;justify-content:center;align-items:center;padding:12px 18px;margin:8px 30px 12px 30px;background:var(--skin-red-packet-summary-background);border-radius:8px;backdrop-filter:blur(10px)}.t-r-a-popup-receive-red-packet-summary-item{display:flex;flex-direction:column;align-items:center;flex:1}.t-r-a-popup-receive-red-packet-summary-label{font-size:calc(var(--body-font-size-base) + 10px);color:var(--skin-red-packet-summary-label-color);margin-top:4px}.t-r-a-popup-receive-red-packet-summary-value{font-size:calc(var(--body-font-size-base) + 15px);color:var(--skin-body-color);font-weight:600}.t-r-a-popup-receive-red-packet-summary-divider{width:1px;height:28px;background:var(--skin-red-packet-summary-divider-background);margin:0 10px}.t-r-a-popup-receive-red-packet-list-container{width:100%;padding:8px 20px 0;box-sizing:border-box;flex:1;overflow:hidden;display:flex;flex-direction:column}.t-r-a-popup-receive-red-packet-list-title{font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-body-color);font-weight:500;margin-bottom:8px;opacity:.8}.t-r-a-popup-receive-red-packet-list{flex:1;overflow-y:auto;overflow-x:hidden}.t-r-a-popup-receive-red-packet-list::-webkit-scrollbar{width:4px}.t-r-a-popup-receive-red-packet-list::-webkit-scrollbar-track{background:var(--skin-red-packet-list-scrollbar-track-background);border-radius:2px}.t-r-a-popup-receive-red-packet-list::-webkit-scrollbar-thumb{background:var(--skin-red-packet-list-scrollbar-thumb-background);border-radius:2px}.t-r-a-popup-receive-red-packet-list::-webkit-scrollbar-thumb:hover{background:var(--skin-red-packet-list-scrollbar-thumb-hover-background)}.t-r-a-popup-receive-red-packet-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:6px;background:var(--skin-red-packet-list-item-background);border-radius:6px;transition:all .2s ease}.t-r-a-popup-receive-red-packet-list-item:hover{background:var(--skin-red-packet-list-item-hover-background);transform:translateX(2px)}.t-r-a-popup-receive-red-packet-list-item:last-child{margin-bottom:0}.t-r-a-popup-receive-red-packet-list-user{display:flex;align-items:center;flex:1;overflow:hidden}.t-r-a-popup-receive-red-packet-list-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--skin-red-packet-list-avatar-background);display:flex;align-items:center;justify-content:center;flex-shrink:0}.t-r-a-popup-receive-red-packet-list-avatar img{width:100%;height:100%;object-fit:cover}.t-r-a-popup-receive-red-packet-list-avatar svg{width:18px;height:18px;fill:var(--skin-red-packet-list-avatar-svg-fill-color)}.t-r-a-popup-receive-red-packet-list-username{margin-left:10px;font-size:calc(var(--body-font-size-base) + 12px);color:var(--skin-body-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-r-a-popup-receive-red-packet-list-amount{font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-red-packet-list-amount-color);font-weight:600;flex-shrink:0;margin-left:10px}
html{--skin-red-packet-icon-fill-color:#db2c2c;--skin-red-packet-type-label-svg-fill-color:#999999;--skin-red-packet-amount-value-color:#ff6b6b;--skin-red-packet-message-small-color:#999999;--skin-red-packet-type-tag-background:#ff6b6b1a;--skin-red-packet-type-tag-border-color:#ff6b6b4d;--skin-red-packet-type-tag-color:#ff6b6b;--skin-red-packet-summary-background:#ffffff80;--skin-red-packet-summary-label-color:#999999;--skin-red-packet-summary-divider-background:#0000001a;--skin-red-packet-list-scrollbar-track-background:#0000000d;--skin-red-packet-list-scrollbar-thumb-background:#00000033;--skin-red-packet-list-scrollbar-thumb-hover-background:#0000004d;--skin-red-packet-list-item-background:#ffffff66;--skin-red-packet-list-item-hover-background:#ffffff99;--skin-red-packet-list-avatar-background:#ff6b6b1a;--skin-red-packet-list-avatar-svg-fill-color:#ff6b6b;--skin-red-packet-list-amount-color:#ff6b6b;--skin-red-packet-border-color:#ffffff99;--skin-red-packet-background:#ffffff66;--skin-red-packet-hover-background:#ffffff99;--skin-red-packet-hover-border-color:#ff6b6b66;--skin-red-packet-selected-border-color:#ff6b6b;--skin-red-packet-selected-color:#ff6b6b;--skin-red-packet-selected-background:#ff6b6b1a;--skin-red-packet-icon-fill-color:#db2c2c;--skin-red-packet-amount-color:#ff6b6b;--skin-red-packet-input-background:#fffffff2;--skin-red-packet-input-placeholder-color:#bbb;--skin-red-packet-input-focus-background:#fff;--skin-red-packet-label-color:var(--skin-body-color);--skin-red-packet-required-color:#ffd700;--skin-red-packet-checkmark-background:#ff6b6b;--skin-red-packet-checkmark-color:#fff;--skin-red-packet-gray-text-color:#999}
.simulated-focus-outline{outline:-webkit-focus-ring-color auto 1px;outline:Highlight auto 1px;outline-offset:1px}#simulated-caret{position:absolute;display:none;width:1px;background-color:#000;z-index:99999999;pointer-events:none}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.blinking-caret{animation:blink 1s step-end infinite}
.df-shade-content-body{background:var(--skin-shade-background);opacity:0}.um-shade-content-body{opacity:1;font-weight:700;position:fixed;top:0;left:0;width:calc(100% - 6px);height:calc(100% - 6px);background:var(--skin-shade-file-drag-background);border:3px dashed var(--skin-shade-file-drag-border-color);display:flex;align-items:center;justify-content:center;z-index:999999;font-size:calc(var(--body-font-size-base) + 20px);color:var(--skin-shade-file-drag-text-color);text-align:center;backdrop-filter:blur(2px);animation:drag-pulse 2s ease-in-out infinite}@keyframes drag-pulse{0%{background:var(--skin-shade-file-drag-pulse-start-background)}50%{background:var(--skin-shade-file-drag-pulse-mid-background)}100%{background:var(--skin-shade-file-drag-pulse-start-background)}}.df-channel-more-shade-content-body{height:100%;width:100%;position:absolute;top:0;z-index:4;opacity:1;transition:opacity .3s}.t-r-a-search-panel-shade-content-body{height:100%;width:100%;position:absolute;top:0;z-index:4;opacity:1;transition:opacity .3s}.df-dropdow-shade-content-body{height:100%;width:100%;position:absolute;top:0;z-index:4;opacity:0;transition:opacity .3s}.df-blank-content-body{display:flex;flex-wrap:nowrap;flex-direction:column;height:95%;justify-content:center;align-items:center}.df-blank-content-body-tips{font-size:calc(var(--body-font-size-base) + 28px);font-weight:700;color:var(--skin-shade-blank-tips-color);user-select:none}.df-blank-content-body-icon{margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.df-blank-content-body-icon img{width:64px;height:64px;user-select:none;pointer-events:none}.df-blank-content-body-text{font-size:calc(var(--body-font-size-base) + 16px);font-weight:700;color:var(--skin-shade-blank-text-color);user-select:none}
html{--skin-shade-background:#2e2e2e91;--skin-shade-file-drag-background:#007bff1a;--skin-shade-file-drag-border-color:#007bff;--skin-shade-file-drag-text-color:#ffffff;--skin-shade-file-drag-pulse-start-background:#007bff1a;--skin-shade-file-drag-pulse-mid-background:#007bff26;--skin-shade-blank-tips-color:#0000000d;--skin-shade-blank-text-color:#00000017}
.b6{padding:3px;width:calc(100% - 6px);height:calc(100% - 6px)}.t-r-a-layer-user-info-popup{background:var(--skin-body-background)!important;color:var(--skin-body-color)!important}.t-r-a-layer-user-info-popup .layui-layer-title{color:var(--skin-body-color)!important;border-bottom:1px solid var(--skin-body-border-color)!important;border-radius:6px;font-size:calc(var(--body-font-size-base) + 14px)}.b6-footer button{color:var(--skin-body-color);border:var(--skin-body-border-color) .5px solid}.b6-footer button:hover{color:var(--skin-body-color)}.b6-header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px;border-bottom:1px solid var(--skin-body-border-color)}.b6-header-mobile{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:10px;border-bottom:1px solid var(--skin-body-border-color)}.b6-header-name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.b6-header-avatar{padding-right:10px}.b6-header-avatar img{width:50px;height:50px;border-radius:4px}.b6-content{padding:10px;overflow-y:scroll}.b6-content-mobile{padding:20px;overflow-y:scroll}.b6-content-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:5px}.b6-content-item-mobile{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px 5px}.b6-content-item-title{padding-right:10px;color:var(--skin-user-info-secondary-color);font-size:calc(var(--body-font-size-base) + 12px)}.b6-content-item-value{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-all;width:calc(100% - 100px)}.b6-footer{position:absolute;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:10px;bottom:0;width:calc(100% - 26px)}.b6-footer-mobile{position:absolute;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;padding:10px;bottom:15px;width:calc(100% - 26px)}.b6-footer button{border-radius:4px}
html{--skin-user-info-secondary-color:#797878}
.t-r-a-layer-user-selector{background:var(--skin-body-background)!important;color:var(--skin-body-color)!important}.t-r-a-layer-user-selector .layui-layer-title{color:var(--skin-body-color)!important;border-bottom:1px solid var(--skin-body-border-color)!important;border-radius:6px}.t-r-a-user-selector-header{display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.t-r-a-user-selector-header-search{padding:10px 15px;line-height:0;width:calc(50% - 30px)}.t-r-a-user-selector-header-search i{position:relative;margin-left:8px;top:16px;color:var(--skin-user-selector-search-i-color)}.t-r-a-user-selector-header-search svg{color:var(--skin-user-selector-search-i-color);position:relative;float:right;right:8px;margin-top:-22px;cursor:pointer}.t-r-a-user-selector-header-search input{width:100%;height:30px;padding-left:30px!important;border-radius:4px;background:var(--skin-user-selector-search-input-background);color:var(--skin-user-selector-search-input-color);font-size:calc(var(--body-font-size-base) + 13px);letter-spacing:1px;border-width:.5px;border-color:var(--skin-user-selector-search-input-background)}.t-r-a-user-selector-header-title{padding:15px 15px 5px 15px;width:calc(50% - 30px);font-size:calc(var(--body-font-size-base) + 13px)}.t-r-a-user-selector-selectall{width:calc(50% - 30px);padding:10px 15px;position:absolute;bottom:-55px}.t-r-a-user-selector-selectall-btn{display:flex;align-items:center;gap:8px;cursor:pointer;padding:5px 10px;border-radius:4px;width:fit-content;user-select:none}.t-r-a-user-selector-selectall-btn span{font-size:calc(var(--body-font-size-base) + 13px);color:var(--skin-user-selector-selectall-btn-color)}.t-r-a-user-selector-body{display:flex;flex-direction:row;height:100%}.t-r-a-user-selector-body .t-r-a-user-selector-source-list{width:50%;border-right:1px solid var(--skin-body-border-color);user-select:none}.t-r-a-user-selector-body .t-r-a-user-selector-source-list-item{display:flex;width:auto;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;line-height:40px;padding:10px 25px;gap:10px;cursor:pointer}.t-r-a-user-selector-body .t-r-a-user-selector-source-list-item img{width:28px;height:28px;border-radius:4px;margin-left:5px}.t-r-a-user-selector-body .t-r-a-user-selector-source-list-item:hover{background:var(--skin-channel-list-item-hover-background)}.t-r-a-user-selector-body .t-r-a-user-selector-source-list-item.disabled{opacity:.5;cursor:not-allowed}.t-r-a-user-selector-body .t-r-a-user-selector-list-item-username{font-size:calc(var(--body-font-size-base) + 13px);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;max-width:150px}.t-r-a-user-selector-body .t-r-a-user-selector-choose-list{width:50%;user-select:none}.t-r-a-user-selector-body .t-r-a-user-selector-choose-list-empty{text-align:center;line-height:80px;color:var(--skin-body-color);font-size:calc(var(--body-font-size-base) + 12px)}.t-r-a-user-selector-body .t-r-a-user-selector-choose-list-item{display:flex;width:auto;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;padding:10px 25px;cursor:pointer;position:relative}.t-r-a-user-selector-body .t-r-a-user-selector-choose-list-item img{width:28px;height:28px;margin-right:10px;margin-left:5px;border-radius:4px}.t-r-a-user-selector-body .t-r-a-user-selector-choose-list-item svg{position:absolute;right:20px;color:grey}.t-r-a-user-selector-body .t-r-a-user-selector-choose-list-item:hover{background:var(--skin-user-selector-choose-list-item-hover-background)}.t-r-a-user-selector-body .t-r-a-user-selector-choose-item-username{font-size:calc(var(--body-font-size-base) + 13px);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}.t-r-a-user-selector-content-mobile .t-r-a-user-selector-header{display:flex;width:100%;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.t-r-a-user-selector-content-mobile .t-r-a-user-selector-header-search{padding:10px 15px;line-height:0;width:calc(100% - 30px)}.t-r-a-user-selector-content-mobile .t-r-a-user-selector-header-search i{position:relative;margin-left:8px;top:16px;color:var(--skin-user-selector-search-i-color)}.t-r-a-user-selector-content-mobile .t-r-a-user-selector-header-search svg{color:var(--skin-user-selector-search-i-color);position:relative;float:right;right:8px;margin-top:-22px;cursor:pointer}.t-r-a-user-selector-content-mobile .t-r-a-user-selector-header-search input{width:100%;height:30px;padding-left:30px!important;border-radius:4px;background:var(--skin-user-selector-search-input-background);color:var(--skin-user-selector-search-input-color);border-color:var(--skin-user-selector-search-input-background);font-size:calc(var(--body-font-size-base) + 13px);letter-spacing:1px;border-width:.5px}.t-r-a-user-selector-body-mobile{display:flex;flex-direction:column-reverse;height:100%;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-source-list{width:100%;border-right:1px solid var(--skin-body-border-color);border-top:1px solid var(--skin-body-border-color)!important;user-select:none;height:calc(100% - 90px)}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-source-list-item{display:flex;width:auto;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;line-height:40px;padding:10px 25px;gap:10px;cursor:pointer}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-source-list-item img{width:28px;height:28px;border-radius:4px;margin-left:5px}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-source-list-item:hover{background:var(--skin-user-selector-choose-list-item-hover-background)}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-source-list-item.disabled{opacity:.5;cursor:not-allowed}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-list-item-username{font-size:calc(var(--body-font-size-base) + 13px);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;max-width:150px}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-choose-list{user-select:none;height:90px;width:90%}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-choose-list-empty{text-align:center;line-height:80px;color:var(--skin-user-selector-choose-list-empty-color);font-weight:700}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-choose-list-item{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;flex-wrap:wrap;align-content:center;padding:10px;border-radius:8px;position:relative}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-choose-list-item img{width:28px;height:28px;margin-right:10px;margin-left:5px;border-radius:4px;margin-bottom:5px}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-choose-list-item svg{position:absolute;right:-6px;color:grey;top:-5px}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-choose-list-item:hover{background:var(--skin-user-selector-choose-list-item-hover-background)}.t-r-a-user-selector-body-mobile .t-r-a-user-selector-choose-item-username{font-size:calc(var(--body-font-size-base) + 13px);overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
html{--skin-user-selector-search-i-color:#c8c8c8;--skin-user-selector-search-input-background:#F8F9FB;--skin-user-selector-search-input-color:#3333339e;--skin-user-selector-choose-list-item-hover-background:#d2deff96;--skin-user-selector-choose-list-empty-color:#b3aaaa;--skin-user-selector-kick-danger-color:#d9534f;--skin-user-selector-selectall-border-color:#efe3e3;--skin-user-selector-selectall-btn-color:#333333}
.t-r-a-watermark-content-body{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;user-select:none;z-index:999999;overflow:hidden;transition:opacity .3s}.t-r-a-watermark-content-body *{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}