.twin-pop{z-index:900;background:#fff;border:1px solid #d8dee8;border-radius:14px;flex-direction:column;width:380px;max-width:calc(100vw - 32px);max-height:min(560px,100vh - 80px);display:flex;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 18px 48px #0f172a2e}.twin-pop-head{background:#f4f7fc;border-bottom:1px solid #e2e8f2;align-items:center;gap:8px;padding:10px 12px;display:flex}.twin-pop-title{color:#1f2a3d;word-break:break-all;flex:1;font-size:13px;font-weight:600;line-height:1.4}.twin-pop-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:20px;line-height:1}.twin-pop-close:hover{color:#1f2a3d}.twin-pop-body{background:#fff;flex-direction:column;flex:1;gap:8px;min-height:120px;padding:12px;display:flex;overflow-y:auto}.twin-pop-retired{color:#b42318;font-size:13px;line-height:1.6}.twin-pop-hint{color:#94a3b8;margin:0;font-size:13px}.twin-pop-line{white-space:pre-wrap;word-break:break-word;border-radius:10px;max-width:88%;padding:8px 11px;font-size:13px;line-height:1.6}.twin-pop-me{color:#fff;background:#1d4ed8;align-self:flex-end}.twin-pop-twin{color:#1f2a3d;background:#f1f5f9;align-self:flex-start}.twin-pop-form{background:#fafcff;border-top:1px solid #e2e8f2;gap:8px;padding:10px 12px;display:flex}.twin-pop-form input{border:1px solid #d8dee8;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px;font-size:13px}.twin-pop-form input:focus{border-color:#1d4ed8}.twin-pop-form button{color:#fff;cursor:pointer;background:#1d4ed8;border:none;border-radius:8px;padding:8px 14px;font-size:13px}.twin-pop-form button:disabled{cursor:not-allowed;background:#cbd5e1}