:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif}[v-cloak]{display:none}html,body{margin:0;padding:0;background-color:#fff0dc1a;overflow-x:hidden;overflow-y:auto}.app{width:100%;height:100%}.slide-fade-enter-active{transition:all .1s ease-in}.slide-fade-leave-active{transition:all .1s ease-out}.slide-fade-enter,.slide-fade-leave-to{opacity:0}.header{width:100%;height:45px;float:left;display:flex;justify-content:space-between;align-items:center}.header_back{height:45px;width:60px;border-radius:28px;margin-left:30px;display:flex;justify-content:center;align-items:center;transition:background-color .3s}.header_back>img{height:20px;opacity:.8}.header_home{height:45px;width:60px;border-radius:28px;margin-right:30px;display:flex;justify-content:center;align-items:center;transition:background-color .3s}.header_home>img{height:25px;opacity:.8}.click-effect.active{background-color:#fff2}.home{height:calc(100vh - 45px);width:100%;height:100%;background:url(../images/homebg.jpeg);background-size:cover;background-position:center}.home_content{width:100%;height:calc(100vh - 45px);background:linear-gradient(0deg,#0077a7dd 15%,#0d0075);display:flex;flex-direction:column;align-items:center;color:#fff}.home_header{text-align:center;margin:50px 0}.logo{width:60px;height:60px;background-color:#2b9af3;border-radius:8px;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.logo:before{content:"";position:absolute;width:30px;height:30px;background-color:#fff3;border-radius:50%;top:10px;left:10px}.logo:after{content:"";position:absolute;width:15px;height:15px;background-color:#ffffff4d;border-radius:50%;bottom:10px;right:10px}.home_title{font-size:28px;margin-bottom:5px}.en-home_title{font-size:14px;opacity:.8}.weather{display:flex;align-items:center;justify-content:center;background-color:#a3d6ff33;border-radius:20px;padding:8px 15px;margin-top:20px;margin-left:510px;font-size:.875rem;line-height:1.3}.EKHJj{color:#fff!important;font-size:16px}.weather-icon{margin-right:5px}.service-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:60px}.card{width:210px;height:310px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 25px 5px #008cff33}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#ffffff1a,#fff0);z-index:1}.card-icon{width:80px;height:80px;border:2px solid rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:50px;margin-bottom:20px;position:relative}.card-icon:before{content:"";position:absolute;width:60px;height:60px;border:2px solid rgba(255,255,255,.7);border-radius:50%}.card-icon>img{width:50px;opacity:70%}.card-home_title{font-size:22px;z-index:2}.green{background-color:#5cb85c}.blue{background-color:#337ab7}.purple{background-color:#7b4397}.orange{background-color:#f0ad4e}.violet{background-color:#0a7095}.header_bg0{background:linear-gradient(90deg,#0d0075 15%,#0d0075)}.header_bg1{background:linear-gradient(90deg,#0f492c 15%,#0f492c)}.header_bg2{background:linear-gradient(90deg,#6b6b6b00 15%,#5f5f5f00);position:fixed;z-index:999999}.header_bg3{background:linear-gradient(90deg,#13a47c 15%,#45c05d)}.header_bg4,.header_bg5,.header_bg6{background:linear-gradient(90deg,#0a7095 15%,#035877)}.njpx,.nzgm,.zwfw{width:100%;height:calc(100% - 45px);overflow:hidden;position:relative}.njzx{height:100%}.iframe{width:calc(100% + 17px);height:100%;border:none}.video-container{position:relative;width:100%;height:100%;background-color:#000}.video-wrapper{position:relative;width:100%;height:100%}.local-video{position:absolute;width:100%;height:100%;object-fit:cover;background-color:#1a1a1a}.no-camera-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.placeholder-content{text-align:center}.remote-video{position:absolute;top:50px;right:20px;width:30%;max-width:350px;height:auto;border-radius:8px;border:2px solid rgba(255,255,255,.3);background-color:#1a1a1a;opacity:90%;cursor:pointer;transition:all .3s ease}.remote-video:hover{transform:scale(1.05);border-color:#3498dbcc;opacity:1}.remote-video:active{transform:scale(.98)}@media (max-width: 768px){.remote-video:active{transform:scale(.95)}}.control-panel{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;display:flex;flex-direction:column;gap:10px;align-items:center}.user-info{text-align:center;font-size:14px}.connection-controls{display:flex;gap:10px;justify-content:center;align-items:center;opacity:80%}.connection-controls input{padding:8px 12px;border:none;border-radius:5px;outline:none;font-size:14px;width:120px}.btn-call{background-color:#27ae60;color:#fff;border:none;width:200px;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}.btn-call:hover:not(:disabled){background-color:#229954}.btn-call:disabled{background-color:#7f8c8d;cursor:not-allowed}.btn-end{background-color:#e74c3c;color:#fff;border:none;width:200px;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s}.btn-end:hover:not(:disabled){background-color:#c0392b}.btn-end:disabled{background-color:#7f8c8d;cursor:not-allowed}.btn-media{background-color:#3498db;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.btn-media:hover{background-color:#2980b9}.btn-media-disabled{background-color:#e74c3c!important}.btn-media-disabled:hover{background-color:#c0392b!important}.media-controls{display:flex;gap:10px;justify-content:center;opacity:80%}.connection-status{padding:5px 15px;border-radius:20px;background-color:#7f8c8d;font-size:12px;top:50px;left:10px;position:fixed;opacity:30%;transition:background-color .3s}.call-status{top:80px}.connection-status.connected{background-color:#27ae60}@media (max-width: 768px){.remote-video{width:40%;max-width:200px}.control-panel{padding:10px}.connection-controls,.media-controls{flex-wrap:wrap}}.permission-request-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;padding:20px;border-radius:10px;box-shadow:0 4px 20px #0000004d;z-index:1000;text-align:center;max-width:90%;width:320px}.permission-message h3{color:#333;margin-bottom:10px;font-size:1.2em}.permission-message p{color:#666;margin-bottom:20px;font-size:.9em;line-height:1.4}.permission-button{background-color:#27ae60;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s}.permission-button:hover:not(:disabled){background-color:#219a52}.permission-button:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){.permission-request-container{width:85%;padding:15px}.permission-button{width:100%;padding:15px}}.debug-button{margin-top:10px;padding:8px 12px;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.debug-button:hover{background-color:#34495e}.debug-panel{position:fixed;bottom:20px;right:20px;max-width:50vw;background-color:#000000e6;color:#fff;border-radius:12px;max-height:80vh;overflow:hidden;z-index:1000;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;opacity:95%}.debug-header{padding:5px 10px;background-color:#222;color:#ccc;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;align-items:center}.debug-content{padding:10px;max-height:600px;overflow-y:auto;font-family:monospace;font-size:12px;line-height:1.4;background:#000;color:#ff9;display:flex;flex-direction:column;gap:10px}.debug-info{display:flex;flex-wrap:wrap;gap:15px}.info-section{flex:1 1 200px;background-color:#2c3e504d;padding:10px;border-radius:6px}.info-section h4{margin:0 0 8px;color:#3498db;font-size:14px;font-weight:700;border-bottom:1px solid #34495e;padding-bottom:4px}.info-section p{margin:4px 0;font-size:12px;line-height:1.4}.logs-section{display:flex;flex-direction:column;gap:8px}.debug-actions{display:flex;justify-content:flex-end}.export-button{padding:6px 12px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.export-button:hover{background-color:#2980b9}.logs-container{background-color:#0006;border-radius:6px;padding:10px;max-height:300px;overflow-y:auto}.log-entry{padding:6px 8px;margin-bottom:4px;border-radius:4px;font-size:11px;line-height:1.3;display:flex;flex-direction:column;gap:2px}.log-entry.info{background-color:#3498db1a;border-left:3px solid #3498db}.log-entry.warn{background-color:#f39c121a;border-left:3px solid #f39c12}.log-entry.error{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#ff9}.log-entry.debug{background-color:#2ecc711a;border-left:3px solid #2ecc71}.log-timestamp{color:#95a5a6;font-size:10px}.log-level{font-weight:700;font-size:10px;text-transform:uppercase;display:inline-block;margin-right:8px}.log-entry.info .log-level{color:#3498db}.log-entry.warn .log-level{color:#f39c12}.log-entry.error .log-level{color:#e74c3c}.log-entry.debug .log-level{color:#2ecc71}.log-message{font-family:monospace;word-break:break-word}.incoming-call{background-color:#f8f9fa;border:2px solid #3498db;border-radius:10px;padding:20px;margin:20px auto;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 8px #0000001a;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 4px 8px #0000001a}50%{box-shadow:0 4px 8px #3498db66}to{box-shadow:0 4px 8px #0000001a}}.caller-info h3{color:#2c3e50;margin-bottom:10px;font-size:20px}.caller-info p{color:#34495e;margin-bottom:20px;font-size:16px}.waiting-answer{background-color:#f8f9fa;border:2px solid #f39c12;border-radius:10px;padding:20px;margin:20px auto;width:90%;max-width:400px;text-align:center;box-shadow:0 4px 8px #0000001a;animation:waiting-pulse 2s infinite}@keyframes waiting-pulse{0%{box-shadow:0 4px 8px #0000001a}50%{box-shadow:0 4px 8px #f39c1266}to{box-shadow:0 4px 8px #0000001a}}.waiting-info h3{color:#2c3e50;margin-bottom:10px;font-size:20px}.waiting-info p{color:#34495e;margin-bottom:20px;font-size:16px}.waiting-actions{display:flex;justify-content:center;gap:10px}.btn-cancel{background-color:#f39c12;color:#fff;padding:12px 24px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:100px;transition:background-color .3s,transform .1s}.btn-cancel:hover{background-color:#e67e22}.btn-cancel:active{transform:scale(.95)}.call-actions{display:flex;justify-content:center;gap:20px}.btn-accept,.btn-reject{padding:12px 24px;border:none;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:100px}.btn-accept{background-color:#27ae60;color:#fff}.btn-accept:hover{background-color:#219a52;transform:scale(1.05)}.zwfw-service-container{height:100%;padding:91px 120px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;background:linear-gradient(90deg,#0a7095 15%,#035877)}.zwfw-service-card{width:180px;height:180px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;box-shadow:0 4px 12px #0003;background:linear-gradient(135deg,var(--start-color),var(--end-color))}.zwfw-service-icon{width:60px;margin-bottom:15px}.zwfw-card1{--start-color: #33abff;--end-color: #0075ff}.zwfw-card2{--start-color: #9933FF;--end-color: #6600CC}.zwfw-card3{--start-color: #00CCCC;--end-color: #0099CC}.zwfw-card4{--start-color: #FF9933;--end-color: #FF6600}.zwfw-card5{--start-color: #0099FF;--end-color: #0066CC}.zwfw-card6{--start-color: #00CCCC;--end-color: #009999}.zwfw-card7{--start-color: #00CC66;--end-color: #009933}.zwfw-card8{--start-color: #9966FF;--end-color: #6633CC}.toast[data-v-0a5d9717]{position:fixed;padding:12px 20px;border-radius:4px;color:#fff;font-size:14px;z-index:9999;box-shadow:0 2px 8px #00000026;max-width:300px;word-wrap:break-word}.toast-content[data-v-0a5d9717]{display:flex;align-items:center;justify-content:center}.toast.info[data-v-0a5d9717]{background-color:#1890ff}.toast.success[data-v-0a5d9717]{background-color:#52c41a}.toast.warning[data-v-0a5d9717]{background-color:#faad14}.toast.error[data-v-0a5d9717]{background-color:#f5222d}.toast-fade-enter-active[data-v-0a5d9717],.toast-fade-leave-active[data-v-0a5d9717]{transition:all .3s ease}.toast-fade-enter-from[data-v-0a5d9717],.toast-fade-leave-to[data-v-0a5d9717]{opacity:0;transform:translateY(-20px)}