html.call-window,html.call-window body,html.call-window #root{width:100%;height:100%;overflow:hidden;background:#0e1628!important;-webkit-user-select:none;user-select:none}.call-app{height:100%;display:flex;flex-direction:column;color:#e8eefc;background:radial-gradient(circle at 12% 0%,rgba(66,123,241,.28),transparent 36%),linear-gradient(180deg,#15233d,#0e1628 48%,#0b1220)}.call-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.call-brand{display:flex;align-items:center;gap:12px}.call-logo{width:36px;height:36px;border-radius:50%;background:#ffffff1f;object-fit:contain}.call-brand h1{font-size:16px;font-weight:650}.call-brand p{margin-top:2px;font-size:12px;color:#e8eefcb8}.call-status{font-size:12px;padding:6px 10px;border-radius:999px;background:#ffffff14;color:#b7c2d9}.call-status.online{background:#52c41a29;color:#95de64}.call-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px 22px 22px}.call-stage{position:relative;overflow:hidden;border-radius:18px;background:#070d18;border:1px solid rgba(255,255,255,.08)}.remote-video,.local-video{background:#070d18;object-fit:cover}.remote-video{width:100%;height:100%}.local-video{position:absolute;right:16px;bottom:16px;width:168px;height:112px;border-radius:12px;border:1px solid rgba(255,255,255,.2);z-index:2;box-shadow:0 10px 24px #00000059}.call-stage.audio-only .local-video,.call-stage.audio-only .remote-video{opacity:0;pointer-events:none}.stage-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1;text-align:center}.avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#fff;background:linear-gradient(135deg,#5a91f5,#427bf1 55%,#2f62c9)}.stage-placeholder strong{font-size:18px}.stage-placeholder span,.call-timer{font-size:13px;color:#e8eefcb8}.call-timer{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:3;padding:6px 12px;border-radius:999px;background:#0000006b}.call-side{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto}.call-card{padding:16px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:12px}.call-card h2{font-size:14px}.call-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#b7c2d9}.call-card input,.call-card textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:#070d18b3;color:#e8eefc;border-radius:10px;padding:10px 12px;font:inherit;outline:none;resize:none}.call-card input:focus,.call-card textarea:focus{border-color:#427bf1;box-shadow:0 0 0 2px #427bf133}.call-card input:disabled,.call-card textarea:disabled{opacity:.65}.hint{font-size:12px;line-height:1.5;color:#8b97b3}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{height:38px;border-radius:10px;font-size:13px;font-weight:650;color:#fff}.btn.primary{background:linear-gradient(135deg,#5a91f5,#427bf1 55%,#2f62c9)}.btn.ghost{background:#ffffff14}.btn:disabled{opacity:.55;cursor:not-allowed}.call-error{padding:10px 12px;border-radius:10px;background:#ff4d4f1f;border:1px solid rgba(255,77,79,.28);color:#ffccc7;font-size:12px;line-height:1.5}.call-controls{display:flex;justify-content:center;gap:16px;padding:0 22px 22px}.ctrl{min-width:108px;height:44px;border-radius:22px;padding:0 18px;font-size:13px;font-weight:650;color:#fff;background:#ffffff1f}.ctrl.off{background:#ffffff0f;color:#ffccc7}.ctrl.accept{background:#52c41a}.ctrl.reject,.ctrl.hangup{background:#ff4d4f}@media (max-width: 900px){.call-main{grid-template-columns:1fr}.call-stage{min-height:280px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}html.ball-window,html.ball-window body,html.ball-window #root{border-radius:30px;overflow:hidden;background:transparent!important}button{border:none;background:none;cursor:pointer;font-family:inherit}.overlay-scrollbar{scrollbar-width:thin;scrollbar-color:transparent transparent}.overlay-scrollbar:hover{scrollbar-color:rgba(0,0,0,.4) transparent}.overlay-scrollbar::-webkit-scrollbar{width:4px;height:4px}.overlay-scrollbar::-webkit-scrollbar-track{background:transparent}.overlay-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px;transition:background .2s ease}.overlay-scrollbar:hover::-webkit-scrollbar-thumb{background:#00000059}.overlay-scrollbar:hover::-webkit-scrollbar-thumb:hover{background:#0000008c}