.yiqin-call{position:relative;min-height:100dvh;max-width:720px;margin:auto;padding:0 0 130px;background:#171b1e;color:#fff;font-family:system-ui,Microsoft YaHei,sans-serif}.yiqin-call .call-header{position:absolute;z-index:3;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:16px 20px;background:linear-gradient(#0009,transparent)}.yiqin-call .call-header h1{font-size:20px;font-weight:600}.yiqin-call .call-header a{color:white;font-size:16px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.yiqin-call .call-portrait{position:relative;width:100%;height:min(78svh,900px);overflow:hidden;background:#2b2825;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box}.yiqin-call .call-portrait>img,.yiqin-call .call-portrait>video.idle-avatar,.yiqin-call .call-portrait>video.speaking-avatar{position:absolute;inset:0;width:100%;height:100%;padding:10px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.yiqin-call .call-portrait>img.avatar-frame{transition:opacity .18s ease-out}.yiqin-call .call-portrait[data-avatar-mode=photo-idle]>img.avatar-frame{animation:yiqin-photo-idle 6s ease-in-out infinite}@keyframes yiqin-photo-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.yiqin-call .call-portrait[data-avatar-mode=photo-idle]>img.avatar-frame{animation:none}}.yiqin-call .call-portrait>p{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:#ddd;font-size:15px}.yiqin-call .camera-preview{position:absolute;z-index:6;top:max(18px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:min(25vw,104px);height:min(35vw,146px);border:1px solid #fff8;border-radius:12px;background:#303030;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.yiqin-call .call-caption{position:absolute;bottom:0;left:0;right:0;padding:36px 20px 16px;background:linear-gradient(transparent,#000a)}.yiqin-call .call-caption h2{font-size:19px;font-weight:600}.yiqin-call .call-caption p{font-size:11px;color:#eee}.yiqin-call .call-message{padding:12px 18px;min-height:58px;text-align:center;font-size:16px}.yiqin-call .call-message p{margin:3px 0}.yiqin-call .current-reply{color:#d7dfd7}.yiqin-call .call-controls{position:sticky;bottom:0;z-index:3;display:flex;justify-content:center;gap:12px;padding:14px;background:#171b1ef2}.yiqin-call button{min-height:46px;border:0;border-radius:28px;padding:10px 18px;background:#363b3f;color:white;font-size:16px}.yiqin-call button.dial{background:#16a963}.yiqin-call button.hangup{background:#e34747}.yiqin-call button:disabled{opacity:.55}.yiqin-call .call-details,.yiqin-call .call-disclosure,.yiqin-call .pair-form{margin:12px 18px}.yiqin-call .pair-form{display:grid;gap:10px}.yiqin-call .pair-form input,.yiqin-call textarea{width:100%;border-radius:12px;border:1px solid #737373;background:#292e31;padding:12px;color:white;font-size:16px}.yiqin-call .call-details{font-size:16px;color:#ddd}.yiqin-call .call-details summary{min-height:44px;display:list-item;padding:10px 0;cursor:pointer}.yiqin-call .call-details form{display:grid;gap:8px;margin-top:10px}.yiqin-call .call-disclosure{font-size:11px;color:#aaa;text-align:center}.yiqin-call.in-call{position:fixed;inset:0;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden}.yiqin-call.in-call .call-caption{inset:auto auto max(12px,env(safe-area-inset-bottom)) 16px;padding:0;background:none;z-index:5;pointer-events:none}.yiqin-call.in-call .call-caption h2{display:none}.yiqin-call.in-call .call-caption p{margin:0;font-size:11px;text-shadow:0 1px 4px #000}.yiqin-call.in-call .call-message{position:absolute;z-index:5;right:14px;bottom:160px;left:14px;max-height:20dvh;overflow:auto;border-radius:14px;background:#0008;text-shadow:0 1px 3px #000}.yiqin-call.in-call .call-controls{position:absolute;z-index:5;right:0;bottom:0;left:0;flex-wrap:wrap;align-items:flex-end;gap:30px;padding:32px 18px max(40px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000b 38%,#000d)}.yiqin-call .call-timer{margin:6px 0 0;font-size:16px;font-variant-numeric:tabular-nums}.yiqin-call .camera-preview:active{cursor:grabbing}.yiqin-call .camera-preview:focus-visible{outline:3px solid white;outline-offset:3px}.yiqin-call .camera-preview .self-camera{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1);pointer-events:none}.yiqin-call [hidden]{display:none!important}.yiqin-call.in-call .call-header{padding:max(24px,env(safe-area-inset-top)) 24px 40px;pointer-events:none}.yiqin-call.in-call .call-header h1{margin:0;font-size:27px;font-weight:500}.yiqin-call button.call-background-toggle{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border-radius:0;background:transparent}.yiqin-call .call-background-toggle:focus-visible{outline:3px solid white;outline-offset:-4px}.yiqin-call .call-controls .icon-control{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;min-width:72px;background:transparent;border-radius:0;font-size:16px}.yiqin-call .control-disc{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;color:#26282c}.yiqin-call .control-disc svg{width:28px;height:28px}.yiqin-call .hangup{order:2}.yiqin-call .hangup .control-disc{background:#ed4b51;color:white}.yiqin-call.controls-hidden .call-controls,.yiqin-call.controls-hidden .call-header{visibility:hidden;pointer-events:none}@media (orientation:landscape) and (max-height:500px){.yiqin-call .camera-preview{width:88px;height:112px}.yiqin-call.in-call .call-controls{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-top:16px}.yiqin-call.in-call .control-disc{width:52px;height:52px}.yiqin-call.in-call .call-message{bottom:116px}}